焦子力　牛彥

摘要：隨著智能手機(jī)和ipad等移動終端設(shè)備的普及，人們逐漸習(xí)慣了使用手機(jī)app瀏覽的上網(wǎng)方式。數(shù)據(jù)顯示，目前手機(jī)app給電商帶來的流量遠(yuǎn)遠(yuǎn)超過了傳統(tǒng)PC端的流量。良好的交互體驗(yàn)?zāi)苁褂脩舻闹艺\度和活躍度都得以很大程度的提升。本文選擇了網(wǎng)易、搜狐、騰訊三款主流的新聞閱讀類app作為分析對象，從七個方面闡述了各自優(yōu)缺點(diǎn)，希望幫助用戶在手機(jī)app的交互設(shè)計(jì)方面有更深層的認(rèn)識。

關(guān)鍵詞：交互 用戶體驗(yàn) 手機(jī)應(yīng)用

一、首頁布局

對于新聞閱讀類app而言，首頁作為用戶閱讀的主要入口，界面布局如何劃分與利用需要開發(fā)者進(jìn)行深入的思考。現(xiàn)階段移動終端用戶的使用習(xí)慣是由對傳統(tǒng)互聯(lián)網(wǎng)的認(rèn)知加上傳統(tǒng)手機(jī)的使用習(xí)慣遷移構(gòu)成的，而傳統(tǒng)手機(jī)的使用特點(diǎn)是快速、直接、目的明確。所以，在4.0英寸左右的可視區(qū)域中，開發(fā)者需要確保核心信息出現(xiàn)在熱點(diǎn)區(qū)域內(nèi)，這樣用戶就能利用短暫的碎片時間瀏覽到最重要的新間內(nèi)容。

我們看到，主界面下，搜狐、網(wǎng)易和騰訊的界面設(shè)計(jì)和基本操作大體是相同的，頭條新聞都以幻燈片的形式在最頂端顯示出來，其余新聞簡單列出標(biāo)題并配有圖片和簡介。除焦點(diǎn)國外，網(wǎng)易能顯示的新聞條數(shù)為四條，搜狐可以顯示兩條半，而騰訊的客戶端只能顯示兩條新聞。最明顯的不同就是網(wǎng)易將頁底的工具欄移到了左側(cè)并進(jìn)行了隱藏，用戶需將手指向右滑動才能看到選項(xiàng)，其原因可能是由于工具欄選項(xiàng)過多而選擇此種布局方式，這樣就導(dǎo)致了用戶初次使用時的不便，上方的箭頭提示起到了相應(yīng)的幫助，也算是一種解決方法。

二、頁頭對比

三款app的尺寸基本一樣，均在UI設(shè)計(jì)的常用尺寸范圍之內(nèi)。搜狐新聞與騰訊新聞的頻道選擇界面比較類似，但也有細(xì)微差別，因?yàn)轭l道較多不能全部展示，搜狐新聞采取了讓用戶自定義編輯的方式，而騰訊則是全部列出，在這一點(diǎn)上，搜狐做的更加細(xì)致入微。在頻道選擇上網(wǎng)易新聞與其他兩款的區(qū)別就比較明顯了，有兩種選擇模式供用戶選擇，最明顯的頻道選擇方式是以豎向列表的形式呈現(xiàn)，通過右下方的三角國標(biāo)提示展開，而第二種是暗含的切換方式，與搜狐騰訊的相同，但是又不是直接展示，只有在手指向左或向右時才能顯現(xiàn)。網(wǎng)易這種在細(xì)微處的費(fèi)勁心思，減少頁頭與頁底的尺寸，無疑是為了消除外界的干擾，展示更多新聞內(nèi)容，的確是用心良苦。

三、工具欄對比

工具欄的主要作用是為操作提供一條捷徑，方便用戶了解在應(yīng)用中的當(dāng)前位置，清楚每一個屏幕的功能。最好能確保每個屏幕都只有一條特定路徑，這樣就能做到盡可能簡潔，讓用戶產(chǎn)生熟悉的感覺。

在工具欄的制作上三款app都選擇了深灰色背景及白色文字，也都是圖標(biāo)加文字的方式，圖文結(jié)合的方式在用戶體驗(yàn)上會比簡單用文字的展示方式上更讓人有點(diǎn)擊的欲望，但是同時也要注意圖標(biāo)與文字的比例關(guān)系。個人更偏愛搜狐的工具欄樣式，無論圖標(biāo)做的多形象，在圖標(biāo)與文字并存的情況下用戶的注意力還是會集中在文字上，搜狐的文字是做的是最清晰最明顯的。另外要說明的是頁面底部的工具欄不能超過5個，否則容易導(dǎo)致由于圖標(biāo)間距過小引起的誤操作，這一點(diǎn)以上三款新聞類app做的還是比較好的。簡單的國標(biāo)表現(xiàn)明確就可以了，若有特殊的圖標(biāo)設(shè)計(jì)，要將其使用方法標(biāo)準(zhǔn)明確，以免給產(chǎn)品造成不好的交互體驗(yàn)。

四、新聞?wù)?/p>

在進(jìn)入頁面時，我們應(yīng)該注重界面優(yōu)先原則。優(yōu)先響應(yīng)客戶界面，是保持良好客戶體驗(yàn)的一個方法。比如打開一個新的頁面，是保持當(dāng)前頁等內(nèi)容加載完才打開，還是直接優(yōu)先切換到新頁面再等待圖片等復(fù)雜信息加載？結(jié)果顯然是后者更受歡迎，而前者還容易讓用戶以為應(yīng)用有故障。

在新聞主要內(nèi)容界面上，三種新聞類app可以說是平分秋色，文字的顯示效果都非常不錯。搜狐新聞的具體內(nèi)容頁面是沒有圖片顯示的，純文字，而騰訊和網(wǎng)易的新聞里都是圖文結(jié)合。純文字的優(yōu)勢是顯示速度快，而對于喜歡新聞以圖為證的用戶還是使用網(wǎng)易與騰訊更加適宜。

五、評論與分享

開發(fā)者在進(jìn)行app用戶交互設(shè)計(jì)時應(yīng)當(dāng)牢記開門見山的直接原則，有的開發(fā)者喜歡將app的亮點(diǎn)及特色藏在用戶探索的過程中，并認(rèn)為用戶會將此當(dāng)成一種樂趣來對待，這樣的憑空臆斷是app交互設(shè)計(jì)中最為忌諱的。

舉例說明，網(wǎng)易在跟帖（也就是評論）或分享時需要兩步操作，而其他兩款app只需要一步。多層交互很容易產(chǎn)生用戶疲勞與困惑，同時會帶來的問題便是邏輯功能的混亂，給用戶留下“太麻煩了”“找不到XX功能”的印象，最終被用戶拋棄。在用戶交互的設(shè)計(jì)過程中有一個理念，叫做“one-click”，顧名思義就是讓用戶只需進(jìn)行一次交互操作的情況下就能到達(dá)目的地。在用戶交互設(shè)計(jì)中應(yīng)當(dāng)避免用戶產(chǎn)生多層交互，讓用戶以愉悅，輕松的心情得到相應(yīng)的服務(wù)。

在分享功能方面，從圖片中我們不難看出網(wǎng)易的分享功能最優(yōu)秀，不僅支持的服務(wù)最多，而且采用大圖標(biāo)文字的形式顯示出來，用戶體驗(yàn)略勝一籌。搜狐的分享采用Popover模式，這種Ul設(shè)計(jì)相信也會受到不少用戶的喜歡。騰訊新聞app的分享功能是最弱的了，只有在用戶評論時才提示是否轉(zhuǎn)播到騰訊微博，不支持其他媒介的分享，這一點(diǎn)有待提高。

六、設(shè)置

讓用戶自主選擇屏幕的顯示方式也是提高交互體驗(yàn)的一種方法，這一點(diǎn)即應(yīng)用在Yapp的設(shè)置功能里。

七、各自特色

網(wǎng)易新聞客戶端除了新聞版塊外，還有五個其他版塊，分別為圖片新聞、話題、投票、微生活和跟帖。其中圖片新聞又進(jìn)行了分類，話題和投票都沒有特別的地方，微生活部分的新聞更加貼近我們的民生。網(wǎng)易最出彩的就是跟帖欄目了，“無跟帖不網(wǎng)易”，上網(wǎng)的人基本都知道網(wǎng)易的強(qiáng)大跟帖，網(wǎng)易也很好的把這一優(yōu)勢移植到了新聞app客戶端。

搜狐新聞中用戶可以根據(jù)需求訂閱自己喜愛的報(bào)紙，比如環(huán)球雜志、軍事頭條等，這里還提供了對其他內(nèi)容源的訂閱，包括IT新聞、笑話和各大報(bào)紙。除了新聞訂閱版塊外，搜狐只為用戶提供了圖片新聞，沒有視頻內(nèi)容和其他特色。倚仗眾多內(nèi)容源的優(yōu)勢，搜狐新聞的內(nèi)容是非常龐大的，各個方面都有涉及。

騰訊客戶端其余三大版塊包括圖片、視頻和話題。這些版塊都是對文字新聞的補(bǔ)充，為用戶提供更好的媒體內(nèi)容。其中視頻精選在幾款客戶端中是獨(dú)一無二的，在這個快消時代，圖片比文字吸引人，而動態(tài)的視頻更是如此。話題版塊每日更新一條話題，并在新聞尾端設(shè)置7相關(guān)問題的投票?？傊v訊新聞app的設(shè)計(jì)與內(nèi)容中規(guī)中矩，缺乏一些創(chuàng)新。

總結(jié)

手機(jī)客戶端與PC端頁面設(shè)計(jì)上最大的不同在于手機(jī)端要盡量的簡潔大方，避免不必要的功能重復(fù)，容易讓用戶更快的掌握產(chǎn)品的使用方法。在小小的屏幕上如何合理的安排功能區(qū)域分布、如何使操作流程更加流暢、讓用戶使用得心應(yīng)手是手機(jī)app交互體驗(yàn)設(shè)計(jì)未來研究的重點(diǎn)。