基于用戶交互式體驗(yàn)下的APP版式設(shè)計(jì)研究

楊帆

摘 要：在現(xiàn)代移動(dòng)3G網(wǎng)絡(luò)技術(shù)趨向成熟的今天，以APP為核心的商業(yè)環(huán)境也逐漸凸顯而出，經(jīng)過(guò)策略設(shè)計(jì)方案與用戶實(shí)際體驗(yàn)的完善，整個(gè)技術(shù)的操作技巧、流程模式得到了不斷的改進(jìn)與創(chuàng)新。作為當(dāng)前最新的媒介，移動(dòng)通信設(shè)備儼然已經(jīng)成為人們生活、交流、娛樂(lè)等方方面面中不可獲取的重要工具。本文詳細(xì)地闡述了APP設(shè)計(jì)中用戶體驗(yàn)的分類與層次，并對(duì)APP設(shè)計(jì)的要素及流程進(jìn)行了系統(tǒng)的分析與探究。

關(guān)鍵詞：APP；用戶體驗(yàn)；設(shè)計(jì)

隨著通信技術(shù)的日益成熟，3G網(wǎng)絡(luò)的普及，將互聯(lián)網(wǎng)IT業(yè)推向了第三個(gè)高峰——“移動(dòng)互聯(lián)網(wǎng)的蓬勃發(fā)展”。移動(dòng)互聯(lián)網(wǎng)設(shè)備無(wú)疑成為了這一時(shí)代的寵兒。比較著名的應(yīng)用商店有蘋果的APP Store，谷歌的Google Play Store，安智市場(chǎng)，還有黑莓用戶的BlackBerry APP World，微軟的Marketplace等。APP的數(shù)字技術(shù)能與用戶建立一種連接并發(fā)生互動(dòng)，使用戶可以通過(guò)觸摸或滑動(dòng)界面來(lái)自主性的瀏覽信息。而新媒介界面展現(xiàn)給用戶的其實(shí)就是傳統(tǒng)物理媒介中紙張、圖文、信息的數(shù)字化表現(xiàn)，這種數(shù)字化的表現(xiàn)拓展了版式的內(nèi)涵和外延，并給版式設(shè)計(jì)提供了新的契機(jī)。

那么，如何設(shè)計(jì)出一個(gè)優(yōu)秀的APP呢？這一直以來(lái)都是視覺計(jì)師和用戶體驗(yàn)設(shè)計(jì)師思考的問(wèn)題。在APP Store中不難看出，一個(gè)成功的APP無(wú)論從優(yōu)雅的界面視覺設(shè)計(jì)上還是從流暢的、標(biāo)準(zhǔn)化的交互流程上都具有絕對(duì)的競(jìng)爭(zhēng)力。他能很好地將其兩者進(jìn)行結(jié)合，當(dāng)然目前來(lái)說(shuō)這種設(shè)計(jì)還是少數(shù)，或者會(huì)所還不成熟，大多的APP總會(huì)給人造成一種視覺混亂，他不僅沒(méi)有一個(gè)良好的視覺感受，更體現(xiàn)不出交互式的便利。所以我們可以說(shuō)缺少視覺感的APP界而就像沒(méi)有裝修的毛坯房，雖然實(shí)用但是缺乏視覺上的舒適感、趣味性和形式戈，同樣，缺乏用戶體驗(yàn)的APP界面雖然裝飾華麗，但是功能選擇混亂，缺乏基本的流暢性，運(yùn)行速度緩慢。用戶在使用過(guò)程中常常會(huì)因此類問(wèn)題困惑不已，摸著頭腦。所以說(shuō)無(wú)論是缺乏視覺設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)的APP都不能滿足用戶的使用需求。

在這個(gè)信息爆炸的“讀圖時(shí)代”，人們每天都要通過(guò)廣泛的途徑接受龐大的信息，并用大量的精力來(lái)處理這些紛繁復(fù)雜的信息。只有堅(jiān)持走版式設(shè)計(jì)的數(shù)字化道路并且不斷地進(jìn)行探索與創(chuàng)新，才能幫我們排除糟粕，加速我們對(duì)信息精華部分的理解和吸收。

智能手機(jī)無(wú)疑是這一時(shí)代的寵兒，未來(lái)它也將不斷給我們帶來(lái)無(wú)限可能和驚喜。出色的移動(dòng)互聯(lián)網(wǎng)應(yīng)用程序（APP）都有著類似的相同點(diǎn)：以優(yōu)雅的視覺設(shè)計(jì)，流暢的使用流程滿足著用戶的需要。然而在現(xiàn)今的APP設(shè)計(jì)中，很多都以千奇百怪的方式呈現(xiàn)在我們面前，混亂的功能選擇、流暢性的缺乏、過(guò)度的設(shè)計(jì)、沒(méi)有標(biāo)準(zhǔn)的交互、速度緩慢、讓消費(fèi)者像丈二的和尚摸不著頭腦。針對(duì)這些問(wèn)題，作者將APP界面設(shè)計(jì)的實(shí)踐（“Pronto”的外賣APP界面）結(jié)合相關(guān)理論知識(shí)，為APP應(yīng)用程序界面設(shè)計(jì)提供值得參考的有效建議，設(shè)計(jì)出令客戶青睞的既美觀實(shí)用、又操作便捷的APP界面。來(lái)驗(yàn)證本次研究的實(shí)踐意義。

先來(lái)看看目前國(guó)內(nèi)APP市場(chǎng)及其版設(shè)計(jì)的現(xiàn)狀：

現(xiàn)狀一：開發(fā)容易，推廣難。一般的APP需求通過(guò)技術(shù)手段都很容易的實(shí)現(xiàn)，但很多人把推廣工作簡(jiǎn)單地看做“上傳安卓或蘋果應(yīng)用市場(chǎng)”就萬(wàn)事大吉了。而漢風(fēng)科技認(rèn)為最有效的推廣就是多方面運(yùn)營(yíng)推廣方案同步執(zhí)行，多方面對(duì)比，最后在一定時(shí)間內(nèi)做個(gè)投入產(chǎn)出比的結(jié)果，才能找到轉(zhuǎn)化率最好的推廣渠道，進(jìn)去長(zhǎng)期大量的投放。總結(jié)看來(lái)，病毒式推廣是最有效的模式。但做好并非易事，充足的資金準(zhǔn)備很重要，但重要的是系統(tǒng)專業(yè)的營(yíng)銷策劃和轉(zhuǎn)化率預(yù)估。

現(xiàn)狀二：APP市場(chǎng)產(chǎn)品同質(zhì)化嚴(yán)重。在同一款行業(yè)移動(dòng)應(yīng)用中可能有很多款功能類似的APP，他們都有近似的界面、相同的功能。在這種復(fù)雜的競(jìng)爭(zhēng)環(huán)境中，如何使您的產(chǎn)品在同類產(chǎn)品中脫穎而出呢？漢風(fēng)科技認(rèn)為，除了在APP產(chǎn)品細(xì)節(jié)上（比如產(chǎn)品名稱、界面VI設(shè)計(jì)、使用流暢度等）精雕細(xì)琢外，重要的是找準(zhǔn)自身定位，尋找產(chǎn)品差異化，做好客戶服務(wù)，做好用戶口碑。

現(xiàn)狀三：很多APP應(yīng)用會(huì)火一段時(shí)間，但很快就會(huì)消失。很多手機(jī)游戲類的APP都越到的這樣的尷尬，比如“打飛機(jī)”“植物大戰(zhàn)僵尸”“空間偷菜”等，本身這類APP產(chǎn)品都有一定的生命周期，這與人性自然規(guī)律有直接關(guān)系。很多東西一時(shí)間大家都在玩，我們處于好奇也跟著玩，玩一段時(shí)間就會(huì)感覺無(wú)聊了。

現(xiàn)狀四：僵尸APP數(shù)量多 用戶使用率低。截至今年3月APP store上線的應(yīng)用總數(shù)已超過(guò)100萬(wàn)個(gè)，Google play以及國(guó)內(nèi)各大安卓市場(chǎng)中的應(yīng)用也在不斷增加中。如此浩瀚的APP市場(chǎng)中，只有極少數(shù)的APP能夠被用戶注意到，大多數(shù)傳統(tǒng)媒體的移動(dòng)客戶端在整個(gè)移動(dòng)應(yīng)用市場(chǎng)的中排名十分靠后，平均下載量不足10萬(wàn)，一些體量較小的媒體APP上線后下載量不足1萬(wàn)，甚至更低。即便是已經(jīng)下載手機(jī)桌面的傳統(tǒng)媒體APP，用戶也僅僅是下載后看了一眼，就再也沒(méi)有打開過(guò)。

現(xiàn)狀五：多數(shù)APP用戶體驗(yàn)差、界面粗糙。很多APP的開發(fā)思路還停留在傳統(tǒng)PC建站思維上，能夠設(shè)計(jì)出精美界面的開發(fā)公司更是少之又少。行業(yè)抄襲現(xiàn)象嚴(yán)重，直接導(dǎo)致雷同界面隨處可見，毫無(wú)創(chuàng)新，用戶體驗(yàn)差。這直接成為APP的運(yùn)營(yíng)推廣的最大絆腳石。在國(guó)內(nèi)，很多人對(duì)于APP版式設(shè)計(jì)比較陌生，界面設(shè)計(jì)師多數(shù)則被稱為“美工”，也體現(xiàn)了對(duì)版式設(shè)計(jì)的不重視，所以本次研究就要在此基礎(chǔ)上，加強(qiáng)APP版式設(shè)計(jì)的重視性，讓目前的APP不僅在外觀上更是在用戶體驗(yàn)上更上一個(gè)臺(tái)階。

目前國(guó)外的APP界面設(shè)計(jì)發(fā)展水平比國(guó)內(nèi)相對(duì)純熟，這便是從蘋果公司一系列的APP應(yīng)用程序中可以看出，蘋果手機(jī)之所以能受到達(dá)州的喜愛，除了其外觀產(chǎn)品設(shè)計(jì)之外，APP應(yīng)用也是不容忽視的功臣之一。在如今這個(gè)信息化大爆炸的時(shí)代里，簡(jiǎn)約而不簡(jiǎn)單成為設(shè)計(jì)師們永恒的追求，在APP版式設(shè)計(jì)中，為了體現(xiàn)更好的人機(jī)互動(dòng)，我們更應(yīng)該將這種簡(jiǎn)單進(jìn)行到底，在國(guó)外這種簡(jiǎn)約的設(shè)計(jì)無(wú)處不在，這也是我們目前國(guó)內(nèi)APP市場(chǎng)需要結(jié)合自身特點(diǎn)來(lái)有選擇的研究借鑒。

信息社會(huì)里，版式設(shè)計(jì)是人與物或物與物兩者之間的接點(diǎn)、共有 （或連接 ）的領(lǐng)域 ，是個(gè)體相互聯(lián)系的道路或空間。人機(jī)交互界面是新興的信息傳播的承載物 ，是虛擬環(huán)境與人之間的媒介，版式設(shè)計(jì)是用戶感知、操作計(jì)算機(jī)技術(shù)的切入點(diǎn)。如果人機(jī)交互界面的用戶僅僅是看 ，而不是進(jìn)行操作 ，那么 ，傳統(tǒng) 的視覺設(shè)計(jì)將會(huì)成為設(shè)計(jì)的中心。但科技創(chuàng)造了這種新的界面——既活躍又虛擬的人機(jī)交互界面 ，因此人機(jī)交互界面的設(shè)計(jì)者們需要建立一種專門應(yīng)用于APP領(lǐng)域和提高人機(jī)交互過(guò)程中流暢性的理論和實(shí)踐準(zhǔn)則。

第一，將產(chǎn)品路線進(jìn)行細(xì)分。對(duì)于創(chuàng)新型的產(chǎn)品，很難做到大而全，最好的突破方法就是做細(xì)分領(lǐng)域，走差異化的產(chǎn)品路線。很多產(chǎn)品都是把餅做大了之后，開始做垂直化。其實(shí)只要找到了合適的切入點(diǎn)，可以做出很精彩的產(chǎn)品。如今電子閱讀類的產(chǎn)品很多，大多以提供正式出版的電子書為主。而豆瓣閱讀則是專注于另一個(gè)細(xì)分市場(chǎng)，不是以圖書出版物為單位，而是允許作者在這里發(fā)表還沒(méi)有結(jié)集出版的作品。圖書作品從寫作完成到出版往往要經(jīng)歷很長(zhǎng)一段時(shí)間，豆瓣閱讀將這些“抽屜作品”發(fā)表出來(lái)，可以讓讀者看到一部作品不斷成熟的過(guò)程。所以豆瓣閱讀做的領(lǐng)域是單篇作品，（下轉(zhuǎn)第頁(yè)）（上接第頁(yè)）而非整本圖書。

第二，讓APP版式設(shè)計(jì)更接地氣。人們驚奇地發(fā)現(xiàn)，原來(lái)滑動(dòng)解鎖是中國(guó)的專利。當(dāng)我們整天對(duì)著kinect打網(wǎng)球，對(duì)著ipad看書彈鋼琴，人們的生活越來(lái)越虛擬化，我們已經(jīng)習(xí)慣在玻璃屏幕中尋找物理世界中的真實(shí)感。如今人們對(duì)產(chǎn)品的需求已經(jīng)不是最初的能用就好，對(duì)于產(chǎn)品設(shè)計(jì)中“形式追隨功能”的要求，慢慢變?yōu)榱恕靶问阶冯S情感”。當(dāng)所有產(chǎn)品都能夠滿足用戶對(duì)功能的需求時(shí)，就要看哪款產(chǎn)品更能夠與用戶產(chǎn)生情感上的共鳴。也許一個(gè)能勾起童年回憶的轉(zhuǎn)場(chǎng)動(dòng)畫，一種熟悉的操作方式，都能打動(dòng)用戶的心。

第三，豐富手勢(shì)操作。OS X Lion的Multi-Touch手勢(shì)改變了用戶與Mac之間的互動(dòng)方式，在Mac 上任意輕點(diǎn)、滾動(dòng)、輕掃或雙指開合，就可以更流暢自然的掌控屏幕上的一切。iOS 5也新增了多個(gè)手勢(shì)動(dòng)作，使用四指向上輕掃顯示多任務(wù)處理欄，雙指合攏即可返回主屏幕等，讓用戶可以在 iPad 上的操作更加迅速。觸摸屏的一個(gè)特點(diǎn)，就是可以引入多樣化的手勢(shì)操作，讓使用變得更加便捷，這也是應(yīng)用設(shè)計(jì)的一種發(fā)展趨勢(shì)。

第四，打破模式化的界面布局。九宮格、折疊列表、底部Tab導(dǎo)航、圖片瀑布流…突然發(fā)現(xiàn)每個(gè)應(yīng)用打開后都是這些模式化的界面布局。這些布局模式雖然可以使產(chǎn)品架構(gòu)清晰，可是不免讓人覺得缺少新意。

Path 2.0成功的華麗轉(zhuǎn)身，就在于它對(duì)傳統(tǒng)界面架構(gòu)模式的突破。摒棄了底部Tab導(dǎo)航，用戶要發(fā)布動(dòng)態(tài)時(shí)點(diǎn)擊屏幕左下方的加號(hào)，6 個(gè)擴(kuò)展選項(xiàng)按鈕隨即彈出，弧形的排布方式，彈出時(shí)的動(dòng)態(tài)效果，都使用戶新生愛意。path2.0還顛覆了iOS Guildline的模式，采用左中右三屏模式，用戶在新鮮事窗口點(diǎn)擊左上角的按鈕，便會(huì)切換至左側(cè)的菜單欄，用戶在三個(gè)屏幕間進(jìn)行操作，通過(guò)左右的滑動(dòng)來(lái)切換主菜單、新鮮事及好友列表。這些打破模式化的界面布局，都使Path顯得精致卓越。

第五，信息組織方式的可視化。Facebook Timeline的設(shè)計(jì)者Nicholas Felton就創(chuàng)立了一個(gè)記錄個(gè)人活動(dòng)，并以信息圖表示出來(lái)的網(wǎng)絡(luò)應(yīng)用Daytum。它還推出了 iOS 應(yīng)用，讓人能夠隨時(shí)隨地的記錄和自己有關(guān)的數(shù)據(jù)。用戶只要把每天所做的事情記錄下來(lái)，Daytum就能分析出各種活動(dòng)在生活中所占的比例大小，并提供了十幾種數(shù)據(jù)的表現(xiàn)方式。

第六，失控后的心靈回歸。無(wú)論是產(chǎn)品發(fā)展還是流行趨勢(shì)，總會(huì)有這樣一種輪回：從簡(jiǎn)到繁，再回歸于簡(jiǎn)。有了新的產(chǎn)品形式，人們會(huì)渴望和追求更多的功能，直到信息和操作越來(lái)越多，人們覺得眼睛也累心也累。直到有一款簡(jiǎn)潔單純的產(chǎn)品出現(xiàn)在用戶前面，繁復(fù)的功能沉淀到只剩下最核心的功能，人們便會(huì)對(duì)它愛不釋手。

綜上所述，隨著移動(dòng)設(shè)備種類的不斷增加，APP的開發(fā)與設(shè)計(jì)工作將被賦予更加嚴(yán)格的要求，必須充分滿足用戶的不同需求。因此，我們必須明確市場(chǎng)的空間容量、時(shí)代潮流的定位，以此來(lái)做好APP的優(yōu)化與改良。

參考文獻(xiàn)：

[1] COOPER Alan . 交互設(shè)計(jì)之路——讓高科技回歸人性[M]. DING Chris，譯.北京：電子工業(yè)出版社，2006.

[2] NORMAN.D.A . 設(shè)計(jì)心理學(xué)[M].北京：中信出版社，2003.

[3] 周蘇，左伍衡.人機(jī)界面設(shè)計(jì)[M].北京：科學(xué)出版社，2007.

[4] Jennifer Preeee（美）.交互設(shè)計(jì)超越人機(jī)交互[M].劉曉暉，等，譯.北京：電子工業(yè)出版社，2003.

[5] Alan cooper（美）.交互設(shè)計(jì)之路——讓高科技產(chǎn)品回歸人性（第二版）[M]. Chris Oing，等，譯.北京：電子工業(yè)出版社，2006.