進(jìn)階學(xué)習(xí)！關(guān)于用戶(hù)體驗(yàn)?zāi)銘?yīng)該知道的8件事

王M爭(zhēng)：用戶(hù)體驗(yàn)(User Experience，以下簡(jiǎn)稱(chēng)UX)是一個(gè)含義很廣泛的術(shù)語(yǔ)，近兩年來(lái)我們從越來(lái)越多的人們口入耳到這個(gè)詞，但是并不是每小我都真正了解究竟什么是用戶(hù)體驗(yàn)。人們對(duì)于用戶(hù)體驗(yàn)有許多誤解，盼望這篇文章可以幫助大家對(duì)用戶(hù)體驗(yàn)有一個(gè)更好的熟悉。

一.UX不是UI

在日常工作中，設(shè)計(jì)師經(jīng)常會(huì)碰到一些客戶(hù)誤以為UX就是UI（User Interface——用戶(hù)界面）。當(dāng)客戶(hù)對(duì)這兩個(gè)概念有混淆的時(shí)候，我們應(yīng)該給他們?cè)忈屵@兩者之間的區(qū)別與聯(lián)系。這會(huì)幫助客戶(hù)了解我們的工作詳細(xì)是什么，會(huì)削減許多不需要的誤會(huì)。

UI指的是用戶(hù)交互界面。例如iPhone的墻紙?jiān)O(shè)置網(wǎng)頁(yè)，這屬于UI。UX指的是用戶(hù)操作過(guò)程的感受，用戶(hù)在替換iPhone墻紙的過(guò)程中的寫(xiě)意程度就是UX。

簡(jiǎn)言之，用戶(hù)體驗(yàn)就是用戶(hù)對(duì)于UI的一個(gè)生理反饋。好的UX設(shè)計(jì)師懂得用戶(hù)生理和操作風(fēng)俗，由于這些都是影響用戶(hù)體驗(yàn)的緊張因素。

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

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

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

假如想成為一個(gè)良好的UI設(shè)計(jì)師，學(xué)一些印刷，包裝，掌握更多的用戶(hù)體驗(yàn)知識(shí)是很有好處的。跨界學(xué)習(xí)會(huì)坦蕩我們視野，讓我們學(xué)會(huì)從不同的角度來(lái)看待題目。

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

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

首先用戶(hù)體驗(yàn)是一門(mén)科學(xué)，一家視頻網(wǎng)站的播放量日益走低，用戶(hù)體驗(yàn)的科學(xué)屬性會(huì)幫助我們找到題目的所在——界面過(guò)于老式。通過(guò)賡續(xù)的測(cè)試與討論，最終得出了一個(gè)網(wǎng)站換版的設(shè)計(jì)方案。

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

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

每一個(gè)設(shè)計(jì)師基本上都會(huì)碰到與客戶(hù)意見(jiàn)相左的情況，客戶(hù)堅(jiān)持他的觀點(diǎn)，認(rèn)為他的方案是最好的。但是設(shè)計(jì)師有本身的想法，覺(jué)得他的方案比客戶(hù)的更好。這時(shí)候就會(huì)出現(xiàn)一個(gè)難題，不管選擇哪套方案都會(huì)引起另一方的不滿(mǎn)。

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

比如，客戶(hù)盼望將客戶(hù)保舉鏈接放在網(wǎng)頁(yè)的頂部來(lái)獲得用戶(hù)更多的細(xì)致力。身為一個(gè)設(shè)計(jì)師，你覺(jué)得將客戶(hù)保舉的鏈接放在網(wǎng)頁(yè)頂端會(huì)影響網(wǎng)頁(yè)的整個(gè)布局，予以駁斥。如許就會(huì)和客戶(hù)由于這件事而爭(zhēng)論起來(lái)。其實(shí)客戶(hù)的目標(biāo)是吸引更多的用戶(hù)細(xì)致力，那么我們將鏈接放在網(wǎng)頁(yè)其它更加清晰可見(jiàn)的位置就可以解決這個(gè)題目了。目標(biāo)導(dǎo)向型設(shè)計(jì)與其說(shuō)是一種設(shè)計(jì)技法，還不如說(shuō)是一種設(shè)計(jì)思路。不管黑貓白貓，抓到老鼠的就是好貓。

五.為用戶(hù)設(shè)計(jì)

「為用戶(hù)設(shè)計(jì)」這句話聽(tīng)起來(lái)許多余，由于用戶(hù)體驗(yàn)就意味著為用戶(hù)設(shè)計(jì)。然而許多設(shè)計(jì)師卻忘記了這點(diǎn)，成為了本身創(chuàng)造力的受害者。一些設(shè)計(jì)師在做一個(gè)項(xiàng)目的時(shí)候，網(wǎng)頁(yè)設(shè)計(jì)的很悅目，客戶(hù)也很寫(xiě)意。當(dāng)產(chǎn)品真正上線的時(shí)候，從用戶(hù)得到的反饋卻是不盡如人意的。

對(duì)于一個(gè)設(shè)計(jì)師來(lái)說(shuō)，要做到「為用戶(hù)設(shè)計(jì)」是一件很困難的事情。由于用戶(hù)的需求會(huì)給你帶來(lái)一個(gè)個(gè)限定，可能會(huì)迫使你摒棄一些你比較寫(xiě)意的方案，去選擇那些平庸的方案。設(shè)計(jì)師其實(shí)就是一個(gè)戴著腳鐐的舞者，在浩繁束縛條件之內(nèi)追求最優(yōu)的解決方案。

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

六.了解用戶(hù)生理

好的用戶(hù)體驗(yàn)都是建立對(duì)用戶(hù)生理的了解上。設(shè)計(jì)師要知道會(huì)觸發(fā)用戶(hù)舉動(dòng)的傾向。

拿手機(jī)關(guān)照來(lái)說(shuō)，App給用戶(hù)推送新聞是為了激發(fā)用戶(hù)打開(kāi)應(yīng)用。然而用戶(hù)打開(kāi)App是有條件的——充足的時(shí)間與精力。設(shè)計(jì)師要懂得在合適的時(shí)間給用戶(hù)推送新聞。比如，當(dāng)用戶(hù)在早岑嶺接收到推送新聞，很少會(huì)打開(kāi)應(yīng)用。由于他們都在趕著去上班的路上，沒(méi)偶然間看。所以當(dāng)我們?cè)谖鐣r(shí)用戶(hù)歇息的時(shí)候推送新聞，用戶(hù)點(diǎn)擊進(jìn)入應(yīng)用的可能性會(huì)極大的增長(zhǎng)。

七.內(nèi)容為王

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

八.保持同等性

保持同等性是用戶(hù)體驗(yàn)中一個(gè)緊張內(nèi)容。同等性可以加強(qiáng)用戶(hù)在使用過(guò)程中的可記憶性，削減用戶(hù)下次使用時(shí)候的記憶負(fù)擔(dān)，操作更加流暢。

然而許多設(shè)計(jì)師為了尋求網(wǎng)頁(yè)的「悅目」，拋棄了同等性原則。如許的界面對(duì)于用戶(hù)來(lái)說(shuō)更加具有吸引力，但是也打亂了原有的樣式排布，破壞了網(wǎng)頁(yè)的同等性。

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

用戶(hù)會(huì)因此而迷惑，進(jìn)而感到沮喪。用戶(hù)不懂用戶(hù)體驗(yàn)，他們不知道這個(gè)叫做不同等性。但是他們懂得——這個(gè)網(wǎng)站不專(zhuān)業(yè)／下次不要點(diǎn)進(jìn)來(lái)了。

從用戶(hù)體驗(yàn)的角度打造一款同等性高的互聯(lián)網(wǎng)產(chǎn)品，只有一個(gè)評(píng)價(jià)標(biāo)準(zhǔn)——?jiǎng)?chuàng)建沉浸式用戶(hù)體驗(yàn)，用戶(hù)只關(guān)心本身的操作，不用為網(wǎng)頁(yè)的樣式前后不同等而分心。

總結(jié)

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

迎接關(guān)注作者的微信公眾號(hào)：「王M爭(zhēng)」