Windows 10通用版網(wǎng)易云閱讀概念設(shè)計

0 評論 3429 瀏覽 47 收藏 13 分鐘

無論是在哪個平臺,網(wǎng)易系產(chǎn)品都有上佳的口碑,尤其是在市場份額極低的Windows平臺,網(wǎng)易多年來不離不棄,不僅保證了旗下多款產(chǎn)品的正常維護和更新,還在Windows 10發(fā)布后相繼推出通用版,實屬大陸互聯(lián)網(wǎng)公司的“良心企業(yè)”。

其中,網(wǎng)易的兩大重頭產(chǎn)品——云音樂和云閱讀,前者已經(jīng)完成了通用版的搭建并順利上線,而后者則仍停留在Windows 8版本,無論是交互上還是功能上都與Android和iOS版本有極大的差距。因此,筆者利用過年前后,越俎代庖,完成了通用版網(wǎng)易云閱讀的概念設(shè)計,希望能夠給予網(wǎng)易相關(guān)人員一些幫助和啟發(fā),不當?shù)牡胤竭€望多多指正。

微信截圖_20160217145331

一 模式分析

網(wǎng)易云閱讀的功能和內(nèi)容構(gòu)成極其復(fù)雜,其中包含:

  • 圖書和雜志閱讀(類似于多看、豆瓣閱讀)
  • 網(wǎng)絡(luò)文學(xué)(類似于紅袖添香、瀟湘)
  • 資訊訂閱(類似于鮮果、ZAKER)
  • 閱讀圈(類似于Seed)

這種復(fù)雜的功能組合,一方面提供了全方位的閱讀服務(wù),另一方面也讓網(wǎng)易云閱讀顯得臃腫而奇怪,每一方面都有略顯粗糙的可能,難以和各個項目中的業(yè)界翹楚實現(xiàn)競爭。所幸的是,網(wǎng)易并沒有讓我們失望,利用自身媒體和門戶的資源優(yōu)勢,網(wǎng)易成功的將圖書、雜志、網(wǎng)文和資訊整合在一起,著力于打造華語最大的文字內(nèi)容生產(chǎn)和閱讀平臺,利用資源的廣度提供全方位的閱讀體驗:

  • 精致閱讀(圖書、雜志)
  • 碎片閱讀(網(wǎng)文、資訊訂閱)
  • 社交閱讀(閱讀圈)

并且,網(wǎng)易大力推廣的原創(chuàng)作者計劃,促進云閱讀平臺吸納海量的原創(chuàng)文字內(nèi)容,實現(xiàn)從B2C到UGC再到PGC的打通和包攬。

因此,未來的網(wǎng)易云閱讀,將是UGC+PGC+CRG模式的結(jié)合:

  • 網(wǎng)頁端(原創(chuàng)文學(xué),精英創(chuàng)作PGC+UGC)
  • 移動端(閱讀圈,草根再創(chuàng)作CRG)

這種模式,一方面保證了通過付費閱讀,刺激了內(nèi)容生產(chǎn)(自媒體+網(wǎng)文),保證自身在內(nèi)容上的量與質(zhì)的優(yōu)勢,行程良性循環(huán);另一方面也為大量草根提供了發(fā)聲的機會,著力于在未來搭建一個屬于網(wǎng)易的媒體社交平臺,成為網(wǎng)易在互聯(lián)網(wǎng)的通行證。

二 功能架構(gòu)

微信截圖_20160217145816

目前網(wǎng)易云閱讀在iOS和Android平臺上的架構(gòu)是有區(qū)別的,尤其是閱讀圈的層級在Android平臺上被極大的弱化,這十分的不應(yīng)該。

目前,閱讀圈無論從活躍度還是閱讀體驗上都非常糟糕,但糟糕并不意味著拋棄。作為承載網(wǎng)易未來的一個重要平臺,閱讀圈仍需要網(wǎng)易利用資源優(yōu)勢提供補給來逐步壯大。

而另一方面,圖書、雜志、網(wǎng)文三個門類,在閱讀體驗上相對接近,因而統(tǒng)一于書架中,是相對合理的,而資訊訂閱則單獨于另一個入口,最后一個入口屬于商店。

通用版網(wǎng)易云閱讀依然采用了漢堡菜單,這一方面是為了保證桌面端和移動端的統(tǒng)一性,另一方面則是鑒于大尺寸屏幕的閱讀體驗更佳,因而桌面端的使用體驗要格外照顧。

微信截圖_20160217150535

三 書架

微信截圖_20160217150417

書架的交互和界面設(shè)計與其他平臺類似,只不過在功能鍵和布局上進行了Windows平臺轉(zhuǎn)化。

最大的差別在于重新設(shè)計了最近閱讀一欄。

無論是iOS還是Android平臺的網(wǎng)易云閱讀,亦或是其他的閱讀類應(yīng)用,都基本采用書目封面作為最近閱讀內(nèi)容提示,視覺上很容易與書架中所呈現(xiàn)的書籍混淆,且存在誤操作的可能。因此,筆者將最近閱讀卡片更改為:

  • 書目封面模糊作為背景;
  • 即將閱讀的文字內(nèi)容引用;
  • 書目和章目信息;
  • 單一書目占據(jù)一張卡片,左右滑動切換書目。

這種設(shè)計在直觀度上有所欠缺,但希望用未讀的文字作為吸引,誘使讀者回到之前的節(jié)點繼續(xù)閱讀。

微信截圖_20160217150811

四 商店

微信截圖_20160217151122

正如上文所述,雜志、圖書、網(wǎng)文和資訊,這四個項目雖然同屬閱讀門類,但彼此之間依然缺乏打通的基礎(chǔ),且存在一定的體驗差異。

網(wǎng)易云閱讀致力于打通四者的商店,以圖無差別的閱讀體驗,但實際效果欠佳,尤其是在Android平臺,幾個門類層層嵌套,區(qū)分模糊,讀者經(jīng)常會不知身處何方,在不同的門類中往返多次。

因此,在通用版網(wǎng)易云閱讀中,商店被明確劃分為四個不同的子門類,讀者通過切換進入不同的門類,這種設(shè)計缺乏創(chuàng)新和靈活性,但就目前而言,不失為一個穩(wěn)妥的解決方案。

微信截圖_20160217151309

微信截圖_20160217151330

五 閱讀

微信截圖_20160217151515

資訊訂閱是界面設(shè)計變化最大的門類。

目前網(wǎng)易云閱讀在兩大平臺上的資訊訂閱閱讀模式分為兩種:

  • 九宮格式入口
  • 頂部標簽入口

這兩種模式,前者雖無功無過,但不同訂閱源之間的切換閱讀過于繁瑣,需要在兩個層級間不斷的上下往復(fù);后者則無法全覽訂閱源,只得通過滑動切換,不夠直觀。簡之,兩種模式都需要用戶不斷的切換以閱讀所有門類,操作阻礙過大,不符合現(xiàn)今用戶碎片化閱讀的需求,因此,筆者決定采用聚合模式來統(tǒng)一所有訂閱源,讀者打開后所需要的,只是刷新和閱讀即可,并且采用雜志卡片來整合資訊消息,提供舒適且美觀的閱讀體驗。

當然,為避免用戶不適,筆者也提供了九宮格模式,以方便老用戶的閱讀習慣。

微信截圖_20160217151713

微信截圖_20160217151648

六 閱讀圈

微信截圖_20160217151856

上文已有簡短的闡述,閱讀圈是網(wǎng)易云閱讀乃至網(wǎng)易未來發(fā)展的重要環(huán)節(jié)之一。

網(wǎng)易在產(chǎn)品上別樹一幟,即使面對強大的BAT也不逞多讓,這既源自網(wǎng)易的內(nèi)部體制,給予大量中層領(lǐng)袖以極大的產(chǎn)品自主權(quán),也有網(wǎng)易對產(chǎn)品品質(zhì)的堅守。但這種模式也帶來了產(chǎn)品分散化的問題,網(wǎng)易的產(chǎn)品往往相互獨立,缺乏聯(lián)系,更無法像BAT一樣行程體系,以“集團軍”的形式作戰(zhàn),大大削弱了網(wǎng)易系的整體實力。

脫胎于媒體的閱讀圈,以閱讀為依托,將用戶閱讀的行為(評論、點贊、轉(zhuǎn)發(fā)等)以信息流的形式展現(xiàn)出來,將用戶從訂閱新聞源轉(zhuǎn)化為訂閱用戶,通過社交實現(xiàn)間接閱讀,以媒體帶社交,以社交反哺媒體,從而實現(xiàn)雙贏。閱讀圈是一個任何人都可以發(fā)聲的平臺,在初期用戶量較少時,需要拉攏知名的業(yè)界大拿來吸引用戶,通過與微信或微博的接通先將部分關(guān)系網(wǎng)引入,并于網(wǎng)易賬戶綁定,待新關(guān)系網(wǎng)形成后,便可弱化引流過程,逐步獨立構(gòu)建自己的關(guān)系群。

現(xiàn)階段的閱讀圈,仍是云閱讀的一個附屬品,用戶行為的對象,依然局限于圖書資訊等閱讀類內(nèi)容,待閱讀圈發(fā)展壯大,閱讀圈的觸角將伸向網(wǎng)易的方方面面,從雜志新聞到音樂視頻,從網(wǎng)文博客到在線課堂,每一款網(wǎng)易的應(yīng)用都將為閱讀圈貢獻更廣的空間,也將因閱讀圈而串聯(lián)為一體。

閱讀圈的設(shè)計語言類似于Seed與微博的結(jié)合體,在展現(xiàn)媒體內(nèi)容的同時強化了用戶行為的存在。但這種設(shè)計也帶來了閱讀效率的下滑,單一卡片的內(nèi)容承載量太多,單一屏幕能夠顯示的內(nèi)容數(shù)量太少,這在后期需要精簡內(nèi)容,調(diào)整顯示方案。

微信截圖_20160217152017

由于引入了社交元素,單純的賬戶和設(shè)置轉(zhuǎn)化為了個人信息流匯總,更加類似于微博等社交平臺的個人中心,以滿足用戶之間彼此關(guān)注和溝通的需求。

微信截圖_20160217152125

微信截圖_20160217152305

本次通用版網(wǎng)易云閱讀概念設(shè)計,從網(wǎng)易云閱讀的戰(zhàn)略模式出發(fā),再到架構(gòu)、功能、布局和交互設(shè)計,希望以更廣更全面的角度來重新設(shè)計云閱讀,而不僅僅只是將其遷移到Windows平臺,鄙人不才,其中很多內(nèi)容恐為一家之言,有失偏頗,不當之處,還讓專業(yè)人士多多指正,共同進步。

 

作者:蘇之景苒,知乎專欄:http://zhuanlan.zhihu.com/metrox/20579929

本文由 @蘇之景苒 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!