仇君南 殷俊
摘要:
手機(jī)界面是手機(jī)面向用戶展示信息的窗口,是人與產(chǎn)品交互的接觸面。無(wú)論產(chǎn)品簡(jiǎn)單或復(fù)雜,最終與用戶見面的只有界面,手機(jī)界面設(shè)計(jì)至關(guān)重要。
關(guān)鍵詞:
高效 認(rèn)知負(fù)荷 體貼 極致
1984年,蘋果公司推出了顛覆性的人機(jī)交互界面,增加了產(chǎn)品的親和力,獲得了巨大的成功,引領(lǐng)了界面設(shè)計(jì)的新時(shí)代,成為人機(jī)界面的轉(zhuǎn)折點(diǎn)。在國(guó)外,界面設(shè)計(jì)研究已經(jīng)取得了可見的成果,并形成了一定的理論。近年來(lái),界面設(shè)計(jì)在中國(guó)盛行,尤其是微信、支付寶、手機(jī)淘寶、百度等一批產(chǎn)品或商業(yè)模式的成功讓人們的生活方式發(fā)生了巨大的改變。智能手機(jī)的風(fēng)靡,使得越來(lái)越多的應(yīng)用程序吸引了人們的碎片化時(shí)間來(lái)社交、購(gòu)物、閱讀和聽音樂等。手機(jī)作為一個(gè)使用環(huán)境始終在不斷變化的移動(dòng)終端,有著極其強(qiáng)大的影響力,其界面設(shè)計(jì)亦是充滿了挑戰(zhàn)。
一、手機(jī)界面設(shè)計(jì)
手機(jī)界面設(shè)計(jì)分為手機(jī)操作系統(tǒng)界面設(shè)計(jì)和手機(jī)應(yīng)用界面設(shè)計(jì)。手機(jī)操作系統(tǒng)一般是指智能手機(jī)的操作系統(tǒng),目前主流的系統(tǒng)有IOS、Android、Windowsphone等;手機(jī)應(yīng)用是指第三方應(yīng)用程序軟件,也就是我們?cè)趹?yīng)用程序商店或者稱專業(yè)應(yīng)用程序下載平臺(tái)里下載的那些各種功能的應(yīng)用程序。我們看到的手機(jī)界面設(shè)計(jì)是由形狀、尺寸、值、顏色、方位、紋理和位置這些具體而重要的要素組成,然而手機(jī)界面設(shè)計(jì)作為產(chǎn)品設(shè)計(jì)至關(guān)重要的一部分,并非是簡(jiǎn)單的“表皮設(shè)計(jì)”,手機(jī)界面設(shè)計(jì)必須與交互設(shè)計(jì)和工業(yè)設(shè)計(jì)相互配合展開,理解產(chǎn)品的用戶和精心設(shè)計(jì)產(chǎn)品的行為上付諸努力,除了掌握基本視覺要素還必須了解如何運(yùn)用這些要素來(lái)有效地傳遞行為和信息創(chuàng)建自情感和內(nèi)心的反應(yīng)。
二、基于用戶體驗(yàn)的手機(jī)界面設(shè)計(jì)
用戶體驗(yàn)(UE)是一種主觀的、用戶使用產(chǎn)品或服務(wù)的過程中建立起來(lái)的心理感受。其設(shè)計(jì)的核心是以用戶為中心。想要達(dá)成有益的用戶體驗(yàn),需要幾種設(shè)計(jì)學(xué)科的協(xié)同合作。用戶體驗(yàn)設(shè)計(jì)關(guān)注行為、形式、內(nèi)容,因此手機(jī)界面設(shè)計(jì)師不僅僅要關(guān)注產(chǎn)品和服務(wù)的形式,還必須保證這種形式支持產(chǎn)品的使用,也就是說(shuō)界面設(shè)計(jì)師不僅關(guān)注形式,還需要關(guān)注行為和內(nèi)容。界面設(shè)計(jì)的主要目標(biāo)就是優(yōu)化用戶的產(chǎn)品體驗(yàn),而用戶體驗(yàn)設(shè)計(jì)的目標(biāo)自下而上分成四個(gè)層次:有用、易用、友好性、視覺。手機(jī)界面設(shè)計(jì)在依次完成四個(gè)目標(biāo)層次的情形下,用戶體驗(yàn)的好感也會(huì)不斷攀升。
一有用
一個(gè)產(chǎn)品創(chuàng)造出來(lái),首先是有用的,界面設(shè)計(jì)必須能夠滿足產(chǎn)品的功能需求、能夠解決用戶心理情感以及對(duì)美的需求。由于手機(jī)屏幕相對(duì)較小,并且常常在移動(dòng)中使用、輸入方式多種多樣,與桌面平臺(tái)上的大屏幕設(shè)備靜止的特點(diǎn)相比,手機(jī)界面設(shè)計(jì)有不同的需求。人們使用手機(jī)的環(huán)境常常是站立、行走或者在顛簸、嘈雜的公共空間當(dāng)中。因此手機(jī)界面設(shè)計(jì)的時(shí)候要避免過多視覺元素造成的視覺噪聲,要將視覺元素規(guī)整明確、有效,要讓界面始終保持簡(jiǎn)潔。優(yōu)秀的手機(jī)界面和任何優(yōu)秀的視覺設(shè)計(jì)一樣,在視覺上應(yīng)該是高效率的,讓最少的視覺和功能元素發(fā)揮最大的效能。
(一)清晰合理的層次結(jié)構(gòu),在小屏幕的界面設(shè)計(jì)中尤其重要。界面設(shè)計(jì)不是設(shè)計(jì)師的靈感,是界面設(shè)計(jì)師與交互設(shè)計(jì)師、軟件工程師等的合作,經(jīng)過詳細(xì)思考分析、反復(fù)論證出的成果。層次結(jié)構(gòu)合理清晰,用戶才知道怎么操作。
(二)由于觸屏手機(jī)的操作特質(zhì),用戶點(diǎn)擊觸摸后,如果沒有明確的反饋,用戶很難確定是否真的觸動(dòng)了界面裝置,所以界面設(shè)計(jì)時(shí)明確而人性化的反饋非常重要。
(三)由于手機(jī)硬件條件的限制,界面設(shè)計(jì)中文字依舊是不可缺少的部分。手機(jī)界面設(shè)計(jì)的文字必須明確與對(duì)齊,才不會(huì)因?yàn)閭鬟f信息量大或者文字使用不當(dāng)給用戶造成困擾,誤導(dǎo)操作。
(四)手機(jī)界面設(shè)計(jì)需要正確的提示引導(dǎo)用戶的行為。在用戶進(jìn)行操作產(chǎn)品界面時(shí),一些重要的操作指引和錯(cuò)誤的操作提示需要用戶注意。這些提示的方式必須要合適,才會(huì)引起用戶的注意,否則會(huì)適得其反。
二易用
界面設(shè)計(jì)原則的主要目的之一就是優(yōu)化用戶的產(chǎn)品體驗(yàn),使得產(chǎn)品更加易用。對(duì)于手機(jī)應(yīng)用產(chǎn)品而言,這意味著將工作負(fù)荷降至最低。在降低認(rèn)知負(fù)荷、記憶負(fù)荷、視覺負(fù)荷、物理負(fù)荷的同時(shí)為用戶提供更多反饋和有用的情景信息也是使手機(jī)應(yīng)用產(chǎn)品更易用的重點(diǎn)。為了讓手機(jī)界面更加易學(xué)易用,在手機(jī)界面設(shè)計(jì)時(shí)通常會(huì)使用到隱喻界面和習(xí)慣用法。
(一)隱喻界面
隱喻界面是基于對(duì)事物工作原理的直覺理解,依賴于用戶在界面視覺提示與功能之間建立的直覺聯(lián)系。這樣的直覺聯(lián)系是設(shè)計(jì)師通過擬物法和模擬物理世界規(guī)律設(shè)計(jì)出來(lái)呈現(xiàn)給用戶的。用戶不必了解軟件背后真正的運(yùn)行機(jī)制,通過對(duì)界面中圖像直覺的理解就能理解界面中隱喻控件的含義,從而做出正確的界面操作。
(二)習(xí)慣用法
習(xí)慣用法是基于學(xué)習(xí)和使用習(xí)慣的方式的,習(xí)慣用法界面同樣不關(guān)注技術(shù)知識(shí),也不關(guān)注直覺功能。用戶不必了解軟件背后真正的運(yùn)行機(jī)制,但習(xí)慣用法必須通過學(xué)習(xí),它是通過學(xué)習(xí)簡(jiǎn)單的視覺或者行為習(xí)慣來(lái)完成任務(wù)的。習(xí)慣用法表達(dá)不像隱喻界面那樣引發(fā)聯(lián)想,我們可以迅速地記住和使用這些習(xí)慣用法。因?yàn)榱?xí)慣用法的易學(xué)性,使好的習(xí)慣用法只需要學(xué)習(xí)一次,而我們依照習(xí)慣做任務(wù)幾乎都是下意識(shí)的。
為了改善用戶學(xué)習(xí)界面的能力和提高生產(chǎn)效率,有的應(yīng)用程序開始遵循相似標(biāo)準(zhǔn)的習(xí)慣用法,于是便出現(xiàn)了用戶界面設(shè)計(jì)的標(biāo)準(zhǔn)化。
例如:谷歌公司在2013年推出的全新設(shè)計(jì)語(yǔ)言Material Design。這種設(shè)計(jì)語(yǔ)言為手機(jī)、平板電腦、臺(tái)式機(jī)以及其它平臺(tái)提供了更廣泛、更一致的外觀和感覺。Material Design設(shè)計(jì)語(yǔ)言在文字、顏色、動(dòng)畫效果、框架等方面都做了標(biāo)準(zhǔn)化的設(shè)計(jì)定義,依照這種設(shè)計(jì)語(yǔ)言設(shè)計(jì)出來(lái)的手機(jī)界面更干凈、更簡(jiǎn)約。由此可見,標(biāo)準(zhǔn)化的確有利于軟件開發(fā)、改善易用性,降低了客戶培訓(xùn)和技術(shù)支持的費(fèi)用。降低開發(fā)團(tuán)隊(duì)的工作量,好的標(biāo)準(zhǔn)還能降低后期維護(hù)的費(fèi)用。endprint
三友好性
友好性代表產(chǎn)品與用戶交流,不把產(chǎn)品當(dāng)機(jī)器,使產(chǎn)品有了生命。產(chǎn)品的體貼,可以減少手機(jī)中科技的冷漠感,使用戶在使用時(shí)產(chǎn)生溫馨和積極的情感,在使用后有愉悅的情感。友好性是產(chǎn)品的追求,也是交互設(shè)計(jì)與界面設(shè)計(jì)真正打動(dòng)人的地方,通過對(duì)用戶的行為和情感、認(rèn)識(shí)和情感、情緒和情感之間的關(guān)系進(jìn)行研究,讓用戶與產(chǎn)品真正產(chǎn)生對(duì)話。產(chǎn)品中的友好性是設(shè)計(jì)師經(jīng)過思考后賦予到產(chǎn)品的,體貼的設(shè)計(jì)最關(guān)心用戶的目標(biāo)和需求。關(guān)心和體貼用戶并不只是交互設(shè)計(jì)的工作,在設(shè)計(jì)師多元化發(fā)展與深度合作的當(dāng)下,界面設(shè)計(jì)同樣需要理解用戶的目標(biāo)與需求,為其分出程度上的次序,在手機(jī)界面設(shè)計(jì)中體現(xiàn)出來(lái)。
產(chǎn)品的友好性就像你的管家或者密友的體貼,它了解你的使用習(xí)慣,提前為你做好準(zhǔn)備。例如:瀏覽器Firefox或Mic rosoft Internet Explorer,它們就可以記住用戶經(jīng)常在網(wǎng)上填寫的表單形式、運(yùn)貨地址及用戶名等。瀏覽器記住了用戶曾經(jīng)告訴過它的事情,為用戶下次使用提供方便。例如:新浪微博或網(wǎng)易新聞手機(jī)客戶端的界面提供了兩種閱讀狀態(tài),分別為用戶提供白天和夜晚兩種閱讀模式。不僅讓用戶能夠清晰閱讀,而且體貼用戶保護(hù)視力。體貼的細(xì)節(jié)在優(yōu)秀的應(yīng)用程序中越來(lái)越多的被設(shè)計(jì)出來(lái),使用戶對(duì)產(chǎn)品依賴并建立情感上的共鳴,最終維持住用戶并且增強(qiáng)用戶和產(chǎn)品之間的黏合度。值得注意的是,體貼仍需要把握度,過多的詢問與不需要幫助時(shí)的魯莽操作會(huì)讓用戶反感,心領(lǐng)神會(huì)的體貼才是應(yīng)用程序的追求。
四視覺
這里的視覺設(shè)計(jì)指的是產(chǎn)品整體傳遞出的信息,愉悅化是視覺設(shè)計(jì)的最高要求,是產(chǎn)品在前三點(diǎn)的基礎(chǔ)之上的視覺吸引力,只有之前的基礎(chǔ)每一步都高標(biāo)準(zhǔn)完成才能夠在這一步有愉悅的用戶體驗(yàn)。這里指的視覺設(shè)計(jì)是基于產(chǎn)品的品牌精神和產(chǎn)品個(gè)性,產(chǎn)品獨(dú)有的視覺,它能打動(dòng)用戶、轉(zhuǎn)換情感,換言之它必將是有追求的、極致的。
三星總裁李健熙說(shuō)“人一定是需要追求的,要做極致的產(chǎn)品,要像一流的公司那樣思考。”手機(jī)界面設(shè)計(jì)日趨成熟,各個(gè)系統(tǒng)界面之間的設(shè)計(jì)效果差別會(huì)越來(lái)越小,應(yīng)用程序的界面也快速發(fā)展,優(yōu)秀的手機(jī)產(chǎn)品越來(lái)越多,要想做一流的產(chǎn)品,細(xì)節(jié)設(shè)計(jì)成為關(guān)鍵。在高分辨率手機(jī)界面普及的當(dāng)下,有著精致細(xì)節(jié)的界面可以將手機(jī)產(chǎn)品整體氛圍提升,可以給用戶帶去美好愉悅的用戶體驗(yàn)。產(chǎn)品用心且精致的界面經(jīng)的起用戶慢慢品味,用戶因此被深深吸引,更加喜愛產(chǎn)品,從而提升了用戶與產(chǎn)品的黏合度。
五、結(jié)語(yǔ)
從用戶體驗(yàn)談手機(jī)界面設(shè)計(jì)是了解用戶想要什么的基礎(chǔ)之上設(shè)計(jì)手機(jī)產(chǎn)品的界面。因?yàn)檫@樣的設(shè)計(jì)角度始終是以人為中心,而不是以技術(shù)為中心。而徹底的用戶研究和細(xì)致的計(jì)劃提供了界面設(shè)計(jì)時(shí)所需要的整體認(rèn)識(shí),基于此創(chuàng)造給用戶的必將是更有魅力的產(chǎn)品。endprint