快速上手用戶體驗設(shè)計

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

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

用戶體驗設(shè)計不是UI設(shè)計

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

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

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

體驗設(shè)計的一致性

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

用戶的力量

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

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

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

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

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

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

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

意義明晰的錯誤信息

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

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

這個案例同樣令人難忘：

Reddit

MailChimp

同用戶交好

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

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

支持團隊

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

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

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

迷思#1：你不該設(shè)計全新的體驗

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

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

也許它能用，但是通常這樣的事情往往悲劇收場。復(fù)制另外一個品牌本就是危險的決定，錯誤的戰(zhàn)略?？此颇苡茫菍嶋H別人家的品牌和你的有著不同的背景，不一樣的情形，而不同的情形下，通常是需要根據(jù)實際情況進(jìn)行調(diào)整和設(shè)計的。

迷思#3：不要讓用戶滾動頁面

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

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

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