基于用戶體驗(yàn)的觸屏手機(jī)應(yīng)用程序界面設(shè)計(jì)探討

摘 要：隨著科技的發(fā)展，手機(jī)行業(yè)得到了快速的發(fā)展，手機(jī)已成為了人們生活的必需品。本文從情感用戶體驗(yàn)的角度出發(fā)。分析觸屏手機(jī)應(yīng)用程序界面設(shè)計(jì)的主要要素，并對(duì)功能界面、導(dǎo)航系統(tǒng)、信息組織等進(jìn)行分析，在此基礎(chǔ)上，提出觸屏手機(jī)界面設(shè)計(jì)原則以及設(shè)計(jì)方法。

關(guān)鍵詞：用戶體驗(yàn)；界面設(shè)計(jì)；觸屏手機(jī)；應(yīng)用程序

隨著無線通信技術(shù)的發(fā)展，手機(jī)逐漸成為生活中的必需品。據(jù)統(tǒng)計(jì)，2012年全國(guó)手機(jī)用戶達(dá)到2.5億。隨著大屏幕觸屏手機(jī)的興起，給人們帶來了新奇的體驗(yàn)。觸屏手機(jī)中的應(yīng)用程序不斷更新，支持開放式的嵌入式操作，手機(jī)應(yīng)用程序不再受制于制造商。據(jù)維基百科數(shù)據(jù)顯示，蘋果2011年擁有34.8894萬款應(yīng)用，2010年的數(shù)據(jù)統(tǒng)計(jì)24.3037萬；安卓2011年共有8.7785萬款產(chǎn)品，而2010年僅有3.8729萬。從數(shù)據(jù)可以看出手機(jī)應(yīng)用程序數(shù)目逐漸增多的發(fā)展趨勢(shì)。觸屏手機(jī)應(yīng)用程序界面設(shè)計(jì)的研究被日益重視起來。

1 用戶體驗(yàn)與觸屏手機(jī)界面設(shè)計(jì)

（1）用戶體驗(yàn)。用戶體驗(yàn)（User Experience，簡(jiǎn)稱UE）是一種純主觀在用戶使用產(chǎn)品過程中建立起來的感受^[1]。美國(guó)的信息交互設(shè)計(jì)師Nathan在《體驗(yàn)設(shè)計(jì)》一書中為體驗(yàn)設(shè)計(jì)下的定義：“體驗(yàn)設(shè)計(jì)師將消費(fèi)者的參與融入設(shè)計(jì)中，是企業(yè)把服務(wù)作為舞臺(tái)，產(chǎn)品作為道具，環(huán)境作為布景，使消費(fèi)者在商業(yè)活動(dòng)過程中感受到美好的體驗(yàn)過程”^[2]。用戶體驗(yàn)在界面設(shè)計(jì)中有很多作用。

（2）用戶體驗(yàn)與觸屏手機(jī)界面設(shè)計(jì)的關(guān)系。唐納德·諾曼在《情感化設(shè)計(jì)》一書中指出：體驗(yàn)分為感官的、行為的和反思的3個(gè)層次，用戶對(duì)一個(gè)產(chǎn)品的體驗(yàn)是遞進(jìn)的，首先是感官，其次是行為，最后是反思^[3]。隨著智能觸屏手機(jī)技術(shù)的迅速發(fā)展，人們對(duì)于應(yīng)用程序的要求也在逐漸提高，在感官層次上滿足消費(fèi)者的操作舒適度，在操作中順手，舒適，富有啟發(fā)性，使用過程是令人愉悅的。

觸屏手機(jī)，就是可以通過觸摸屏幕而實(shí)現(xiàn)控制的手機(jī)。它能夠進(jìn)行繁雜的信息處理，支持開放式的操作系統(tǒng)以及第三方程序應(yīng)用軟件。2007年，蘋果的觸屏手機(jī)界面設(shè)計(jì)讓世人為之一振。其創(chuàng)新性的人機(jī)交互設(shè)計(jì)，使得應(yīng)用程序界面設(shè)計(jì)從視覺效果設(shè)計(jì)方向?qū)τ脩趔w驗(yàn)方面產(chǎn)生了影響。大眾慢慢地意識(shí)到，應(yīng)用程序的界面不僅僅只是用戶圖形界面的設(shè)計(jì)。而是，在圖形界面設(shè)計(jì)的基礎(chǔ)上同時(shí)還包括了交互設(shè)計(jì)和用戶測(cè)試。這時(shí)期的界面設(shè)計(jì)更強(qiáng)調(diào)與用戶體驗(yàn)。

2 觸屏手機(jī)應(yīng)用程序界面設(shè)計(jì)影響因素

2.1 用戶因素

用戶是觸屏手機(jī)應(yīng)用程序界面設(shè)計(jì)的重要影響因素。首先應(yīng)該分析用戶的特征，充分了解目標(biāo)用戶群體，包括年齡、性別、文化程度、工作方式等。不同的目標(biāo)用戶群對(duì)使用觸屏手機(jī)會(huì)有很大差異。例如年齡上，年輕人學(xué)習(xí)能力快，對(duì)觸屏手機(jī)操作熟悉快，操作順利。但對(duì)于上年齡的用戶來說，視力、手指靈活度都有所下降，操作過程會(huì)出現(xiàn)失誤操作。作者通過實(shí)踐調(diào)研，總結(jié)到觸屏手機(jī)應(yīng)用程序界面設(shè)計(jì)的用戶影響主要包括以下幾點(diǎn)：

（1）用戶隨時(shí)使用性強(qiáng)。觸屏手機(jī)攜帶方便，用戶隨時(shí)隨地都可以使用。實(shí)踐調(diào)研發(fā)現(xiàn)人們習(xí)慣在空閑時(shí)使用手機(jī)應(yīng)用程序。例如，坐公車時(shí)、長(zhǎng)時(shí)間等候時(shí)、長(zhǎng)途旅行等等。

（2）用戶需求高。從APP Store、Android Market中可以了解到，觸屏手機(jī)應(yīng)用程序的種類繁多，極其豐富。

（3）智能觸屏手機(jī)已普及。智能觸屏手機(jī)已經(jīng)普及，價(jià)格很便宜，另外，通過一些應(yīng)用商店可以免費(fèi)下載到有用的應(yīng)用程序，通過調(diào)查發(fā)現(xiàn)，普遍不愿意通過購(gòu)買方式得到應(yīng)用程序，所以，優(yōu)秀的應(yīng)用程序想獲利，必須使自身更加豐富。

2.2 技術(shù)因素

屏幕尺寸材質(zhì)，操作的流暢性，等技術(shù)因素影響著觸屏手機(jī)應(yīng)用程序的界面設(shè)計(jì)。3G無線上網(wǎng)技術(shù)是智能觸屏手機(jī)的重要特征，它速度快、費(fèi)用低。移動(dòng)互聯(lián)網(wǎng)的全覆蓋是發(fā)展趨勢(shì)，手機(jī)移動(dòng)上網(wǎng)將更容易，更快速。從而給用戶更佳的上網(wǎng)體驗(yàn)。手機(jī)的屏幕尺寸越來越大，像素越來越高，對(duì)界面的架構(gòu)的維度更廣，影響著應(yīng)用程序界面線框圖設(shè)計(jì)的信息承載量。色彩表現(xiàn)更加細(xì)膩、漸變過度清晰。屏幕的色彩參數(shù)影響著界面視覺設(shè)計(jì)的參數(shù)屬性設(shè)定。

3 設(shè)計(jì)方法及原則

觸屏手機(jī)應(yīng)用程序在數(shù)量越來越多，人們對(duì)審美、趣味的不斷追求，應(yīng)用程序界面設(shè)計(jì)也不斷變化，越來越精致、富有創(chuàng)造力和想象力。可是，并不是也花哨的設(shè)計(jì)就越被用戶接受，更多的產(chǎn)品作為造作的一種工具，從用戶體驗(yàn)出發(fā)來滿足人們。好的應(yīng)用程序必須了解人在感知和認(rèn)知方面的需要。觸屏手機(jī)應(yīng)用程序界面設(shè)計(jì)涉及很多內(nèi)容，可概括為以下兩個(gè)方面：

（1）視覺元素設(shè)計(jì)。

這里的視聽設(shè)計(jì)主要包括：圖標(biāo)、圖像、文本、導(dǎo)航工具等界面構(gòu)成元素。設(shè)計(jì)師所要考慮的是如何把它們放入觸屏界面中，并能從用戶情感的角度出發(fā)來達(dá)到很好的效果。

1）圖標(biāo)設(shè)計(jì)。傳統(tǒng)手機(jī)的屏幕尺寸小，現(xiàn)在的智能觸屏手機(jī)的屏幕變大了。所以，傳統(tǒng)的界面圖標(biāo)設(shè)計(jì)已經(jīng)不適用了。設(shè)計(jì)要與時(shí)俱進(jìn)，讓手機(jī)視覺元素一目了然是非常重要的。在設(shè)計(jì)圖標(biāo)時(shí)，由于手機(jī)屏幕有尺寸限制，圖標(biāo)不易過大，否則會(huì)產(chǎn)生比例失調(diào)。但圖標(biāo)設(shè)計(jì)又不能太小，過小會(huì)讓用戶操作產(chǎn)生困難。

在顏色的選擇上，顏色不宜過多，過多的顏色出現(xiàn)在一個(gè)小的區(qū)域中會(huì)使用戶產(chǎn)生雜亂的感覺。為了確保圖像的清晰，可以適當(dāng)采用顏色漸變。陰影等效果。

2）文本設(shè)計(jì)。觸屏手機(jī)界面的文本都是可觸摸式的，所以要在保證用戶操作的同時(shí)，還要保證操作的正確率，這就對(duì)文本圖形設(shè)計(jì)提出了很高的要求。

3）導(dǎo)航設(shè)計(jì)。用戶需要適當(dāng)?shù)姆答佇盘?hào)來評(píng)價(jià)操作結(jié)果，好的導(dǎo)航設(shè)計(jì)應(yīng)該提示明確，用戶時(shí)時(shí)知道自己的位置，同時(shí)還能隨時(shí)迅速跳轉(zhuǎn)到自己想要進(jìn)入的目標(biāo)頁面。操作步驟也是衡量導(dǎo)航設(shè)計(jì)的一個(gè)重要標(biāo)準(zhǔn)。在導(dǎo)航設(shè)計(jì)時(shí)，還要充分考慮用戶的行為習(xí)慣。

（2）信息結(jié)構(gòu)。

觸屏手機(jī)應(yīng)用程序界面設(shè)計(jì)的結(jié)構(gòu)和平面媒體的版式設(shè)計(jì)有很過共同之處，即在有限的空間將視聽元素進(jìn)行理性的排列組合，將理性思維個(gè)性化表現(xiàn)出來。

1）結(jié)構(gòu)布局原則。應(yīng)用程序的版式是很重要的。一個(gè)合理的布局可以使用戶輕松操作。手機(jī)顯示屏尺寸是有限的，合理的布局，流暢的操作，可以幫用戶找到自己需要的對(duì)象。根據(jù)視覺注意的分布可知，人的視覺對(duì)左上角比較敏感占40%，明顯高于其他區(qū)域^[5]。

2）人機(jī)交互原則。用戶在使用應(yīng)用程序時(shí)，會(huì)與界面產(chǎn)生交互，操作的便捷性和多樣化是設(shè)計(jì)師在觸屏手機(jī)應(yīng)用程序中需要考慮的一個(gè)重要的問題。觸屏手機(jī)的特點(diǎn)是手直接接觸屏幕。在此基礎(chǔ)上，觸屏手機(jī)界面的交互方式是多樣性的，可以點(diǎn)擊，可以滑動(dòng)，也可以自由組合圖標(biāo)位置。但要注意的是幫助菜單必須考慮用戶，放到顯眼的位置，以便用戶能有良好的體驗(yàn)。

4 總結(jié)

觸屏手機(jī)已經(jīng)普及，市場(chǎng)需求不斷升高，移動(dòng)互聯(lián)網(wǎng)的新型模式使人們隨時(shí)和隨地都可以連接互聯(lián)網(wǎng)。觸屏手機(jī)應(yīng)用程序的新型商業(yè)模式使得越來越多的人投入到應(yīng)用程序開發(fā)中。在產(chǎn)品界面設(shè)計(jì)中，設(shè)計(jì)師與用戶之間應(yīng)搭建溝通橋梁，深入了解用戶，從用戶的情感出發(fā)，讓人們?cè)谑褂卯a(chǎn)品時(shí)產(chǎn)生愉快的、有趣的體驗(yàn)。

參考文獻(xiàn)：

[1] 百度百科.http：∥baike.baidu.com/subview/5077647.htm？fromId=274884.

[2] 內(nèi)森·謝卓夫（nathan shedroff）.體驗(yàn)設(shè)計(jì)[M].

[3] 諾曼（Norman，D.A）.情感化設(shè)計(jì)[M].付秋芳，譯.北京：電子工業(yè)出版社，2005.

[4] 劉冬冬，何人可.3G 手機(jī)用戶界面設(shè)計(jì)探討[J].包裝工程，2007，28（5）： 98-100.

[5] 宋軍，張明山.認(rèn)知心理學(xué)在人機(jī)界面中的應(yīng)用[J].包裝工程，2006，27（5）：260-261.