開(kāi)吧app瀏覽體驗(yàn)心得分享

人的視覺(jué)是以掃描的方式進(jìn)行瀏覽的，那么，我們?cè)谧鲂畔⒅敢臅r(shí)候就要醒目。影響瀏覽體驗(yàn)的因素是多方面的，在移動(dòng)端瀏覽體驗(yàn)方面我覺(jué)得產(chǎn)品應(yīng)該至少滿足用戶的兩個(gè)需求：

快速地找到想要的信息

突出指引，教育用戶

下面就開(kāi)吧app(v1.2版本)首頁(yè)與內(nèi)容頁(yè)舉例進(jìn)行探討，與各位同人分享，切磋交流。

首頁(yè)列表

開(kāi)吧采用了經(jīng)典的點(diǎn)擊式、上下滑動(dòng)瀏覽效果，這樣降低了行車過(guò)程中由于車身擺動(dòng)而造成的誤操作幾率。而模塊化的設(shè)計(jì)進(jìn)一步構(gòu)成了整個(gè)用戶主體界面，以方便用戶在首頁(yè)快速找到想要的信息。不過(guò)這種設(shè)計(jì)在突出關(guān)鍵要素上的表現(xiàn)力略顯不足，新用戶可能無(wú)法第一時(shí)間理解并找到產(chǎn)品核心功能。

定義用戶界面元素的權(quán)重規(guī)則，設(shè)置首頁(yè)列表是否顯示【熱門資訊】

1、顯示的熱門資訊有部分內(nèi)容不相關(guān)，僅當(dāng)做一般性新聞版塊展現(xiàn)即可，略顯偏離了品牌特色與產(chǎn)品主題。然而，無(wú)論系統(tǒng)方面具有怎樣的限制，產(chǎn)品都必須保持自身的品牌特色。

視覺(jué)體驗(yàn)與操作體驗(yàn)的取舍，判定功能優(yōu)先級(jí)

2、功能設(shè)計(jì)原型中包含了一些高級(jí)購(gòu)物功能，例如：“跨境購(gòu)”、“積分商城”，而重點(diǎn)汽車維權(quán)模塊“我要投訴”放置在左上位置，更符合眼動(dòng)測(cè)試結(jié)果，但不利于單手操作。犧牲部分習(xí)慣單手操作的用戶來(lái)提升用戶瀏覽體驗(yàn)的代價(jià)是值得的。

正文頁(yè)

正文頁(yè)是瀏覽體驗(yàn)的關(guān)鍵，可以從以下幾個(gè)方面來(lái)考量或優(yōu)化：

·圖文并茂

圖文并茂是開(kāi)吧APP內(nèi)容的主要呈現(xiàn)形式，無(wú)論是生活類見(jiàn)聞?wù)掌€是維權(quán)類舉證圖片，都是用戶用來(lái)判斷是否感興趣的的關(guān)鍵要素，在有限的注視范圍內(nèi)，如何控制圖片的寬高比例，是提升開(kāi)吧社交互動(dòng)能力的關(guān)鍵。

開(kāi)吧在圖片的顯示形式、范圍、位置，在不同頁(yè)面下有不同的解決方案。例如【維權(quán)】、【車友圈】板塊的圖片采用單張?jiān)瓐D，多張縮略圖的形式展現(xiàn)，縮略圖大小統(tǒng)一規(guī)整，方便瀏覽，而單張圖片則大小不一，最大的一張圖片可占據(jù)屏幕的一半，降低了用戶瀏覽效率，即“低效滑動(dòng)”。

顯然，左側(cè)更符合用戶留言習(xí)慣，瀏覽體驗(yàn)更佳。

·評(píng)論打賞

目前版本的【互動(dòng)】評(píng)論功能還是比較強(qiáng)大的，融合了多種評(píng)論方式，用戶選擇更多樣。而唯一我想吐槽的就是打賞的交互，用戶在瀏覽完一篇文章后，打賞功能太過(guò)突兀，我覺(jué)得點(diǎn)贊功能可以放在更為顯著的位置。

另外其他版塊的評(píng)論模式比較單一，這里暫且不提。

·手勢(shì)調(diào)整字體大小

廣播電臺(tái)融媒體客戶端目前還比較少見(jiàn)，字體大小的最佳瀏覽體驗(yàn)還需要逐步調(diào)整，閱讀器等其他應(yīng)用支持用兩指直接放大或縮小字體，方便用戶按需調(diào)整。開(kāi)吧可以學(xué)習(xí)借鑒一下，當(dāng)然，這個(gè)優(yōu)先級(jí)不是很高，可以作為錦上添花的功能。

·排版與字體

排版主要是考慮易讀性和頁(yè)面容量的平衡。開(kāi)吧做得還不錯(cuò)，文字間距與行距都比較合適。

►小編推薦