論UI設計中實現良好用戶體驗之五大秘鑰

文/顧榮斌

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

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

圖形設計，即傳統意義上的“美工” ，致力于提高軟件用戶體驗的外形視覺美感設計工作； 交互設計，主要在于設計軟件的操作流程、樹狀結構、操作規范等；用戶測試/研究，主要通過以目標用戶問卷的形式衡量UI設計的合理性。

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

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

實現良好用戶體驗的五大秘鑰：

1.實用性原則

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

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

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

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

2.時間有限原則

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

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

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

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

3.求對而不求炫原則

現在很多的UI設計中，常常會嵌入各種酷炫動態效果，但先要深入去考慮動態效果的使用目的是什么？是為了耍酷耍炫？是為了彰顯設計師水準？還是為了便利客戶？

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

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

另外，應用設計中資訊或元素寧缺毋濫，因為移動客戶端的界面往往是有限的，需要拒絕一切無用信息的出現，拒絕分散人注意力的內容。可以參照類似“思維導圖”的視覺引導和歸納的做法，中間是主題，周邊是圍繞主題的要點，這種符合眼睛和大腦抓取信息的圖解方式，是比較便利和有效的。

4.緊扣用戶群的特點原則

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

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

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

根據定位用戶群體，想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用的，因此在做一款APP產品的UI設計時，可以多參照目標用戶的生活和工作環境，分析這些特定環境中的各方面因素以及特點，然后將這些以現代多媒體造型方式運用于UI設計中去，在這個過程中，需要通過比較兩個不同世界（真實與虛擬）的事物之間的聯系和區別，找到最佳展現方式，然后設計他們熟悉的界面和應用程序。

當然緊扣用戶群的特點進行色彩和圖形的設計在同一款APP產品中也要有一致性，這是它的每一個優秀界面都具備的特點。界面的結構必須清晰且一致，風格必須與產品內容相一致。

5.可持續發展的環保設計原則

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

再如“摩拜單車”等單車APP軟件相繼出現，以“提倡綠色出行”的理念，出現在大眾的手機上和生活里，尤其在上海這樣的大都市里，十分方便。但是由于用車太方便，目前車子亂停亂放現象比較嚴重。經常可以看到有自行車歪七倒八地在地鐵口、公交站臺或者小區入口處，不僅擾亂了視覺秩序，有的已經阻礙了人們的行走。建議在界面設計上，能夠加上文明停放的提示或押金懲罰措施或是其他類似監督用車行為的應用提示，提醒大眾文明用車，保護城市秩序。否則終有一天，“便利”演變成了“隨便”，那么這款APP應用軟件，將會被“埋怨”，前景也不容樂觀。

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

[1] Art Eyes設計工作室編，Photoshop玩轉移動UI設計[J]，2015（1）：8-9.

[2] Theresa Neil著，移動應用UI設計模式[J]，2015（2）：132-135.