一 網(wǎng)易云閱讀web資訊閱讀器V1版本情況以及問題
如下截圖是網(wǎng)易云閱讀web閱讀器V1版本（圖1），結(jié)構(gòu)上和谷歌閱讀（圖2）類似姿骏，左右兩欄模式糖声，左邊為訂閱源列表，右邊是文章列表。網(wǎng)易云閱讀右側(cè)的文章列表是默認(rèn)收起狀態(tài)姨丈，每篇文章都是點(diǎn)擊“查看全文”再進(jìn)行閱讀.
谷歌閱讀的左右兩欄模式自從它誕生開始就基本沒有變化過畅卓。這種模式，我自己在用的時(shí)候效率不高蟋恬，篩選要看的文章需要大幅度的滑動屏幕翁潘，右上角的翻篇操作又離得有點(diǎn)遠(yuǎn)。而且從視覺感官層面上也不能滿足用戶日益增進(jìn)的審美標(biāo)準(zhǔn)歼争。
針對自己平臺閱讀器的一些不足和問題拜马，開始了網(wǎng)易云閱讀web閱讀器的設(shè)計(jì)和開發(fā)。
圖1
圖2
二 競品分析
以下是一些收集的web端資訊閱讀器沐绒，包括Digg, Pulse, Taptu, 鮮果俩莽， Aolreader, Feedly等等。
這個(gè)是digg的資訊閱讀器乔遮，它的結(jié)構(gòu)基本上就是延續(xù)了谷歌閱讀的模式扮超，沒有太大的創(chuàng)新.內(nèi)容上，digg以閱讀自主訂閱內(nèi)容為主蹋肮。
http://www.pulse.me/fb_100003743726724/design/designboom-3kdgz
pulse的web閱讀器出刷，也是左右兩欄，但是右欄的卡片模式過于混亂坯辩。
https://www.taptu.com/stream/feed/60345/827526411
taptu的閱讀器為三欄模式馁龟，中間是文章列表，但是它中間的文章列表沒有縮略圖漆魔，文章加載數(shù)量還有限坷檩。
鮮果閱讀的模式和谷歌閱讀模式類似,但是鮮果閱讀分“鮮果閱讀器”和“我的訂閱”將rss訂閱和官方內(nèi)容訂閱分開來了，沒有整合在一起改抡。
flipboard模式比較新穎矢炼，版式非常美觀，有雜志閱讀的效果雀摘。Flipboard以閱讀其官方內(nèi)容為主裸删，自主訂閱內(nèi)容比較少
有 aol的資訊閱讀器功能比較強(qiáng)大，其中的卡片閱讀模式對于圖片類文章閱讀比較高效直觀阵赠。
feedly是現(xiàn)在國外使用人群比較多的一個(gè)web資訊閱讀器涯塔，不管是功能上還是視覺上都比較好.結(jié)構(gòu)上，feedly也是用比較常見的左右兩欄模式清蚀，右邊的文章區(qū)域有多種瀏覽模式匕荸，包括列表、雜志枷邪、卡片式榛搔、全文式，表現(xiàn)比較全面。Icon和界面布局上都比較簡單清晰践惑。同時(shí)一些小細(xì)節(jié)也很有意思腹泌，比如文章未讀數(shù)hover狀態(tài)有標(biāo)記全部已讀的操作，鼠標(biāo)hover狀態(tài)下出現(xiàn)的一些操作尔觉、頁面滾動時(shí)頂部導(dǎo)航的變化等等凉袱。
Feedly有個(gè)問題就是在國內(nèi)上，經(jīng)常無法加載內(nèi)容侦铜，感覺被墻了专甩。
競品分析小結(jié)：現(xiàn)在主流的web閱讀器都不同程度受到谷歌閱讀器的影響，結(jié)構(gòu)基本都是左右兩欄模式钉稍，左邊大多都是源列表涤躲，右邊的文章頁面表現(xiàn)各不一樣，有比較傳統(tǒng)的全文模式比如digg贡未，有比較新穎的雜志閱讀模式种樱，如FLIPBOARD，有表現(xiàn)全面的多模式閱讀俊卤，比如AOLREADER和FEEDLY缸托。
這些閱讀器中比較多見的有全文模式、卡片模式瘾蛋、列表模式、三欄模式矫限、雜志模式等等哺哼。全文模式的特點(diǎn)是閱讀時(shí)不需要任何多余的操作，只需要鼠標(biāo)滾軸不停地上下滾動叼风；卡片模式的特點(diǎn)是可以有效地從很多文章中選擇性閱讀取董，但是比較適合圖片資訊的篩選閱讀，如果全部是文字就會顯得比較壓抑和擁擠无宿；列表模式是將所有文章標(biāo)題從上至下排列茵汰，點(diǎn)擊標(biāo)題閱讀文章，但是這種模式的標(biāo)題寬度一般都很大孽鸡，完全超出了理想的閱讀范圍蹂午，對于文章的篩選其實(shí)效率比較低；三欄模式是包括左側(cè)源列表欄彬碱、中間的文章列表欄和右側(cè)的文章詳情頁面豆胸，這種模式是介于卡片模式和全文模式中間的一種方式，對于圖片為主的資訊和文字為主的資訊有比較好的兼容巷疼；雜志模式是類似Flipboard的閱讀方式晚胡，這種方式的閱讀感官體驗(yàn)非常好，但是擴(kuò)展性不是非常強(qiáng)，如果圖片質(zhì)量不能保證則比較影響性能估盘，同時(shí)不太適配低版本瀏覽器（網(wǎng)易云閱讀的用戶中低版本瓷患、第像素的用戶還是比較多的）
個(gè)人使用這些Web端資訊閱讀器，總結(jié)最重要的幾點(diǎn)為：1遣妥，整體架構(gòu)是否清晰易懂擅编、易操作、易于文章閱讀燥透；2沙咏，基本功能完整，比如資訊源分組班套、文章收藏肢藐、分享等等；3吱韭，視覺簡潔大方吆豹；4，內(nèi)容抓取完整理盆、及時(shí)等等痘煤。
三 定位
基于以上的分析，網(wǎng)易云閱讀的定位應(yīng)該是如下這樣的：
1猿规，閱讀結(jié)構(gòu)方面衷快，網(wǎng)易云閱讀是一個(gè)比較綜合性的閱讀平臺，涵蓋面比較廣姨俩，不僅包括圖文資訊蘸拔，更有視頻、自媒體环葵、rss閱讀等等调窍。所以他的展現(xiàn)形式上應(yīng)該是比較豐富的，包含以下三種閱讀模式张遭，以至于迎合閱讀各種內(nèi)容的用戶邓萨。1，閱讀rss為主的用戶會比較習(xí)慣于google reader這種全文模式菊卷；2缔恳，閱讀圖片內(nèi)容為主的用戶更適合卡片式大圖的模式；3洁闰，閱讀新聞?lì)惡侄晕淖譃橹鞯挠脩艨梢允褂萌龣诘哪Ｊ健?strong>
三欄模式
全文模式
卡片模式
2，視覺方面渴庆，是簡潔大氣的铃芦。擁有清晰的版面雅镊，合理的字體大小、文字行寬刃滓、間距仁烹、文字顏色等等，同時(shí)各種精心設(shè)計(jì)的icon咧虎。
3卓缰，功能方面，結(jié)合社交功能砰诵，讓產(chǎn)品更加有活力征唬。社交功能包括網(wǎng)易云閱讀的“閱讀圈”和易信的“朋友圈”∽屡恚可以將文章分享到這些平臺总寒，然后和朋友互動。
四理肺、設(shè)計(jì)（草圖摄闸、交互稿、視覺稿）
草圖：
簡單繪制的幾張草圖...
交互稿：
整體效果交互稿
細(xì)節(jié)交互稿
視覺稿
最后上線的產(chǎn)品可以登錄 yuedu.163.com 查看妹萨。但是現(xiàn)在線上可以看到的版本只有一個(gè)三欄模式（這里有個(gè)小插曲年枕，只有一種三欄模式的原因是因?yàn)槭紫榷ㄎ浑A段分析不是很全面，再者版本設(shè)計(jì)開發(fā)周期比較短乎完，以至于只選擇了瀏覽時(shí)效率比較高的三欄模式⊙郑現(xiàn)在回過頭來想想網(wǎng)易云閱讀是一個(gè)涵蓋內(nèi)容非常大的產(chǎn)品，它的展現(xiàn)形式應(yīng)該更多樣化來滿足不同的用戶需求树姨，需要三欄霍弹、全文、卡片等多種方式娃弓。）
五 未來發(fā)展
整體做下來還有很多未完善的東西，比如1岛宦，資訊源更新文章數(shù)顯示方式台丛；2，文章操作欄位置砾肺；3挽霉，分組功能；4变汪，全文模式和卡片模式等等侠坎。
在后面的版本迭代中以上的問題都是要逐步完善的，讓網(wǎng)易云閱讀以相對完整而全面的方式面對用戶裙盾。同時(shí)仍有一些值得研究的東西实胸，比如深入研究三欄他嫡、全文、卡片三種模式的用戶體驗(yàn)差異庐完；研究用戶真正使用產(chǎn)品的效果钢属，尋找有哪些缺陷，有哪些地方需要完善门躯；還有一個(gè)比較新穎的命題”Responsive Typography"淆党，響應(yīng)式字體排版，研究在web端讶凉、pad端染乌、手機(jī)端不同的字體排版設(shè)計(jì)。
