仇君南　殷俊

摘要：

手機界面是手機面向用戶展示信息的窗口，是人與產(chǎn)品交互的接觸面。無論產(chǎn)品簡單或復(fù)雜，最終與用戶見面的只有界面，手機界面設(shè)計至關(guān)重要。

關(guān)鍵詞：

高效 認知負荷 體貼 極致

1984年，蘋果公司推出了顛覆性的人機交互界面，增加了產(chǎn)品的親和力，獲得了巨大的成功，引領(lǐng)了界面設(shè)計的新時代，成為人機界面的轉(zhuǎn)折點。在國外，界面設(shè)計研究已經(jīng)取得了可見的成果，并形成了一定的理論。近年來，界面設(shè)計在中國盛行，尤其是微信、支付寶、手機淘寶、百度等一批產(chǎn)品或商業(yè)模式的成功讓人們的生活方式發(fā)生了巨大的改變。智能手機的風(fēng)靡，使得越來越多的應(yīng)用程序吸引了人們的碎片化時間來社交、購物、閱讀和聽音樂等。手機作為一個使用環(huán)境始終在不斷變化的移動終端，有著極其強大的影響力，其界面設(shè)計亦是充滿了挑戰(zhàn)。

一、手機界面設(shè)計

手機界面設(shè)計分為手機操作系統(tǒng)界面設(shè)計和手機應(yīng)用界面設(shè)計。手機操作系統(tǒng)一般是指智能手機的操作系統(tǒng)，目前主流的系統(tǒng)有IOS、Android、Windowsphone等；手機應(yīng)用是指第三方應(yīng)用程序軟件，也就是我們在應(yīng)用程序商店或者稱專業(yè)應(yīng)用程序下載平臺里下載的那些各種功能的應(yīng)用程序。我們看到的手機界面設(shè)計是由形狀、尺寸、值、顏色、方位、紋理和位置這些具體而重要的要素組成，然而手機界面設(shè)計作為產(chǎn)品設(shè)計至關(guān)重要的一部分，并非是簡單的“表皮設(shè)計”，手機界面設(shè)計必須與交互設(shè)計和工業(yè)設(shè)計相互配合展開，理解產(chǎn)品的用戶和精心設(shè)計產(chǎn)品的行為上付諸努力，除了掌握基本視覺要素還必須了解如何運用這些要素來有效地傳遞行為和信息創(chuàng)建自情感和內(nèi)心的反應(yīng)。

二、基于用戶體驗的手機界面設(shè)計

用戶體驗（UE）是一種主觀的、用戶使用產(chǎn)品或服務(wù)的過程中建立起來的心理感受。其設(shè)計的核心是以用戶為中心。想要達成有益的用戶體驗，需要幾種設(shè)計學(xué)科的協(xié)同合作。用戶體驗設(shè)計關(guān)注行為、形式、內(nèi)容，因此手機界面設(shè)計師不僅僅要關(guān)注產(chǎn)品和服務(wù)的形式，還必須保證這種形式支持產(chǎn)品的使用，也就是說界面設(shè)計師不僅關(guān)注形式，還需要關(guān)注行為和內(nèi)容。界面設(shè)計的主要目標(biāo)就是優(yōu)化用戶的產(chǎn)品體驗，而用戶體驗設(shè)計的目標(biāo)自下而上分成四個層次：有用、易用、友好性、視覺。手機界面設(shè)計在依次完成四個目標(biāo)層次的情形下，用戶體驗的好感也會不斷攀升。

一有用

一個產(chǎn)品創(chuàng)造出來，首先是有用的，界面設(shè)計必須能夠滿足產(chǎn)品的功能需求、能夠解決用戶心理情感以及對美的需求。由于手機屏幕相對較小，并且常常在移動中使用、輸入方式多種多樣，與桌面平臺上的大屏幕設(shè)備靜止的特點相比，手機界面設(shè)計有不同的需求。人們使用手機的環(huán)境常常是站立、行走或者在顛簸、嘈雜的公共空間當(dāng)中。因此手機界面設(shè)計的時候要避免過多視覺元素造成的視覺噪聲，要將視覺元素規(guī)整明確、有效，要讓界面始終保持簡潔。優(yōu)秀的手機界面和任何優(yōu)秀的視覺設(shè)計一樣，在視覺上應(yīng)該是高效率的，讓最少的視覺和功能元素發(fā)揮最大的效能。

（一）清晰合理的層次結(jié)構(gòu)，在小屏幕的界面設(shè)計中尤其重要。界面設(shè)計不是設(shè)計師的靈感，是界面設(shè)計師與交互設(shè)計師、軟件工程師等的合作，經(jīng)過詳細思考分析、反復(fù)論證出的成果。層次結(jié)構(gòu)合理清晰，用戶才知道怎么操作。

（二）由于觸屏手機的操作特質(zhì)，用戶點擊觸摸后，如果沒有明確的反饋，用戶很難確定是否真的觸動了界面裝置，所以界面設(shè)計時明確而人性化的反饋非常重要。

（三）由于手機硬件條件的限制，界面設(shè)計中文字依舊是不可缺少的部分。手機界面設(shè)計的文字必須明確與對齊，才不會因為傳遞信息量大或者文字使用不當(dāng)給用戶造成困擾，誤導(dǎo)操作。

（四）手機界面設(shè)計需要正確的提示引導(dǎo)用戶的行為。在用戶進行操作產(chǎn)品界面時，一些重要的操作指引和錯誤的操作提示需要用戶注意。這些提示的方式必須要合適，才會引起用戶的注意，否則會適得其反。

二易用

界面設(shè)計原則的主要目的之一就是優(yōu)化用戶的產(chǎn)品體驗，使得產(chǎn)品更加易用。對于手機應(yīng)用產(chǎn)品而言，這意味著將工作負荷降至最低。在降低認知負荷、記憶負荷、視覺負荷、物理負荷的同時為用戶提供更多反饋和有用的情景信息也是使手機應(yīng)用產(chǎn)品更易用的重點。為了讓手機界面更加易學(xué)易用，在手機界面設(shè)計時通常會使用到隱喻界面和習(xí)慣用法。

（一）隱喻界面

隱喻界面是基于對事物工作原理的直覺理解，依賴于用戶在界面視覺提示與功能之間建立的直覺聯(lián)系。這樣的直覺聯(lián)系是設(shè)計師通過擬物法和模擬物理世界規(guī)律設(shè)計出來呈現(xiàn)給用戶的。用戶不必了解軟件背后真正的運行機制，通過對界面中圖像直覺的理解就能理解界面中隱喻控件的含義，從而做出正確的界面操作。

（二）習(xí)慣用法

習(xí)慣用法是基于學(xué)習(xí)和使用習(xí)慣的方式的，習(xí)慣用法界面同樣不關(guān)注技術(shù)知識，也不關(guān)注直覺功能。用戶不必了解軟件背后真正的運行機制，但習(xí)慣用法必須通過學(xué)習(xí)，它是通過學(xué)習(xí)簡單的視覺或者行為習(xí)慣來完成任務(wù)的。習(xí)慣用法表達不像隱喻界面那樣引發(fā)聯(lián)想，我們可以迅速地記住和使用這些習(xí)慣用法。因為習(xí)慣用法的易學(xué)性，使好的習(xí)慣用法只需要學(xué)習(xí)一次，而我們依照習(xí)慣做任務(wù)幾乎都是下意識的。

為了改善用戶學(xué)習(xí)界面的能力和提高生產(chǎn)效率，有的應(yīng)用程序開始遵循相似標(biāo)準(zhǔn)的習(xí)慣用法，于是便出現(xiàn)了用戶界面設(shè)計的標(biāo)準(zhǔn)化。

例如：谷歌公司在2013年推出的全新設(shè)計語言Material Design。這種設(shè)計語言為手機、平板電腦、臺式機以及其它平臺提供了更廣泛、更一致的外觀和感覺。Material Design設(shè)計語言在文字、顏色、動畫效果、框架等方面都做了標(biāo)準(zhǔn)化的設(shè)計定義，依照這種設(shè)計語言設(shè)計出來的手機界面更干凈、更簡約。由此可見，標(biāo)準(zhǔn)化的確有利于軟件開發(fā)、改善易用性，降低了客戶培訓(xùn)和技術(shù)支持的費用。降低開發(fā)團隊的工作量，好的標(biāo)準(zhǔn)還能降低后期維護的費用。endprint

三友好性

友好性代表產(chǎn)品與用戶交流，不把產(chǎn)品當(dāng)機器，使產(chǎn)品有了生命。產(chǎn)品的體貼，可以減少手機中科技的冷漠感，使用戶在使用時產(chǎn)生溫馨和積極的情感，在使用后有愉悅的情感。友好性是產(chǎn)品的追求，也是交互設(shè)計與界面設(shè)計真正打動人的地方，通過對用戶的行為和情感、認識和情感、情緒和情感之間的關(guān)系進行研究，讓用戶與產(chǎn)品真正產(chǎn)生對話。產(chǎn)品中的友好性是設(shè)計師經(jīng)過思考后賦予到產(chǎn)品的，體貼的設(shè)計最關(guān)心用戶的目標(biāo)和需求。關(guān)心和體貼用戶并不只是交互設(shè)計的工作，在設(shè)計師多元化發(fā)展與深度合作的當(dāng)下，界面設(shè)計同樣需要理解用戶的目標(biāo)與需求，為其分出程度上的次序，在手機界面設(shè)計中體現(xiàn)出來。

產(chǎn)品的友好性就像你的管家或者密友的體貼，它了解你的使用習(xí)慣，提前為你做好準(zhǔn)備。例如：瀏覽器Firefox或Mic rosoft Internet Explorer，它們就可以記住用戶經(jīng)常在網(wǎng)上填寫的表單形式、運貨地址及用戶名等。瀏覽器記住了用戶曾經(jīng)告訴過它的事情，為用戶下次使用提供方便。例如：新浪微博或網(wǎng)易新聞手機客戶端的界面提供了兩種閱讀狀態(tài)，分別為用戶提供白天和夜晚兩種閱讀模式。不僅讓用戶能夠清晰閱讀，而且體貼用戶保護視力。體貼的細節(jié)在優(yōu)秀的應(yīng)用程序中越來越多的被設(shè)計出來，使用戶對產(chǎn)品依賴并建立情感上的共鳴，最終維持住用戶并且增強用戶和產(chǎn)品之間的黏合度。值得注意的是，體貼仍需要把握度，過多的詢問與不需要幫助時的魯莽操作會讓用戶反感，心領(lǐng)神會的體貼才是應(yīng)用程序的追求。

四視覺

這里的視覺設(shè)計指的是產(chǎn)品整體傳遞出的信息，愉悅化是視覺設(shè)計的最高要求，是產(chǎn)品在前三點的基礎(chǔ)之上的視覺吸引力，只有之前的基礎(chǔ)每一步都高標(biāo)準(zhǔn)完成才能夠在這一步有愉悅的用戶體驗。這里指的視覺設(shè)計是基于產(chǎn)品的品牌精神和產(chǎn)品個性，產(chǎn)品獨有的視覺，它能打動用戶、轉(zhuǎn)換情感，換言之它必將是有追求的、極致的。

三星總裁李健熙說“人一定是需要追求的，要做極致的產(chǎn)品，要像一流的公司那樣思考?！笔謾C界面設(shè)計日趨成熟，各個系統(tǒng)界面之間的設(shè)計效果差別會越來越小，應(yīng)用程序的界面也快速發(fā)展，優(yōu)秀的手機產(chǎn)品越來越多，要想做一流的產(chǎn)品，細節(jié)設(shè)計成為關(guān)鍵。在高分辨率手機界面普及的當(dāng)下，有著精致細節(jié)的界面可以將手機產(chǎn)品整體氛圍提升，可以給用戶帶去美好愉悅的用戶體驗。產(chǎn)品用心且精致的界面經(jīng)的起用戶慢慢品味，用戶因此被深深吸引，更加喜愛產(chǎn)品，從而提升了用戶與產(chǎn)品的黏合度。

五、結(jié)語

從用戶體驗談手機界面設(shè)計是了解用戶想要什么的基礎(chǔ)之上設(shè)計手機產(chǎn)品的界面。因為這樣的設(shè)計角度始終是以人為中心，而不是以技術(shù)為中心。而徹底的用戶研究和細致的計劃提供了界面設(shè)計時所需要的整體認識，基于此創(chuàng)造給用戶的必將是更有魅力的產(chǎn)品。endprint