快速上手用戶體驗(yàn)設(shè)計(jì)

上面的這張用戶體驗(yàn)領(lǐng)域劃分的信息圖是我在網(wǎng)上見過最清晰明了的一張圖，領(lǐng)域之間的交叉重疊和相互關(guān)系都在這里體現(xiàn)得淋漓盡致。

即使是功能極為全面的產(chǎn)品也不一定真能滿足用戶的需求，符合用戶的期望，這是客觀事實(shí)。在進(jìn)行用戶體驗(yàn)設(shè)計(jì)的時(shí)候，最重要也是最值得主義的問題是：

用戶體驗(yàn)設(shè)計(jì)不是UI設(shè)計(jì)

“有些人人為設(shè)計(jì)關(guān)乎事物的外觀，但是毫無(wú)疑問，如果你再深入挖掘，它真正所牽涉到的是事物本質(zhì)上的運(yùn)行規(guī)律?！?——喬布斯

即使是對(duì)許多設(shè)計(jì)師而言，UI和UX的概念也不一定分得特別清楚。有人認(rèn)為用戶體驗(yàn)設(shè)計(jì)就是花花草圖和界面線框圖。然而，實(shí)際上用戶體驗(yàn)設(shè)計(jì)涉及到產(chǎn)品的整個(gè)生命周期?；旧希琔I設(shè)計(jì)定義了產(chǎn)品的整體設(shè)計(jì)、外觀、給人的感受，也決定了產(chǎn)品給人的第一印象。而交互設(shè)計(jì)定義了交互模式、任務(wù)、流程，以及用戶使用場(chǎng)景。為用戶帶來(lái)愉悅感受的細(xì)節(jié)大多源自于用心體貼的用戶體驗(yàn)設(shè)計(jì)。

當(dāng)我們形容UX的時(shí)候，通常用“內(nèi)在美”來(lái)形容，而描述UI的時(shí)候，我們慣于用“質(zhì)感”來(lái)闡述它的特征。如果你的產(chǎn)品看起來(lái)有質(zhì)感，但是并不具備內(nèi)涵，它是難以持續(xù)地吸引用戶的。設(shè)計(jì)師需要對(duì)用戶體驗(yàn)設(shè)計(jì)的每一個(gè)步驟都予以同等的重視。

體驗(yàn)設(shè)計(jì)的一致性

成功的用戶體驗(yàn)的基石是一致性，而我在我之前的文章《用戶體驗(yàn)與一致性》中有過深入討論。

用戶的力量

幾乎每個(gè)設(shè)計(jì)師都犯過這樣一個(gè)錯(cuò)誤：他們認(rèn)為用戶會(huì)如同他們一樣看待自己的產(chǎn)品。這是一個(gè)巨大的錯(cuò)誤，因?yàn)槭聦?shí)并非如此!用戶不會(huì)經(jīng)常使用你的產(chǎn)品，他們會(huì)有自己想法，自己的方式和喜好。用戶需要的是對(duì)產(chǎn)品的掌控感，而不是感到自己被產(chǎn)品所左右，被控制和被限制都會(huì)令用戶感到不適。從用戶那里搜集到準(zhǔn)確而客觀的數(shù)據(jù)再說吧，做好設(shè)計(jì)就指望這個(gè)了。如若不然，自行腦補(bǔ)和主管臆想會(huì)有極大的可能性將你的產(chǎn)品帶到溝里。

信息架構(gòu)和導(dǎo)航

信息架構(gòu)和導(dǎo)航結(jié)構(gòu)應(yīng)該是可預(yù)測(cè)且實(shí)用的。信息架構(gòu)的搭建應(yīng)該是UX設(shè)計(jì)中最重要的一環(huán)，如果信息架構(gòu)的邏輯不嚴(yán)謹(jǐn)，所用媒介混亂不一，會(huì)讓用戶迷惑撓頭的。

嚴(yán)謹(jǐn)?shù)倪壿嫿Y(jié)構(gòu)才能讓用戶明白他們處在網(wǎng)站的什么位置，如何返回如何去另一個(gè)頁(yè)面。同時(shí)，你還需要理清你的產(chǎn)品的特性，按照“最重要——次重要”來(lái)劃分它們的權(quán)重，這樣的思考方式可以幫你搭建起明晰的信息層次。

舊的GitHub信息架構(gòu)

新的GitHub信息架構(gòu)

值得注意的是，Github新的導(dǎo)航結(jié)構(gòu)在層次上更優(yōu)，頁(yè)面上的各個(gè)元素都有著明確而清晰的設(shè)計(jì)目標(biāo)，這也使得用戶更易于使用。

意義明晰的錯(cuò)誤信息

報(bào)錯(cuò)信息也是直接關(guān)乎用戶愉悅感的重要組成部分。如果你的用戶并不是互聯(lián)網(wǎng)從業(yè)者或者重度用戶，他們中的絕大部分并不清楚 502 Gatway bulabula 之類的報(bào)錯(cuò)信息意味著什么。

合理地展現(xiàn)錯(cuò)誤信息能夠幫你的用戶緩解緊張情緒，分散他們的注意力，最好的案例就是JotForm的這個(gè)404頁(yè)面，它用富有品牌特征的一致化設(shè)計(jì)，以一種幽默的方式來(lái)承認(rèn)問題的存在。

這個(gè)案例同樣令人難忘：

Reddit

MailChimp

同用戶交好

用戶體驗(yàn)不僅關(guān)乎產(chǎn)品的用途，它還包含了同用戶交流溝通的部分。利用各種媒介同用戶進(jìn)行溝通交流是非常有必要的。我本人特別喜歡那種以“李大根你在不，跟你說個(gè)好消息唄”這樣開頭的郵件，雖然我知道這極有可能就是個(gè)系統(tǒng)自動(dòng)群發(fā)郵件，但是它依然會(huì)吸引我的注意力，它會(huì)令我覺得，雖然自己是一個(gè)普通用戶但是對(duì)他們而言非常重要。

而Medium 打動(dòng)用戶的方式也相當(dāng)貼心，他們只將那些正能量的文章推送給用戶。這種做法對(duì)Medium而言應(yīng)該挺能拉流量的。(國(guó)內(nèi)的好像更愿意發(fā)獵奇向的或者優(yōu)惠活動(dòng)啥的)

支持團(tuán)隊(duì)

再好的產(chǎn)品也不可能一個(gè)不落地為用戶可能碰到的每一個(gè)問題做好準(zhǔn)備。借助各種媒介，社交媒體、電子郵件、在線聊天平臺(tái)、網(wǎng)絡(luò)論壇等，支持團(tuán)隊(duì)能夠找到不錯(cuò)的解決方案。在JotForm，我們?yōu)橛脩魷?zhǔn)備了一個(gè)全天候的支持團(tuán)隊(duì)，為了能讓他們更好的提供服務(wù)，團(tuán)隊(duì)外的每個(gè)人都會(huì)參與到問題解決工作中來(lái)?？雌饋?lái)這有點(diǎn)“浪費(fèi)時(shí)間”，實(shí)際上這么做極大地提高了我們的工作效率，對(duì)產(chǎn)品研發(fā)過程而言也有裨益，最重要的是它切實(shí)地提升了產(chǎn)品的用戶體驗(yàn)。

不要把每個(gè)用戶體驗(yàn)“迷思”都體現(xiàn)在你的產(chǎn)品上

你要是認(rèn)真鉆研用戶體驗(yàn)設(shè)計(jì)的話，你會(huì)從互聯(lián)網(wǎng)上找到成千上萬(wàn)的用戶體驗(yàn)設(shè)計(jì)的案例、研究、數(shù)據(jù)分析文章，不要以為這些東西全都適合于你的產(chǎn)品。要知道，你比這些文章的作者要更了解你的客戶(至少你應(yīng)該如此)。別人的用戶測(cè)試結(jié)果可能會(huì)適合你的產(chǎn)品，但是也極有可能不合適于你的用戶。

迷思#1：你不該設(shè)計(jì)全新的體驗(yàn)

我的意思并不是創(chuàng)造一種形同來(lái)自外星的“新設(shè)計(jì)”，但是你也不應(yīng)該拘泥于現(xiàn)有，要敢于使用新的交互，比如2007年喬布斯發(fā)布iPhone時(shí)候，所提出的多點(diǎn)觸控屏幕手勢(shì)(這是源自一家叫做FingerWorks的公司，這家專注于多點(diǎn)觸控產(chǎn)品的公司創(chuàng)立于1998年，并于2005年被蘋果收購(gòu))。2007年之前，你說多點(diǎn)觸控，雙指縮放，絕大多數(shù)的人并不知道那是什么，但是現(xiàn)在全世界人人都清楚這個(gè)自然手勢(shì)的含義和功能。

迷思#2：如果它適用于某個(gè)品牌，那么它也適用于我

也許它能用，但是通常這樣的事情往往悲劇收?qǐng)?。?fù)制另外一個(gè)品牌本就是危險(xiǎn)的決定，錯(cuò)誤的戰(zhàn)略。看似能用，但是實(shí)際別人家的品牌和你的有著不同的背景，不一樣的情形，而不同的情形下，通常是需要根據(jù)實(shí)際情況進(jìn)行調(diào)整和設(shè)計(jì)的。

迷思#3：不要讓用戶滾動(dòng)頁(yè)面

Facebook、Twitter和Tumblr 是我最喜歡的網(wǎng)站，也是慣于打破常規(guī)挑戰(zhàn)“常識(shí)”的優(yōu)秀網(wǎng)站。它們的成功取決于它們所提供的持續(xù)不斷的內(nèi)容服務(wù)，它們所用的滾動(dòng)功能同樣適用于其他的網(wǎng)站，它們也慣于創(chuàng)造新的滾動(dòng)體驗(yàn)，視差效果就是其中之一。

當(dāng)然，這些示例只是要告訴你，這些用戶體驗(yàn)領(lǐng)域經(jīng)常被探討的問題都值得研究，靈活運(yùn)用才能創(chuàng)造優(yōu)秀的產(chǎn)品。

“做用戶體驗(yàn)就是關(guān)心別人?！?Corby Lebson，前UXPin/UXistanbul 總裁