論UI設(shè)計(jì)中實(shí)現(xiàn)良好用戶體驗(yàn)之五大秘鑰

文/顧榮斌

隨著科技的飛速發(fā)展，智能手機(jī)、ipad移動電子產(chǎn)品的流行，第三方應(yīng)用程序如雨后春筍般極速閃現(xiàn)，幾乎充斥著各式各樣的智能手機(jī)，這種以智能手機(jī)為主要載體的第三方應(yīng)用軟件被稱為APP（APPlication的簡稱）。

UI即User Interface（用戶界面）的簡稱，UI設(shè)計(jì)是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，主要被用于移動客戶端，如智能手機(jī)、ipad等載體上。UI設(shè)計(jì)包括軟件圖形設(shè)計(jì)、交互設(shè)計(jì)、用戶測試。

圖形設(shè)計(jì)，即傳統(tǒng)意義上的“美工” ，致力于提高軟件用戶體驗(yàn)的外形視覺美感設(shè)計(jì)工作； 交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等；用戶測試/研究，主要通過以目標(biāo)用戶問卷的形式衡量UI設(shè)計(jì)的合理性。

優(yōu)秀的UI設(shè)計(jì)不僅需要符合移動UI特性，而且要能達(dá)到有效傳播及使用的功用。因此在進(jìn)行UI設(shè)計(jì)中，不僅需要考慮APP軟件本身的視覺符合目標(biāo)受眾的審美要求、個性和品位，還要讓操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

這種不僅能給終端用戶帶來美的視覺感受，而且能提供許多便利的使用功能的良好感受，我們稱為“良好的客戶體驗(yàn)”。一款成功的APP應(yīng)用設(shè)計(jì)是建立在實(shí)用性和科學(xué)性之上的藝術(shù)設(shè)計(jì)，而在UI設(shè)計(jì)中如何實(shí)現(xiàn)良好用戶體驗(yàn)就是重中之重，決定了APP產(chǎn)品的成敗，以下圍繞智能手機(jī)的UI設(shè)計(jì)如何提高用戶體驗(yàn)，做了研究探討。

實(shí)現(xiàn)良好用戶體驗(yàn)的五大秘鑰：

1.實(shí)用性原則

實(shí)用性原則是指UI設(shè)計(jì)要站在人文學(xué)科的角度來研究，站在用戶的角度介入到產(chǎn)品的開發(fā)和設(shè)計(jì)中。而這種實(shí)用性原則，需要進(jìn)行深入的市場調(diào)研和用戶研究。研究如何提高產(chǎn)品的可用性，使產(chǎn)品被大眾所使用，使系統(tǒng)的設(shè)計(jì)更容易被人喜歡和記憶；通過可用性工程學(xué)的研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法。通俗地講，對于UI設(shè)計(jì)師來說，就是大眾需要什么，我就做什么。

目前以用戶體驗(yàn)為核心競爭力的公司有騰訊，其微信客戶端就“一切以用戶價值為依歸”，把微信的功能開發(fā)和交互界面的設(shè)計(jì)圍繞人們的社交需求、心理特點(diǎn)去展開，而且不斷收集用戶反饋，飛速更新，幾乎是想你所想。這種實(shí)用性原則換個角度說，其實(shí)也就是能否解決以下幾個問題：

一是UI設(shè)計(jì)是否與目標(biāo)用戶的思維一致；二是目標(biāo)用戶能否方便自由地操控自己的瀏覽行為；三是目標(biāo)用戶能否輕松解決想要解決的問題。

最近盛行的“餓了么”也是圍繞滿足大眾一日三餐的便利需要應(yīng)運(yùn)而生，而且界面設(shè)計(jì)十分清晰簡單，容易操作，比如由于要確保食物的保持鮮美且要快速到達(dá)，需要就近下單，地點(diǎn)定位十分重要，因此這便成為界面排列第一的要素，另外各種特價活動，“限時搶購”“預(yù)定早餐”“新店特惠”等各種吸引大眾購買欲望的ICON都放在手機(jī)第一屏，讓人一目了然。

2.時間有限原則

秉承用戶都很忙的原則，在界面設(shè)計(jì)中，需要考慮8個字：節(jié)約時間，方便查看！所以在功能規(guī)劃好之后的UI設(shè)計(jì)中，需要多做減法，界面越簡潔，重點(diǎn)越突出越好。界面的簡潔是要讓用戶便于使用和了解產(chǎn)品，并能盡可能地快速解決實(shí)際使用需求。

現(xiàn)在的APP軟件的啟動頁面總會有很多，比如軟件使用說明、軟件更新說明，翻頁瀏覽完畢后才能進(jìn)入應(yīng)用界面，如果不想看，需要點(diǎn)擊類似“跳過”之類的ICON圖標(biāo)。但是用戶在點(diǎn)擊APP、使用平臺的時候，往往都是急需解決問題的，會對軟件啟動頁面有厭煩和無奈之感，無論這個頁面是使用說明頁、更新頁還是增加情調(diào)頁，都會花費(fèi)用戶的一部分時間，都不是最省時的設(shè)計(jì)，尤其對于“時間就是金錢”的商務(wù)人士來說，這種增加額外時間成本的設(shè)計(jì)會帶來非常不好的用戶體驗(yàn)。

因此，建議反向思維進(jìn)行設(shè)計(jì)，將“跳過”之類的ICON改為“查看新功能”或“使用說明”，主頁面設(shè)計(jì)為可直接進(jìn)入使用頁面。另外，這些輔助的說明頁面，可以設(shè)計(jì)成自動翻頁，根據(jù)人眼查看的一般正常速度，如果要在頁面停留，用手在頁面上點(diǎn)一下即可。

如果是APP購物軟件，在各種寶貝說明的頁面，更應(yīng)該遵循自動翻屏的設(shè)計(jì)，而不是讓用戶的手指很忙碌地不停上下左右翻頁。

3.求對而不求炫原則

現(xiàn)在很多的UI設(shè)計(jì)中，常常會嵌入各種酷炫動態(tài)效果，但先要深入去考慮動態(tài)效果的使用目的是什么？是為了耍酷耍炫？是為了彰顯設(shè)計(jì)師水準(zhǔn)？還是為了便利客戶？

答案很顯然，任何設(shè)計(jì)細(xì)節(jié)都需要以圍繞良好的“用戶體驗(yàn)”來進(jìn)行。界面中要使用能反映用戶本身的語言，而不是游戲設(shè)計(jì)者的語言。ICON上下左右的移動或是浮動，用手指上下左右的推拉，或是用gif效果等等各種效果，都要便于用戶使用，而且是喜歡使用。

本著“求對而不求炫，突出重點(diǎn)”的原則，APP界面的動態(tài)效果可以從無到有，從小到大進(jìn)行設(shè)計(jì)，既要保證使用時的重點(diǎn)顯眼，又要保持有限界面干凈整潔。這可以參考蘋果電腦界面的浮動界面設(shè)計(jì)，比如以移動光標(biāo)，彈出選擇界面，或是將即將使用的某一程序的ICON變大……而不是飛來跳去一堆的雜耍般，然后才能發(fā)揮效用的按鈕設(shè)計(jì)。

另外，應(yīng)用設(shè)計(jì)中資訊或元素寧缺毋濫，因?yàn)橐苿涌蛻舳说慕缑嫱怯邢薜?，需要拒絕一切無用信息的出現(xiàn)，拒絕分散人注意力的內(nèi)容?？梢詤⒄疹愃啤八季S導(dǎo)圖”的視覺引導(dǎo)和歸納的做法，中間是主題，周邊是圍繞主題的要點(diǎn)，這種符合眼睛和大腦抓取信息的圖解方式，是比較便利和有效的。

4.緊扣用戶群的特點(diǎn)原則

緊扣用戶群的特點(diǎn)進(jìn)行色彩和圖形設(shè)計(jì)。不同的色彩會給用戶帶來不同的心理暗示，在APP界面設(shè)計(jì)中色彩也是重點(diǎn)，色彩冷暖、色彩情感等。比如，喜歡股票投資的人，一般不喜歡過多的綠色，而更多地偏好紅色，如果是設(shè)計(jì)和股票投資相關(guān)的APP應(yīng)用軟件，UI界面設(shè)計(jì)最好是“一路飄紅”，多用紅色。

色彩有時候也需要考慮季節(jié)和節(jié)日氣氛。冬天的時候可以考慮用戶界面是暖色調(diào)的，夏天的時候，用戶界面是冷色調(diào)的。特殊的節(jié)假日，也可以有一些特有的色彩和裝飾，這有點(diǎn)類似百度搜索引擎條，有張百變的臉，卻能萬變而不離其宗。

圖形的選擇，在UI設(shè)計(jì)中也是非常重要的，它和職業(yè)、年齡和性別緊密相關(guān)。比如職業(yè)，如果是為金融理財(cái)而開發(fā)的APP，那么界面、底圖或是ICON的造型多和錢幣、財(cái)富等視覺形象結(jié)合，便會討喜很多。比如年齡，如果開發(fā)的APP主要是給零零后年輕人用的，那么需要考慮他們年齡和心理需求特點(diǎn)，可以是動漫的、卡通的界面，動感活潑的視覺設(shè)計(jì)會符合他們的使用偏好。

根據(jù)定位用戶群體，想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用的，因此在做一款A(yù)PP產(chǎn)品的UI設(shè)計(jì)時，可以多參照目標(biāo)用戶的生活和工作環(huán)境，分析這些特定環(huán)境中的各方面因素以及特點(diǎn)，然后將這些以現(xiàn)代多媒體造型方式運(yùn)用于UI設(shè)計(jì)中去，在這個過程中，需要通過比較兩個不同世界（真實(shí)與虛擬）的事物之間的聯(lián)系和區(qū)別，找到最佳展現(xiàn)方式，然后設(shè)計(jì)他們熟悉的界面和應(yīng)用程序。

當(dāng)然緊扣用戶群的特點(diǎn)進(jìn)行色彩和圖形的設(shè)計(jì)在同一款A(yù)PP產(chǎn)品中也要有一致性，這是它的每一個優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與產(chǎn)品內(nèi)容相一致。

5.可持續(xù)發(fā)展的環(huán)保設(shè)計(jì)原則

關(guān)注近年來產(chǎn)生的APP產(chǎn)品，有些來了不久就消失了，有的聲勢卻越來越大。比如滴滴等打車軟件就越來越牛，UI界面設(shè)計(jì)越來越符合大眾的使用習(xí)慣和多方面的用車需求，而且有一點(diǎn)社會現(xiàn)象開始浮現(xiàn)，就是許多人不再把買私家車看成是必不可少的了。因?yàn)楦鞣N平臺的各種專車、快車、順風(fēng)車、出租車等，完全解決了打車難的問題，也減少了廢棄排放的污染問題。值得一提的是，竟然可以用這些打車軟件幫助在外地不便于操作智能手機(jī)的親人、朋友等人群叫車。

再如“摩拜單車”等單車APP軟件相繼出現(xiàn)，以“提倡綠色出行”的理念，出現(xiàn)在大眾的手機(jī)上和生活里，尤其在上海這樣的大都市里，十分方便。但是由于用車太方便，目前車子亂停亂放現(xiàn)象比較嚴(yán)重。經(jīng)?？梢钥吹接凶孕熊囃崞叩拱说卦诘罔F口、公交站臺或者小區(qū)入口處，不僅擾亂了視覺秩序，有的已經(jīng)阻礙了人們的行走。建議在界面設(shè)計(jì)上，能夠加上文明停放的提示或押金懲罰措施或是其他類似監(jiān)督用車行為的應(yīng)用提示，提醒大眾文明用車，保護(hù)城市秩序。否則終有一天，“便利”演變成了“隨便”，那么這款A(yù)PP應(yīng)用軟件，將會被“埋怨”，前景也不容樂觀。

總之，在以用戶為上的APP應(yīng)用時代，高效率和用戶滿意度是人性化的體現(xiàn)，UI設(shè)計(jì)就是要從思想層面、美學(xué)層面、心理學(xué)層面、社會層面等多方位考慮，要讓用戶方便使用并且愿意重復(fù)使用，簡單而有效地解決生活實(shí)際問題，然后成為生活不可中不可分割的一部分，并可以形成可持續(xù)發(fā)展的機(jī)制，這才是具有良好的用戶體驗(yàn)的成功的UI設(shè)計(jì)，也是有可持續(xù)發(fā)展價值和社會價值的產(chǎn)品設(shè)計(jì)。

[1] Art Eyes設(shè)計(jì)工作室編，Photoshop玩轉(zhuǎn)移動UI設(shè)計(jì)[J]，2015（1）：8-9.

[2] Theresa Neil著，移動應(yīng)用UI設(shè)計(jì)模式[J]，2015（2）：132-135.