摘 要:隨著科技的發(fā)展,手機行業(yè)得到了快速的發(fā)展,手機已成為了人們生活的必需品。本文從情感用戶體驗的角度出發(fā)。分析觸屏手機應(yīng)用程序界面設(shè)計的主要要素,并對功能界面、導(dǎo)航系統(tǒng)、信息組織等進(jìn)行分析,在此基礎(chǔ)上,提出觸屏手機界面設(shè)計原則以及設(shè)計方法。
關(guān)鍵詞:用戶體驗;界面設(shè)計;觸屏手機;應(yīng)用程序
隨著無線通信技術(shù)的發(fā)展,手機逐漸成為生活中的必需品。據(jù)統(tǒng)計,2012年全國手機用戶達(dá)到2.5億。隨著大屏幕觸屏手機的興起,給人們帶來了新奇的體驗。觸屏手機中的應(yīng)用程序不斷更新,支持開放式的嵌入式操作,手機應(yīng)用程序不再受制于制造商。據(jù)維基百科數(shù)據(jù)顯示,蘋果2011年擁有34.8894萬款應(yīng)用,2010年的數(shù)據(jù)統(tǒng)計24.3037萬;安卓2011年共有8.7785萬款產(chǎn)品,而2010年僅有3.8729萬。從數(shù)據(jù)可以看出手機應(yīng)用程序數(shù)目逐漸增多的發(fā)展趨勢。觸屏手機應(yīng)用程序界面設(shè)計的研究被日益重視起來。
1 用戶體驗與觸屏手機界面設(shè)計
(1)用戶體驗。用戶體驗(User Experience,簡稱UE)是一種純主觀在用戶使用產(chǎn)品過程中建立起來的感受[1]。美國的信息交互設(shè)計師Nathan在《體驗設(shè)計》一書中為體驗設(shè)計下的定義:“體驗設(shè)計師將消費者的參與融入設(shè)計中,是企業(yè)把服務(wù)作為舞臺,產(chǎn)品作為道具,環(huán)境作為布景,使消費者在商業(yè)活動過程中感受到美好的體驗過程”[2]。用戶體驗在界面設(shè)計中有很多作用。
(2)用戶體驗與觸屏手機界面設(shè)計的關(guān)系。唐納德·諾曼在《情感化設(shè)計》一書中指出:體驗分為感官的、行為的和反思的3個層次,用戶對一個產(chǎn)品的體驗是遞進(jìn)的,首先是感官,其次是行為,最后是反思[3]。隨著智能觸屏手機技術(shù)的迅速發(fā)展,人們對于應(yīng)用程序的要求也在逐漸提高,在感官層次上滿足消費者的操作舒適度,在操作中順手,舒適,富有啟發(fā)性,使用過程是令人愉悅的。
觸屏手機,就是可以通過觸摸屏幕而實現(xiàn)控制的手機。它能夠進(jìn)行繁雜的信息處理,支持開放式的操作系統(tǒng)以及第三方程序應(yīng)用軟件。2007年,蘋果的觸屏手機界面設(shè)計讓世人為之一振。其創(chuàng)新性的人機交互設(shè)計,使得應(yīng)用程序界面設(shè)計從視覺效果設(shè)計方向?qū)τ脩趔w驗方面產(chǎn)生了影響。大眾慢慢地意識到,應(yīng)用程序的界面不僅僅只是用戶圖形界面的設(shè)計。而是,在圖形界面設(shè)計的基礎(chǔ)上同時還包括了交互設(shè)計和用戶測試。這時期的界面設(shè)計更強調(diào)與用戶體驗。
2 觸屏手機應(yīng)用程序界面設(shè)計影響因素
2.1 用戶因素
用戶是觸屏手機應(yīng)用程序界面設(shè)計的重要影響因素。首先應(yīng)該分析用戶的特征,充分了解目標(biāo)用戶群體,包括年齡、性別、文化程度、工作方式等。不同的目標(biāo)用戶群對使用觸屏手機會有很大差異。例如年齡上,年輕人學(xué)習(xí)能力快,對觸屏手機操作熟悉快,操作順利。但對于上年齡的用戶來說,視力、手指靈活度都有所下降,操作過程會出現(xiàn)失誤操作。作者通過實踐調(diào)研,總結(jié)到觸屏手機應(yīng)用程序界面設(shè)計的用戶影響主要包括以下幾點:
(1)用戶隨時使用性強。觸屏手機攜帶方便,用戶隨時隨地都可以使用。實踐調(diào)研發(fā)現(xiàn)人們習(xí)慣在空閑時使用手機應(yīng)用程序。例如,坐公車時、長時間等候時、長途旅行等等。
(2)用戶需求高。從APP Store、Android Market中可以了解到,觸屏手機應(yīng)用程序的種類繁多,極其豐富。
(3)智能觸屏手機已普及。智能觸屏手機已經(jīng)普及,價格很便宜,另外,通過一些應(yīng)用商店可以免費下載到有用的應(yīng)用程序,通過調(diào)查發(fā)現(xiàn),普遍不愿意通過購買方式得到應(yīng)用程序,所以,優(yōu)秀的應(yīng)用程序想獲利,必須使自身更加豐富。
2.2 技術(shù)因素
屏幕尺寸材質(zhì),操作的流暢性,等技術(shù)因素影響著觸屏手機應(yīng)用程序的界面設(shè)計。3G無線上網(wǎng)技術(shù)是智能觸屏手機的重要特征,它速度快、費用低。移動互聯(lián)網(wǎng)的全覆蓋是發(fā)展趨勢,手機移動上網(wǎng)將更容易,更快速。從而給用戶更佳的上網(wǎng)體驗。手機的屏幕尺寸越來越大,像素越來越高,對界面的架構(gòu)的維度更廣,影響著應(yīng)用程序界面線框圖設(shè)計的信息承載量。色彩表現(xiàn)更加細(xì)膩、漸變過度清晰。屏幕的色彩參數(shù)影響著界面視覺設(shè)計的參數(shù)屬性設(shè)定。
3 設(shè)計方法及原則
觸屏手機應(yīng)用程序在數(shù)量越來越多,人們對審美、趣味的不斷追求,應(yīng)用程序界面設(shè)計也不斷變化,越來越精致、富有創(chuàng)造力和想象力。可是,并不是也花哨的設(shè)計就越被用戶接受,更多的產(chǎn)品作為造作的一種工具,從用戶體驗出發(fā)來滿足人們。好的應(yīng)用程序必須了解人在感知和認(rèn)知方面的需要。觸屏手機應(yīng)用程序界面設(shè)計涉及很多內(nèi)容,可概括為以下兩個方面:
(1)視覺元素設(shè)計。
這里的視聽設(shè)計主要包括:圖標(biāo)、圖像、文本、導(dǎo)航工具等界面構(gòu)成元素。設(shè)計師所要考慮的是如何把它們放入觸屏界面中,并能從用戶情感的角度出發(fā)來達(dá)到很好的效果。
1)圖標(biāo)設(shè)計。傳統(tǒng)手機的屏幕尺寸小,現(xiàn)在的智能觸屏手機的屏幕變大了。所以,傳統(tǒng)的界面圖標(biāo)設(shè)計已經(jīng)不適用了。設(shè)計要與時俱進(jìn),讓手機視覺元素一目了然是非常重要的。在設(shè)計圖標(biāo)時,由于手機屏幕有尺寸限制,圖標(biāo)不易過大,否則會產(chǎn)生比例失調(diào)。但圖標(biāo)設(shè)計又不能太小,過小會讓用戶操作產(chǎn)生困難。
在顏色的選擇上,顏色不宜過多,過多的顏色出現(xiàn)在一個小的區(qū)域中會使用戶產(chǎn)生雜亂的感覺。為了確保圖像的清晰,可以適當(dāng)采用顏色漸變。陰影等效果。
2)文本設(shè)計。觸屏手機界面的文本都是可觸摸式的,所以要在保證用戶操作的同時,還要保證操作的正確率,這就對文本圖形設(shè)計提出了很高的要求。
3)導(dǎo)航設(shè)計。用戶需要適當(dāng)?shù)姆答佇盘杹碓u價操作結(jié)果,好的導(dǎo)航設(shè)計應(yīng)該提示明確,用戶時時知道自己的位置,同時還能隨時迅速跳轉(zhuǎn)到自己想要進(jìn)入的目標(biāo)頁面。操作步驟也是衡量導(dǎo)航設(shè)計的一個重要標(biāo)準(zhǔn)。在導(dǎo)航設(shè)計時,還要充分考慮用戶的行為習(xí)慣。
(2)信息結(jié)構(gòu)。
觸屏手機應(yīng)用程序界面設(shè)計的結(jié)構(gòu)和平面媒體的版式設(shè)計有很過共同之處,即在有限的空間將視聽元素進(jìn)行理性的排列組合,將理性思維個性化表現(xiàn)出來。
1)結(jié)構(gòu)布局原則。應(yīng)用程序的版式是很重要的。一個合理的布局可以使用戶輕松操作。手機顯示屏尺寸是有限的,合理的布局,流暢的操作,可以幫用戶找到自己需要的對象。根據(jù)視覺注意的分布可知,人的視覺對左上角比較敏感占40%,明顯高于其他區(qū)域[5]。
2)人機交互原則。用戶在使用應(yīng)用程序時,會與界面產(chǎn)生交互,操作的便捷性和多樣化是設(shè)計師在觸屏手機應(yīng)用程序中需要考慮的一個重要的問題。觸屏手機的特點是手直接接觸屏幕。在此基礎(chǔ)上,觸屏手機界面的交互方式是多樣性的,可以點擊,可以滑動,也可以自由組合圖標(biāo)位置。但要注意的是幫助菜單必須考慮用戶,放到顯眼的位置,以便用戶能有良好的體驗。
4 總結(jié)
觸屏手機已經(jīng)普及,市場需求不斷升高,移動互聯(lián)網(wǎng)的新型模式使人們隨時和隨地都可以連接互聯(lián)網(wǎng)。觸屏手機應(yīng)用程序的新型商業(yè)模式使得越來越多的人投入到應(yīng)用程序開發(fā)中。在產(chǎn)品界面設(shè)計中,設(shè)計師與用戶之間應(yīng)搭建溝通橋梁,深入了解用戶,從用戶的情感出發(fā),讓人們在使用產(chǎn)品時產(chǎn)生愉快的、有趣的體驗。
參考文獻(xiàn):
[1] 百度百科.http:∥baike.baidu.com/subview/5077647.htm?fromId=274884.
[2] 內(nèi)森·謝卓夫(nathan shedroff).體驗設(shè)計[M].
[3] 諾曼(Norman,D.A).情感化設(shè)計[M].付秋芳,譯.北京:電子工業(yè)出版社,2005.
[4] 劉冬冬,何人可.3G 手機用戶界面設(shè)計探討[J].包裝工程,2007,28(5): 98-100.
[5] 宋軍,張明山.認(rèn)知心理學(xué)在人機界面中的應(yīng)用[J].包裝工程,2006,27(5):260-261.