談提升用戶體驗(yàn)的方法在UI設(shè)計(jì)中的運(yùn)用

康璐

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

關(guān)鍵詞：用戶體驗(yàn);UI設(shè)計(jì);交互設(shè)計(jì);以人為本

0 引言

當(dāng)今越來越多的智能設(shè)備出現(xiàn)在我們的日常生活中，人們與這些智能設(shè)備之間的溝通目前主要還是通過UI（User interface，用戶界面的縮寫）來完成。在這個(gè)人機(jī)交互的過程中，存在很多的問題，給用戶帶來了很多的挑戰(zhàn)，但我們?nèi)圆粩嗯鉀Q使用產(chǎn)品過程中存在的問題，力圖提升用戶體驗(yàn)。

UI設(shè)計(jì)作為產(chǎn)品設(shè)計(jì)環(huán)節(jié)的下游，決定著產(chǎn)品最終呈現(xiàn)的形態(tài)。如何開展這部分設(shè)計(jì)工作，提升用戶體驗(yàn)，增加用戶好感，就顯得尤為重要。

1 UI設(shè)計(jì)的現(xiàn)狀

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

2 UI設(shè)計(jì)中提升用戶體驗(yàn)的方法及其運(yùn)用

要秉承“以人為本”的設(shè)計(jì)理念?！耙匀藶楸尽本褪且驹谟脩舻慕嵌忍嬗脩糁耄瑫r(shí)要具備設(shè)計(jì)思維。

以軟件產(chǎn)品UI設(shè)計(jì)的流程為線索，具體分析各環(huán)節(jié)提升用戶體驗(yàn)的方法：

第一，接到設(shè)計(jì)任務(wù)時(shí)，要充分了解產(chǎn)品的目標(biāo)用戶（特征是什么，有哪些經(jīng)驗(yàn)）、行為目標(biāo)、使用場景、產(chǎn)品形態(tài)以及產(chǎn)品的業(yè)務(wù)目的和業(yè)務(wù)目標(biāo)。

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

整個(gè)產(chǎn)品的氛圍是冷靜的、穩(wěn)重的、安全的、范圍廣泛的，藍(lán)色的主色調(diào)及扁平化的設(shè)計(jì)支撐著整個(gè)產(chǎn)品的氛圍，凸顯其金融性、服務(wù)性的品質(zhì)。如今很多金融類App也都會選用藍(lán)色作為其產(chǎn)品的主色調(diào)。

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

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

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

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

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

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

3 結(jié)語

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

參考文獻(xiàn)：

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

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