文/顧榮斌

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

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

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

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

這種不僅能給終端用戶帶來(lái)美的視覺(jué)感受，而且能提供許多便利的使用功能的良好感受，我們稱為“良好的客戶體驗(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é)科的角度來(lái)研究，站在用戶的角度介入到產(chǎn)品的開(kāi)發(fā)和設(shè)計(jì)中。而這種實(shí)用性原則，需要進(jìn)行深入的市場(chǎng)調(diào)研和用戶研究。研究如何提高產(chǎn)品的可用性，使產(chǎn)品被大眾所使用，使系統(tǒng)的設(shè)計(jì)更容易被人喜歡和記憶；通過(guò)可用性工程學(xué)的研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法。通俗地講，對(duì)于UI設(shè)計(jì)師來(lái)說(shuō)，就是大眾需要什么，我就做什么。

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

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

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

2.時(shí)間有限原則

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

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

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

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

3.求對(duì)而不求炫原則

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

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

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

另外，應(yīng)用設(shè)計(jì)中資訊或元素寧缺毋濫，因?yàn)橐苿?dòng)客戶端的界面往往是有限的，需要拒絕一切無(wú)用信息的出現(xiàn)，拒絕分散人注意力的內(nèi)容。可以參照類似“思維導(dǎo)圖”的視覺(jué)引導(dǎo)和歸納的做法，中間是主題，周邊是圍繞主題的要點(diǎn)，這種符合眼睛和大腦抓取信息的圖解方式，是比較便利和有效的。

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

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

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

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

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

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

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

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

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

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

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

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