基于用戶體驗的觸屏手機應用程序界面設計探討

摘 要：隨著科技的發展，手機行業得到了快速的發展，手機已成為了人們生活的必需品。本文從情感用戶體驗的角度出發。分析觸屏手機應用程序界面設計的主要要素，并對功能界面、導航系統、信息組織等進行分析，在此基礎上，提出觸屏手機界面設計原則以及設計方法。

關鍵詞：用戶體驗；界面設計；觸屏手機；應用程序

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

1 用戶體驗與觸屏手機界面設計

（1）用戶體驗。用戶體驗（User Experience，簡稱UE）是一種純主觀在用戶使用產品過程中建立起來的感受^[1]。美國的信息交互設計師Nathan在《體驗設計》一書中為體驗設計下的定義：“體驗設計師將消費者的參與融入設計中，是企業把服務作為舞臺，產品作為道具，環境作為布景，使消費者在商業活動過程中感受到美好的體驗過程”^[2]。用戶體驗在界面設計中有很多作用。

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

觸屏手機，就是可以通過觸摸屏幕而實現控制的手機。它能夠進行繁雜的信息處理，支持開放式的操作系統以及第三方程序應用軟件。2007年，蘋果的觸屏手機界面設計讓世人為之一振。其創新性的人機交互設計，使得應用程序界面設計從視覺效果設計方向對用戶體驗方面產生了影響。大眾慢慢地意識到，應用程序的界面不僅僅只是用戶圖形界面的設計。而是，在圖形界面設計的基礎上同時還包括了交互設計和用戶測試。這時期的界面設計更強調與用戶體驗。

2 觸屏手機應用程序界面設計影響因素

2.1 用戶因素

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

（1）用戶隨時使用性強。觸屏手機攜帶方便，用戶隨時隨地都可以使用。實踐調研發現人們習慣在空閑時使用手機應用程序。例如，坐公車時、長時間等候時、長途旅行等等。

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

（3）智能觸屏手機已普及。智能觸屏手機已經普及，價格很便宜，另外，通過一些應用商店可以免費下載到有用的應用程序，通過調查發現，普遍不愿意通過購買方式得到應用程序，所以，優秀的應用程序想獲利，必須使自身更加豐富。

2.2 技術因素

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

3 設計方法及原則

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

（1）視覺元素設計。

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

1）圖標設計。傳統手機的屏幕尺寸小，現在的智能觸屏手機的屏幕變大了。所以，傳統的界面圖標設計已經不適用了。設計要與時俱進，讓手機視覺元素一目了然是非常重要的。在設計圖標時，由于手機屏幕有尺寸限制，圖標不易過大，否則會產生比例失調。但圖標設計又不能太小，過小會讓用戶操作產生困難。

在顏色的選擇上，顏色不宜過多，過多的顏色出現在一個小的區域中會使用戶產生雜亂的感覺。為了確保圖像的清晰，可以適當采用顏色漸變。陰影等效果。

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

3）導航設計。用戶需要適當的反饋信號來評價操作結果，好的導航設計應該提示明確，用戶時時知道自己的位置，同時還能隨時迅速跳轉到自己想要進入的目標頁面。操作步驟也是衡量導航設計的一個重要標準。在導航設計時，還要充分考慮用戶的行為習慣。

（2）信息結構。

觸屏手機應用程序界面設計的結構和平面媒體的版式設計有很過共同之處，即在有限的空間將視聽元素進行理性的排列組合，將理性思維個性化表現出來。

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

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

4 總結

觸屏手機已經普及，市場需求不斷升高，移動互聯網的新型模式使人們隨時和隨地都可以連接互聯網。觸屏手機應用程序的新型商業模式使得越來越多的人投入到應用程序開發中。在產品界面設計中，設計師與用戶之間應搭建溝通橋梁，深入了解用戶，從用戶的情感出發，讓人們在使用產品時產生愉快的、有趣的體驗。

參考文獻：

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

[2] 內森·謝卓夫（nathan shedroff）.體驗設計[M].

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

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

[5] 宋軍，張明山.認知心理學在人機界面中的應用[J].包裝工程，2006，27（5）：260-261.