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

臧江嫚

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

關(guān)鍵詞 生活方式 用戶體驗(yàn) 擬物化風(fēng)格 扁平化

中圖分類號(hào)：TN99 文獻(xiàn)標(biāo)識(shí)碼：A

1用戶體驗(yàn)設(shè)計(jì)

用戶體驗(yàn)（User Experience，簡(jiǎn)稱UE）是一種純主觀的在用戶使用一個(gè)產(chǎn)品（服務(wù)）的過(guò)程中建立起來(lái)的心理感受。因?yàn)樗羌冎饔^的，就帶有一定的不確定因素。個(gè)體差異也決定了每個(gè)用戶的真實(shí)體驗(yàn)是無(wú)法通過(guò)其他途徑來(lái)完全模擬或再現(xiàn)的。

現(xiàn)在流行的設(shè)計(jì)過(guò)程注重以用戶為中心。用戶體驗(yàn)的概念從開(kāi)發(fā)的最早期就開(kāi)始進(jìn)入整個(gè)流程，并貫穿始終。其目的就是保證：（1）對(duì)用戶體驗(yàn)有正確的預(yù)估。（2）認(rèn)識(shí)用戶的真實(shí)期望和目的。（3）在功能核心還能夠以低廉成本加以修改的時(shí)候?qū)υO(shè)計(jì)進(jìn)行修正。（4）保證功能核心同人機(jī)界面之間的協(xié)調(diào)工作，減少BUG。

2蘋果等智能手機(jī)的出現(xiàn)，改變了人們的生活

2009年，蘋果公司跟中國(guó)聯(lián)通達(dá)成協(xié)議，中國(guó)聯(lián)通擁有iPhone在中國(guó)的銷售權(quán)，2011年我國(guó)迎來(lái)了智能手機(jī)年，年銷售量達(dá)1.18億部，是以前各年度智能手機(jī)銷量的總和。那么智能手機(jī)市場(chǎng)的發(fā)展將對(duì)人們生活產(chǎn)生怎樣的改變呢？

有一種趨勢(shì)是硬件趨于免費(fèi)或者說(shuō)應(yīng)用為王，各種應(yīng)用app的載體與終端，才是真正影響人們生活的因素。概括起來(lái)說(shuō)影響是方方面面的，從信息獲取到購(gòu)物、娛樂(lè)、生活、衣食住行游無(wú)一不包含。這些技術(shù)在智能手機(jī)上的應(yīng)用，成功的把人們從PC端帶到了移動(dòng)端。

3蘋果IOS系統(tǒng)的擬物化風(fēng)格

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

一些擬物化設(shè)計(jì)，他們所模仿的東西十分簡(jiǎn)單，隨處可見(jiàn)，并不會(huì)讓人產(chǎn)生懷舊的情感，同時(shí)在品質(zhì)方面的追求也不那么強(qiáng)烈。但是由于其在視覺(jué)元素或者是交互上的一些獨(dú)特設(shè)計(jì)十分新奇，從而獲取到了用戶的好感。

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

4蘋果IOS7系統(tǒng)的扁平化風(fēng)格

4.1扁平化設(shè)計(jì)的起源

如果設(shè)計(jì)師認(rèn)為他的設(shè)計(jì)很完美，那并不是因?yàn)闆](méi)有什么可添加的，而是沒(méi)有什么可減少了?！狝ntoine de Saint-Exupery扁平化設(shè)計(jì)是相對(duì)于它的前輩——擬物化設(shè)計(jì)（Skeuomorphic Design）而提出的。相比于iOS6及以前的版本，iOS7的設(shè)計(jì)語(yǔ)言具有與生俱來(lái)的簡(jiǎn)潔性。

4.2扁平化設(shè)計(jì)的目的

作為一種設(shè)計(jì)方法，扁平化設(shè)計(jì)摒棄了所有美學(xué)上的修飾，僅留下（事物的）本質(zhì)特征。在某種程度上，可以視“扁平化設(shè)計(jì)”為另一種“現(xiàn)代派（modernism）”的稱謂，這種稱謂是那些隨著計(jì)算機(jī)發(fā)展而成長(zhǎng)起來(lái)的一代UI設(shè)計(jì)師定義的，他們認(rèn)為擬物化是不必要的。

沒(méi)有更多的漸變、投影和紋理，僅用漂亮的排版、簡(jiǎn)單的圖標(biāo)和形狀、充滿力的顏色來(lái)幫助構(gòu)建視覺(jué)層次，并且，最重要的是，更深入地關(guān)注于易用性上。扁平化設(shè)計(jì)是由那些要求更高效、界面更友好的理念所推動(dòng)的。

4.3扁平化缺陷

扁平化不是完美的設(shè)計(jì)，扁平化設(shè)計(jì)喜憂參半，出色案例很多，失敗案例也不少。隨著喬納森·伊夫帶領(lǐng)的新一屆領(lǐng)導(dǎo)班子上臺(tái)，iOS7終將摒棄掉擬物化設(shè)計(jì)而走向扁平化。沒(méi)有更多高仿真的圖標(biāo)和木質(zhì)裝飾。但是整體風(fēng)格前后很矛盾啊。這些圖標(biāo)看起來(lái)明顯格格不入，像是由兩個(gè)不同團(tuán)隊(duì)設(shè)計(jì)出來(lái)的。

5扁平化未來(lái)的發(fā)展方向——近平設(shè)計(jì)

（1）解決方案：近平設(shè)計(jì)（Almost-Flat Design）

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

（2）扁平化設(shè)計(jì)的未來(lái)：Gmail的界面正是扁平化設(shè)計(jì)應(yīng)該有的：對(duì)用戶友好一致性。從而讓操作系統(tǒng)的APP圖標(biāo)更有凝聚力。

好的設(shè)計(jì)，無(wú)論其是否扁平，都應(yīng)該注重通過(guò)整潔的視覺(jué)交互、有效的設(shè)計(jì)和易用的體驗(yàn)為用戶解決問(wèn)題。

參考文獻(xiàn)

[1] 黃厚石.設(shè)計(jì)原理[M].東南大學(xué)出版社，2006.

[2] 荊雷.設(shè)計(jì)藝術(shù)原理[M].山東教育出版社，2002.

[3] 唐林濤.工業(yè)設(shè)計(jì)方法[M].中國(guó)建筑工業(yè)出版社，2006.

[4] 唐納德·諾曼.設(shè)計(jì)心理學(xué)[M].中信出版社，2003.