談提升用戶體驗的方法在UI設計中的運用

康璐

摘 要：目的：提升UI設計的用戶體驗。方法：從設計流程入手，結合交互式設計策略及交互設計的理論，進行設計思維的構建，對各功能板塊逐個攻破，做到設計有源可循。結論：注重用戶體驗的設計將成為UI設計的發展趨勢。

關鍵詞：用戶體驗;UI設計;交互設計;以人為本

0 引言

當今越來越多的智能設備出現在我們的日常生活中，人們與這些智能設備之間的溝通目前主要還是通過UI（User interface，用戶界面的縮寫）來完成。在這個人機交互的過程中，存在很多的問題，給用戶帶來了很多的挑戰，但我們仍不斷努力解決使用產品過程中存在的問題，力圖提升用戶體驗。

UI設計作為產品設計環節的下游，決定著產品最終呈現的形態。如何開展這部分設計工作，提升用戶體驗，增加用戶好感，就顯得尤為重要。

1 UI設計的現狀

UI設計師作為伴隨著手機發展而來的新興崗位，起初大多由其他設計崗位轉行而來，從業人員的專業水平參差不齊。而當下App應用市場中不乏同類型產品的存在，通過UI設計環節來提升用戶體驗、讓產品脫穎而出將成為一種發展趨勢。從各大招聘信息也可以看出，UI設計不再單純地對視覺設計能力提出要求，而動畫、交互也是此崗位考核的方面。

2 UI設計中提升用戶體驗的方法及其運用

要秉承“以人為本”的設計理念。“以人為本”就是要站在用戶的角度替用戶著想，同時要具備設計思維。

以軟件產品UI設計的流程為線索，具體分析各環節提升用戶體驗的方法：

第一，接到設計任務時，要充分了解產品的目標用戶（特征是什么，有哪些經驗）、行為目標、使用場景、產品形態以及產品的業務目的和業務目標。

深刻認識到“使命”后，首先要確定產品的調性，即產品給我們帶來哪種氛圍，是活潑的還是穩重的，是可愛的還是干練的等。選定產品的主色調，決定使用哪些設計元素。同時，在整個設計階段，要做到心中牢記“使命”，確保設計的一致性。

整個產品的氛圍是冷靜的、穩重的、安全的、范圍廣泛的，藍色的主色調及扁平化的設計支撐著整個產品的氛圍，凸顯其金融性、服務性的品質。如今很多金融類App也都會選用藍色作為其產品的主色調。

第二，從首頁入手，逐個功能攻破。UI設計師首先要把產品的功能捋一遍，根據主要業務和功能來選擇導航設計模式，然后將頁面中的元素組織起來。這里經常被設計師粗糙的處理，設計不能只是單純對原型進行美化，要自主思考什么才是最合適的設計。

產品經理在此原型的導航欄上標注出需要發布的圖標。設計具備引導用戶行為的能力，由于此軟件屬于內容型App，我們需要在此處增強發布按鈕的視覺沖擊力，同時要避免點擊誤操作的情況。這樣一來，仍然將發布按鈕放置在導航欄上顯然是不合適的，可以參考圖2中的設計稿，將發布按鈕放置在頁面下方的位置，設計成懸浮狀態。

用戶查看頁面的視線為從左至右、從上至下，如果點贊等按鈕與內容文字左對齊會突出互動性，右對齊會弱化互動，可以讓用戶更快速地瀏覽發布的內容，所以設計時要具體問題具體分析。

交互式設計策略中簡約四策略包括組織、隱藏、刪除和轉移，以此為指導，讓UI設計做到有源可循，才能真正替用戶考慮，實現產品用戶體驗的提升。這里主要運用到的是隱藏和組織的策略，讓功能容易找到。位置雖然比大小更重要，但當用戶專注于一個任務時，關注點會聚焦，就算再大的標簽，放到關注點之外，用戶也是看不到的。

第三，對文字進行反復推敲。精簡句子，不要使用介詞、被動轉為主動。刪減文字，刪掉索然無味的開頭、減少廢話，刪除引見性文字，刪除不必要的說明、刪除煩瑣的解釋、使用描述性鏈接。

網站內容非常豐富，卻沒有對信息進行精簡，使得整個界面看起來繁雜臃腫，用戶體驗大打折扣。可嘗試將“免費注冊”改為“注冊”;去掉“成功路上，你我相伴！”等方案。同時根據轉移的原則，將相似的功能綁定在一起，做視覺上的簡化，讓整個網站看起來更好用。

3 結語

提升用戶體驗的方法在UI設計中的運用，實質上是把設計做到有據可依的過程，是構建完整設計思維的過程。從UI設計的流程入手，環環把關，全面思考，反復推敲，融入交互設計策略中組織、隱藏、刪除和轉移的簡約四策略。同時，UI設計師必須時刻站在用戶的角度，不斷提高自己的專業性。雖然我們在其中遇到過很多挫折，但只要用戶獲得良好的體驗，都會讓我們動力十足。

參考文獻：

[1] Giles Colborne .簡約至上：交互式設計四策略[M].北京：人民郵電出版社，2011.

[2] 艾倫·庫伯，羅伯特·萊曼，戴維·克羅寧（美）. About Face 4：交互設計精髓[M].北京：電子工業出版社，2015.