超實用，UI設(shè)計應(yīng)該了解用戶體驗的幾件事

一.UX不是UI

在日常工作中，設(shè)計師經(jīng)常會遇到一些客戶誤以為UX就是UI（User Interface——用戶界面）。當(dāng)客戶對這兩個概念有混淆的時候，我們應(yīng)該給他們解釋這兩者之間的區(qū)別與聯(lián)系。這會幫助客戶了解我們的工作具體是什么，會減少很多不必要的誤會。

UI指的是用戶交互界面。例如iPhone的墻紙設(shè)置頁面，這屬于UI。UX指的是用戶操作過程的感受，用戶在更換iPhone墻紙的過程中的滿意程度就是UX。

簡言之，用戶體驗就是用戶對于UI的一個心理反饋。好的UX設(shè)計師懂得用戶心理和操作習(xí)慣，因為這些都是影響用戶體驗的重要因素。

 

二.用戶體驗不僅限于互聯(lián)網(wǎng)

互聯(lián)網(wǎng)只是用戶體驗應(yīng)用的一個分支。我們生活中看的每一個印刷品，穿的每一件衣服，坐的每一輛車都屬于用戶體驗。網(wǎng)購了一件外套，發(fā)現(xiàn)拉鏈很難拉，這是糟糕的用戶體驗；去一家布置考究的餐廳吃飯，這是好的用戶體驗。

線下的用戶體驗和互聯(lián)網(wǎng)產(chǎn)品用戶體驗互有不同，但是之間又相互聯(lián)系，相互影響。網(wǎng)頁中導(dǎo)航條之前都是放在頁面的左側(cè)，但是后來人們發(fā)現(xiàn)，人眼都是習(xí)慣從左往右瀏覽信息，這意味著我們應(yīng)該將重要的內(nèi)容放在頁面的左側(cè)。從2000年開始，網(wǎng)站的導(dǎo)航條漸漸的被移到頁面的右側(cè)。(當(dāng)然也并不是絕對，導(dǎo)航條的位置取決于網(wǎng)站類型)。

如果想成為一個優(yōu)秀的UI設(shè)計師，學(xué)一些印刷，包裝，掌握更多的用戶體驗知識是很有益處的?？缃鐚W(xué)習(xí)會開闊我們視野，讓我們學(xué)會從不同的角度來看待問題。

 

三.藝術(shù)&科學(xué)

藝術(shù)與科學(xué)，一個講究情感，另一個追求嚴(yán)謹(jǐn)。兩個看似風(fēng)馬牛不相及的東西，在用戶體驗學(xué)中我們都可以看到。用戶體驗是藝術(shù)和科學(xué)的結(jié)合體。

首先用戶體驗是一門科學(xué)，一家視頻網(wǎng)站的播放量日益走低，用戶體驗的科學(xué)屬性會幫助我們找到問題的所在——界面過于老式。通過不斷的測試與討論，最終得出了一個網(wǎng)站換版的設(shè)計方案。

當(dāng)?shù)搅苏嬲_始設(shè)計界面的時候，用戶體驗藝術(shù)那一面開始出現(xiàn)了。顏色、字體、布局，將這一切有機的整合起來創(chuàng)造出一個整體。將網(wǎng)站想象成一件在櫥窗中展示的藝術(shù)品，喚起用戶內(nèi)在的情感反應(yīng)。

 

四.目標(biāo)導(dǎo)向型設(shè)計

每一個設(shè)計師基本上都會遇到與客戶意見相左的情況，客戶堅持他的觀點，認(rèn)為他的方案是最好的。但是設(shè)計師有自己的想法，覺得他的方案比客戶的更好。這時候就會出現(xiàn)一個難題，不管選擇哪套方案都會引起另一方的不滿。

這個時候目標(biāo)導(dǎo)向性設(shè)計可能會幫助我們解決這個問題，目標(biāo)導(dǎo)向性意味著從根源處考慮設(shè)計方案。

比如，客戶希望將客戶推薦鏈接放在頁面的頂部來獲得用戶更多的注意力。身為一個設(shè)計師，你覺得將客戶推薦的鏈接放在頁面頂端會影響頁面的整個布局，予以駁斥。這樣就會和客戶因為這件事而爭論起來。其實客戶的目標(biāo)是吸引更多的用戶注意力，那么我們將鏈接放在頁面其它更加清晰可見的位置就可以解決這個問題了。目標(biāo)導(dǎo)向型設(shè)計與其說是一種設(shè)計技法，還不如說是一種設(shè)計思路。不管黑貓白貓，抓到老鼠的就是好貓。

 

五.為用戶設(shè)計

「為用戶設(shè)計」這句話聽起來很多余，因為用戶體驗就意味著為用戶設(shè)計。然而很多設(shè)計師卻遺忘了這點，成為了自己創(chuàng)造力的受害者。一些設(shè)計師在做一個項目的時候，頁面設(shè)計的很好看，客戶也很滿意。當(dāng)產(chǎn)品真正上線的時候，從用戶得到的反饋卻是不盡如人意的。

對于一個設(shè)計師來說，要做到「為用戶設(shè)計」是一件很困難的事情。因為用戶的需求會給你帶來一個個限制，可能會迫使你放棄一些你比較滿意的方案，去選擇那些平庸的方案。設(shè)計師其實就是一個戴著腳鐐的舞者，在眾多約束條件之內(nèi)尋求最優(yōu)的解決方案。

不管滿意與否，身為一個設(shè)計師，給用戶提供最滿意產(chǎn)品是我們的責(zé)任。為了確保正確了解用戶，我們在設(shè)計之前應(yīng)該對用戶群進(jìn)行調(diào)查。研究不同類型用戶會如何使用你即將開發(fā)的這款產(chǎn)品。在設(shè)計最終完稿之前，采用A/B測試來驗證當(dāng)前設(shè)計是否達(dá)到最佳。

 

六.了解用戶心理

好的用戶體驗都是建立對用戶心理的了解上。設(shè)計師要知道會觸發(fā)用戶行為的傾向。

拿手機通知來說，App給用戶推送消息是為了激發(fā)用戶打開應(yīng)用。然而用戶打開App是有條件的——足夠的時間與精力。設(shè)計師要懂得在合適的時間給用戶推送消息。比如，當(dāng)用戶在早高峰接收到推送消息，很少會打開應(yīng)用。因為他們都在趕著去上班的路上，沒有時間看。所以當(dāng)我們在中午用戶休息的時候推送消息，用戶點擊進(jìn)入應(yīng)用的可能性會極大的增加。

七.內(nèi)容為王

用戶體驗并不只是關(guān)注圖標(biāo)的樣式或者界面的配色，界面中的所有元素都屬于用戶體驗的范疇之內(nèi)。很多設(shè)計師跳過了“內(nèi)容”，將主要精力放在邊邊角角的樣式上了。追求界面的美觀好看，這個并沒有錯。但是我們要知道，界面只是內(nèi)容的載體，用戶真正關(guān)注的是內(nèi)容。一個網(wǎng)站界面設(shè)計的很好看，但是內(nèi)容卻很雞肋，這樣的網(wǎng)站是無法留住用戶的。用戶體驗的最終目的就是讓內(nèi)容可以被用戶更好的吸收接納。

八.保持一致性

保持一致性是用戶體驗中一個重要內(nèi)容。一致性可以增強用戶在使用過程中的可記憶性，減少用戶下次使用時候的記憶負(fù)擔(dān)，操作更加流暢。

然而很多設(shè)計師為了追求頁面的「好看」，拋棄了一致性原則。這樣的界面對于用戶來說更加具有吸引力，但是也打亂了原有的樣式排布，破壞了頁面的一致性。

例如，在網(wǎng)站首頁下拉框用的是下劃線樣式，但是到了登錄頁面卻是箭頭。用戶可能先觀察到登錄頁的樣式，對下拉框功能有一個認(rèn)知(這個網(wǎng)站中所有的下拉框功能都是箭頭的樣式)，但是到了其它的頁面，用戶已建有的認(rèn)知就會被打破。

用戶會因此而疑惑，進(jìn)而感到沮喪。用戶不懂用戶體驗，他們不知道這個叫做不一致性。但是他們懂得——這個網(wǎng)站不專業(yè)／下次不要點進(jìn)來了。

從用戶體驗的角度打造一款一致性高的互聯(lián)網(wǎng)產(chǎn)品，只有一個評價標(biāo)準(zhǔn)——創(chuàng)建沉浸式用戶體驗，用戶只關(guān)心自己的操作，不用為頁面的樣式前后不一致而分心。

 

總結(jié)

在未來，UX和UI之間的界線會越來越模糊，二者結(jié)合為更加一體化的設(shè)計過程才可以創(chuàng)造出真正打動人心的產(chǎn)品。