基于用戶體驗(yàn)的移動(dòng)閱讀App 界面設(shè)計(jì)對(duì)比研究

劉珈利

（天津職業(yè)技術(shù)師范大學(xué)，天津 300350）

1 用戶體驗(yàn)概述

用戶體驗(yàn)[1]指的是不同的用戶使用產(chǎn)品或某項(xiàng)服務(wù)、程序、系統(tǒng)時(shí)，產(chǎn)生的生理以及心理的反應(yīng)。如果用戶發(fā)現(xiàn)產(chǎn)品或服務(wù)中有問題，不是用戶的錯(cuò)誤，而是設(shè)計(jì)中出現(xiàn)了欠缺。用戶體驗(yàn)最早記載于20 世紀(jì)40 年代的人機(jī)交互領(lǐng)域[2]，體現(xiàn)出人、產(chǎn)品與環(huán)境系統(tǒng)的關(guān)系，包換使用者與環(huán)境(地點(diǎn)和時(shí)間)、使用者與使用者(個(gè)人的地位與角色)、使用者與產(chǎn)品(互動(dòng)與感受)、產(chǎn)品與產(chǎn)品(相互競(jìng)爭(zhēng)影響)等多重關(guān)系。以前的用戶體驗(yàn)[3]多集中在實(shí)際可操縱性上，包含了表層的可用性和深層次的實(shí)用性。

2 基于用戶體驗(yàn)的移動(dòng)閱讀App 界面設(shè)計(jì)對(duì)比分析

2.1 界面視覺設(shè)計(jì)對(duì)比分析

對(duì)移動(dòng)閱讀目標(biāo)用戶的調(diào)研：人們希望移動(dòng)閱讀 App 產(chǎn)品能夠讓他們?cè)谒槠臅r(shí)間內(nèi)，享受良好的閱讀體驗(yàn)，提高自身的內(nèi)涵。界面設(shè)計(jì)時(shí)，要考慮人們的使用情境、行為模式和需求。內(nèi)容上，用戶希望移動(dòng)閱讀 App 產(chǎn)品能提供質(zhì)量?jī)?yōu)質(zhì)的內(nèi)容，并減少重復(fù)內(nèi)容；功能上，希望產(chǎn)品擁有個(gè)性化設(shè)置、多設(shè)備的云同步、分享等等功能；在形式方面，希望產(chǎn)品的視覺風(fēng)格舒適，密度適中。

2.2 界面功能設(shè)計(jì)對(duì)比分析

筆者以微信閱讀、網(wǎng)易蝸牛讀書這兩款手機(jī)閱讀應(yīng)用進(jìn)行對(duì)比。微信讀書和網(wǎng)易蝸牛讀書的核心功能列舉如下：

書架：書架功能的設(shè)計(jì)采用了大部分閱讀應(yīng)用使用的陳列館式設(shè)計(jì)，優(yōu)點(diǎn)是直觀地展現(xiàn)了每本書的內(nèi)容，以及清楚地了解最近閱讀了哪些書籍。微信讀書的扁平化設(shè)計(jì)使得界面內(nèi)容顯得很干凈整潔，不會(huì)雜亂。同時(shí)書架還支持書籍的分組，當(dāng)讀的書越來越多時(shí)便于管理和歸類。書架同時(shí)支持將某一些不愿意讓他人知道自己在讀的書籍歸類到私密閱讀，缺點(diǎn)是私密閱讀的區(qū)分只顯示在書籍封面，其余公開閱讀的書籍都放在書架頁，無法進(jìn)行統(tǒng)一的管理和查找。

書城：相較于其他閱讀應(yīng)用將書城置于一級(jí)頁面，微信閱讀的書城反而放置于需要經(jīng)過發(fā)現(xiàn)頁或者書架頁的添加，才能跳轉(zhuǎn)的二級(jí)頁面。這種做法可能跟微信讀書的社交定位有關(guān)，它更希望引導(dǎo)用戶在發(fā)現(xiàn)頁面，查看好友在讀的書籍，從而與好友產(chǎn)生互動(dòng)。書城中除了根據(jù)用戶經(jīng)常閱讀的書籍而劃分的猜你喜歡和熱門推薦，以及贈(zèng)一得一的推廣活動(dòng)外，還將微信特有的公眾號(hào)文章整合成文集進(jìn)行推薦，滿足了微信用戶碎片化閱讀的需求。

書桌：網(wǎng)易蝸牛讀書的書桌采用的是非常干凈流暢的單卡片滑動(dòng)式交互，可以看到書籍的許多細(xì)節(jié)諸如用書簽標(biāo)志提示閱讀進(jìn)度，顯示在讀此書人數(shù)及書中讀者的一些問答等，比起單純的一個(gè)書籍封面信息更豐滿。

不同于大部分閱讀應(yīng)用，將所有書籍置于一級(jí)頁面的書桌或書架，網(wǎng)易蝸牛讀書最多只能放三本書，其余書籍需要通過右上角我的書桌進(jìn)入二級(jí)頁面瀏覽。這是一個(gè)很特別的設(shè)計(jì)，目的是引導(dǎo)用戶更加專注地去深層閱讀一本書，減少?zèng)Q策成本以及頻繁地在不同書籍中進(jìn)行閱讀跳轉(zhuǎn)。

分類：采用卡片式交互設(shè)計(jì)將書籍按照排行榜和分類進(jìn)行展示，方便用戶瀏覽及查找自己感興趣領(lǐng)域的書籍。其中，書籍分類除了傳統(tǒng)類別以外還特別按照出版社進(jìn)行分類，大概是和這些出版社有合作，但出版社分類和其他普通分類沒有進(jìn)行很好的區(qū)分，用戶在初次瀏覽分類時(shí)，可能會(huì)不是很懂這些分類的圖書內(nèi)容。

分類板塊還有一個(gè)特別的掃一掃功能，這里的掃一掃功能除了掃一掃PC 端二維碼從而在PC 端進(jìn)行書評(píng)創(chuàng)作，也可以掃一掃書籍二維碼進(jìn)入共讀功能。這也是網(wǎng)易蝸牛讀書對(duì)O2O 社交的嘗試，可以與非社交軟件好友分享共讀同一本書，對(duì)于軟件傳播和讀書社區(qū)的形成也很有幫助。

2.3 界面情感設(shè)計(jì)對(duì)比分析

發(fā)現(xiàn)欄內(nèi)容平均會(huì)有十幾頁內(nèi)容，筆者自己在體驗(yàn)過程中不太能發(fā)現(xiàn)哪一頁才是重點(diǎn)。具體如下：不可刪除頁有上周讀書第一名、本周熱榜、讀書電臺(tái)、關(guān)注微信好友、好書免費(fèi)領(lǐng)、查看熱門書籍、發(fā)現(xiàn)更多書城?？蓜h除頁有好友在讀推薦，此處可能有很多頁。這種一個(gè)功能一頁的設(shè)計(jì)或許是考慮到活動(dòng)推薦等效果。但無論從視覺、操作、情感角度都沒有一個(gè)特別好的交互效果，有些顯得整體繁雜無重心，且很多功能重復(fù)（如發(fā)現(xiàn)更多書籍就是書城入口等）。這里的操作完全沒有涉及到向上滑動(dòng)，但仍然要長按，再向上滑動(dòng)才能刪除。

3 基于用戶體驗(yàn)的移動(dòng)閱讀App 界面設(shè)計(jì)建議

在設(shè)計(jì)每個(gè)產(chǎn)品之前，設(shè)計(jì)師必須先向用戶說明目標(biāo)。所有的需求[4]都從五個(gè)層次進(jìn)行分析：情感、互動(dòng)、情感、社會(huì)和個(gè)人，然后用戶需要一個(gè)質(zhì)量分析和角色模型。視覺設(shè)計(jì)、交互設(shè)計(jì)、情感設(shè)計(jì)、功能設(shè)計(jì)和個(gè)性化設(shè)計(jì)都需要用戶的參與，最終得到程序的原型。

3.1 界面功能與交互設(shè)計(jì)建議

3.1.1 網(wǎng)易蝸牛讀書優(yōu)化建議

書單推薦：書單是一個(gè)有很大發(fā)揮空間的功能，微信讀書可以鼓勵(lì)用戶編輯相關(guān)主題或者某一品類書籍的書單，并將好友推薦書單在發(fā)現(xiàn)頁進(jìn)行展示，比起單獨(dú)展示好友在讀的某本書對(duì)于用戶的吸引力更大。

固定資產(chǎn)投資項(xiàng)目由固定資產(chǎn)投資管理部門、采購管理部門、財(cái)務(wù)管理部門、檔案管理部門、基建管理部門、“三同時(shí)”管理部門、科研研究部門共同參與完成，涉及的部門多，流程復(fù)雜，工作界面劃分不清晰。通過信息化系統(tǒng)，展現(xiàn)項(xiàng)目中需要完成的各項(xiàng)工作及交付成果，合理估算工作量和分配工作，使得項(xiàng)目參與部門明確了工作界面的劃分，項(xiàng)目參與人員明確了其工作職責(zé)，從而形成以固定資產(chǎn)投資管理部門牽頭，科研研究部門為主體的，多部門協(xié)同工作的體系構(gòu)架。

書籍詳情頁優(yōu)化：將書評(píng)、相關(guān)公眾號(hào)文章、相關(guān)書籍推薦分類統(tǒng)一一下，以便用戶快速找到自己想要的內(nèi)容。同時(shí)，熱門討論也可以作為書籍參考加入到書籍詳情頁中。

熱門討論頁優(yōu)化：將想法按照點(diǎn)贊、評(píng)論、轉(zhuǎn)推數(shù)量進(jìn)行綜合評(píng)分并排名，優(yōu)先展示優(yōu)質(zhì)想法，可以使得用戶輸出更有質(zhì)量的想法同時(shí)增加想法功能成為用戶決策時(shí)的重要參考。

閱讀界面優(yōu)化：將隱藏/顯示想法按鈕放置在更明顯的位置，如統(tǒng)一與其他閱讀界面設(shè)置選項(xiàng)放在一起。

3.1.2 微信讀書優(yōu)化建議

微信讀書利用了來自微信的公眾號(hào)文章集合，產(chǎn)生了大量的豐富內(nèi)容，短篇幅文章也可以滿足用戶碎片化閱讀的需要。但在微信讀書中的公眾號(hào)文集曝光度不高，因此建議將放在想法頁面的更多公眾號(hào)文章推薦放在發(fā)現(xiàn)頁，并且在點(diǎn)擊卡片頁進(jìn)入更多以后，提供瀑布流卡片式的交互，使得用戶可以更多地獲取可閱讀的內(nèi)容。

閱讀頁面優(yōu)化：為用戶提供更多個(gè)性化的閱讀界面調(diào)整設(shè)置，包括翻頁模式、翻頁效果、時(shí)間顯示、慣用手等以滿足不同閱讀習(xí)慣用戶的需求。

書架優(yōu)化：突出顯示最后一次閱讀的書籍封面，下方放置最近閱讀的三本書籍或分組，上拉顯示所有書籍和分組。使得用戶可以以最快的方式進(jìn)入閱讀，同時(shí)又保留原有格式的編輯方便性。

3.2 迭代方向建議

基于以上結(jié)論，對(duì)微信讀書的迭代優(yōu)化方向建議如下：

增強(qiáng)用戶對(duì)自身隱私的自主性，具體改進(jìn)建議：讓用戶自主選擇關(guān)注與被關(guān)注對(duì)象，可以選擇開啟或關(guān)閉讀書排行榜，書架上的可見書籍可以自主選擇推薦到發(fā)現(xiàn)頁，以及劃分為所有用戶可見或僅好友可見等。

優(yōu)化閱讀體驗(yàn)，具體改進(jìn)建議：增加更多個(gè)性化閱讀設(shè)置如翻頁模式等，將一些閱讀設(shè)置從“我”頁面的設(shè)置中轉(zhuǎn)移到閱讀界面中，如閱讀時(shí)不自動(dòng)鎖屏，閱讀時(shí)隱藏?zé)衢T討論、首行縮進(jìn)等；筆記頁面將想法、劃線、書簽、點(diǎn)評(píng)的劃分區(qū)別開，如放大ICON，整合成卡片等。

明確想法的信息組織和面向?qū)ο?，具體改進(jìn)建議：想法更應(yīng)該側(cè)重針對(duì)在書籍中的某句話，因此“評(píng)價(jià)+書籍+段落”是比較明確的，在寫想法時(shí)增加添加劃線內(nèi)容這個(gè)功能，想法的面向?qū)ο髣澐譃閮H自己可見、僅好友可見和所有人可見三種。

優(yōu)化書籍推薦系統(tǒng)，具體改進(jìn)建議：將公眾號(hào)文章推薦整合成板塊呈現(xiàn)在發(fā)現(xiàn)頁，書籍詳情頁整合書評(píng)、想法、相關(guān)公眾號(hào)文章為單獨(dú)板塊，并將其中內(nèi)容按照點(diǎn)贊數(shù)、評(píng)論數(shù)、閱讀數(shù)等綜合評(píng)分進(jìn)行排序；書籍評(píng)分增加分?jǐn)?shù)及評(píng)分人數(shù)作為量化指標(biāo)；鼓勵(lì)用戶自主制作書單并將好友書單、推薦書單作為發(fā)現(xiàn)頁的卡片信息呈現(xiàn)；想法頁面按照數(shù)據(jù)分析呈現(xiàn)用戶感興趣書籍的精彩想法等。

采用更加合理的競(jìng)爭(zhēng)機(jī)制來增加用戶粘度，具體改進(jìn)建議：對(duì)用戶的閱讀行為包括閱讀、寫書評(píng)、寫想法、點(diǎn)贊量、評(píng)論數(shù)等進(jìn)行一個(gè)綜合的評(píng)分，并分為不同的等級(jí)，等級(jí)越高可以享受的購書優(yōu)惠越大，以及對(duì)好友間的排名進(jìn)行顯示等來促進(jìn)用戶的主動(dòng)閱讀和活躍度，增加用戶的粘度。

結(jié)語

筆者對(duì)移動(dòng)閱讀應(yīng)用的用戶體驗(yàn)的研究發(fā)現(xiàn)，大部分移動(dòng)閱讀應(yīng)用有很多相似處，但在用戶體驗(yàn)方面卻有很大差異。設(shè)計(jì)水平?jīng)Q定產(chǎn)品及用戶體驗(yàn)的優(yōu)劣，好的用戶體驗(yàn)可以保持用戶的粘性。在實(shí)際的操作中，怎樣從用戶的角度出發(fā)設(shè)計(jì)符合用戶操作習(xí)慣、記憶與認(rèn)知的移動(dòng)閱讀平臺(tái)界面是非常重要的。

目前閱讀品類的App 在應(yīng)用市場(chǎng)上越來越多，功能卻愈發(fā)趨近。筆者認(rèn)為界面設(shè)計(jì)不應(yīng)該只考慮美觀，應(yīng)該打造更好的用戶體驗(yàn)，以滿足人的需求為設(shè)計(jì)目標(biāo)。迄今為止，用戶體驗(yàn)越來越被產(chǎn)品經(jīng)理等重視。筆者認(rèn)為在滿足了基本的產(chǎn)品需求和美觀的界面設(shè)計(jì)[5]情況下，可以著重多增加用戶的參與度?？梢园旬a(chǎn)品增加一兩個(gè)功能點(diǎn)，讓用戶參與到產(chǎn)品設(shè)計(jì)中去。不但能夠優(yōu)化用戶體驗(yàn)，并且可以增加用戶粘性，此外，現(xiàn)在應(yīng)該多做個(gè)性化定制的服務(wù)，增加黑夜白天模式、產(chǎn)品皮膚的更換、精簡(jiǎn)使用步驟，讓用戶體驗(yàn)趨向完美。在對(duì)閱讀App 界面研究過程中，筆者加深了對(duì)用戶體驗(yàn)和界面設(shè)計(jì)的理解，針對(duì)閱讀、交流場(chǎng)景的功能設(shè)計(jì)和交互設(shè)計(jì)的分析比較，并且通過分析，從產(chǎn)品經(jīng)理的角度提出自己的優(yōu)化思考，望此文可以給其他移動(dòng)應(yīng)用界面設(shè)計(jì)師提供一定的參考價(jià)值。