手機界面的用戶體驗設計

臧江嫚

摘 要 近年來移動互聯網手機成為人的一個電子器官的延伸這個特征越來越明顯，它有攝像頭、有感應器，幾乎人的器官延伸增強了，而且通過互聯網連在一起了，這是前所未有的。徹底改變了人們的生活方式。智能手機最直接的一點就是帶給人們新的體驗，這種體驗最直觀的來自手機的界面設計。從蘋果剛出現中國時喬布斯的擬物化風格界面，到近年來擬物化風格的衰落，蘋果IOS7系統的扁平化風格，都在改變著用戶的體驗，然而好的設計總是在摸索中不斷發展進步，設計師們注定要繼續尋找使扁平化風格更完善的良方，以求得更好的用戶體驗。

關鍵詞 生活方式 用戶體驗 擬物化風格 扁平化

中圖分類號：TN99 文獻標識碼：A

1用戶體驗設計

用戶體驗（User Experience，簡稱UE）是一種純主觀的在用戶使用一個產品（服務）的過程中建立起來的心理感受。因為它是純主觀的，就帶有一定的不確定因素。個體差異也決定了每個用戶的真實體驗是無法通過其他途徑來完全模擬或再現的。

現在流行的設計過程注重以用戶為中心。用戶體驗的概念從開發的最早期就開始進入整個流程，并貫穿始終。其目的就是保證：（1）對用戶體驗有正確的預估。（2）認識用戶的真實期望和目的。（3）在功能核心還能夠以低廉成本加以修改的時候對設計進行修正。（4）保證功能核心同人機界面之間的協調工作，減少BUG。

2蘋果等智能手機的出現，改變了人們的生活

2009年，蘋果公司跟中國聯通達成協議，中國聯通擁有iPhone在中國的銷售權，2011年我國迎來了智能手機年，年銷售量達1.18億部，是以前各年度智能手機銷量的總和。那么智能手機市場的發展將對人們生活產生怎樣的改變呢？

有一種趨勢是硬件趨于免費或者說應用為王，各種應用app的載體與終端，才是真正影響人們生活的因素。概括起來說影響是方方面面的，從信息獲取到購物、娛樂、生活、衣食住行游無一不包含。這些技術在智能手機上的應用，成功的把人們從PC端帶到了移動端。

3蘋果IOS系統的擬物化風格

擬物化設計起始于20世紀80年代，其初衷是幫助用戶從真實世界向計算機界面平滑過渡。以前擬物化設計大多只會出現在視頻游戲中。為了保持游戲的帶入感，游戲設計師會使用木質、金屬和石頭等材質構建的用戶界面。iOS的問世后，蘋果開始采用更多擬物化的設計，蘋果之所以選擇擬物化設計首先是想讓應用程序的外觀看起來與現實生活中的對應物越接近，使用起來就越簡單，同時改善應用程序的用戶體驗，此外，在人機交互方面也擬物化，模擬現實中的交互方式。

一些擬物化設計，他們所模仿的東西十分簡單，隨處可見，并不會讓人產生懷舊的情感，同時在品質方面的追求也不那么強烈。但是由于其在視覺元素或者是交互上的一些獨特設計十分新奇，從而獲取到了用戶的好感。

缺陷：首先應用程序與現實中的實體物品有著顯著的不同，會導致用戶的誤解，從而降低用戶的體驗。比如，當一個程序的界面幾乎完全模仿現實生活中對應物的界面時，用戶會開始期望二者之間能有類似甚至對應的行為方式，而在大多數情況下這樣的期待并不能得到滿足。同時擬物化設計會不可避免的分散用戶的注意力。

4蘋果IOS7系統的扁平化風格

4.1扁平化設計的起源

如果設計師認為他的設計很完美，那并不是因為沒有什么可添加的，而是沒有什么可減少了?！狝ntoine de Saint-Exupery扁平化設計是相對于它的前輩——擬物化設計（Skeuomorphic Design）而提出的。相比于iOS6及以前的版本，iOS7的設計語言具有與生俱來的簡潔性。

4.2扁平化設計的目的

作為一種設計方法，扁平化設計摒棄了所有美學上的修飾，僅留下（事物的）本質特征。在某種程度上，可以視“扁平化設計”為另一種“現代派（modernism）”的稱謂，這種稱謂是那些隨著計算機發展而成長起來的一代UI設計師定義的，他們認為擬物化是不必要的。

沒有更多的漸變、投影和紋理，僅用漂亮的排版、簡單的圖標和形狀、充滿力的顏色來幫助構建視覺層次，并且，最重要的是，更深入地關注于易用性上。扁平化設計是由那些要求更高效、界面更友好的理念所推動的。

4.3扁平化缺陷

扁平化不是完美的設計，扁平化設計喜憂參半，出色案例很多，失敗案例也不少。隨著喬納森·伊夫帶領的新一屆領導班子上臺，iOS7終將摒棄掉擬物化設計而走向扁平化。沒有更多高仿真的圖標和木質裝飾。但是整體風格前后很矛盾啊。這些圖標看起來明顯格格不入，像是由兩個不同團隊設計出來的。

5扁平化未來的發展方向——近平設計

（1）解決方案：近平設計（Almost-Flat Design）

如何補救由扁平設計造成的問題？近平設計（Almost-flat design）。作為一種設計方法，近平設計僅僅當扁平化風格能提升可用性時才采用它。它并不會武斷地認定或暗示漸變和投影是有害的。近平設計允許利用細微的投影和漸變來營造空間感、距離感、視覺層次感、視覺線索和邊緣效果。Gmail的近平設計：干凈且一致，Gmail近期的UI改版從視覺上看起來簡潔了。這些微妙的“美學效果”給用戶一種視覺上的暗示，告訴他該對象很重要，且可操作。用戶馬上意識到Gmail的按鈕可點擊或可輕敲，無需過多的擬物化裝飾。方便地獲取關鍵界面元素。不需要一次性展示給用戶20個按鈕，因為Gmail的UI聰明地引進了“漸進展開”（progressive disclosure）功能。

（2）扁平化設計的未來：Gmail的界面正是扁平化設計應該有的：對用戶友好一致性。從而讓操作系統的APP圖標更有凝聚力。

好的設計，無論其是否扁平，都應該注重通過整潔的視覺交互、有效的設計和易用的體驗為用戶解決問題。

參考文獻

[1] 黃厚石.設計原理[M].東南大學出版社，2006.

[2] 荊雷.設計藝術原理[M].山東教育出版社，2002.

[3] 唐林濤.工業設計方法[M].中國建筑工業出版社，2006.

[4] 唐納德·諾曼.設計心理學[M].中信出版社，2003.