焦子力　牛彥

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

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

一、首頁(yè)布局

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

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

二、頁(yè)頭對(duì)比

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

三、工具欄對(duì)比

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

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

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

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

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

五、評(píng)論與分享

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

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

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

六、設(shè)置

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

七、各自特色

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

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

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

總結(jié)

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