10個(gè)角度闡述：心理(lǐ)學家眼中的(de)用(yòng)戶體驗設計

如果把用(yòng)戶體驗設計比作一頭大(dà)象，心理(lǐ)學知識就是這(zhè)頭大(dà)象的(de)一部分(fēn)。心理(lǐ)學家對(duì)大(dà)腦(nǎo)、視覺系統、記憶和(hé)動機進行研究，并據此推斷用(yòng)戶體驗設計原則。

這(zhè)篇文章(zhāng)反映了(le)心理(lǐ)學家對(duì)大(dà)象的(de)看法。

一、人(rén)們在使用(yòng)一款産品時(shí)，不想有太多(duō)的(de)思考和(hé)操作人(rén)們希望通(tōng)過盡可(kě)能少的(de)操作來(lái)完成一項任務。最好向人(rén)們展示一些信息，讓他(tā)們選擇是否需要更多(duō)的(de)細節。用(yòng)戶界面不要一下(xià)子呈現所有的(de)信息，而是要符合漸進式披露（progressive disclosure）原則。不要隻描述事情，而是要舉例子。請注意你正在設計的(de)屏幕、頁面或産品上的(de)對(duì)象的(de)視覺效果，如果某個(gè)東西是可(kě)點擊的(de)，你要确保它看起來(lái)是可(kě)點擊的(de)。隻提供人(rén)們真正需要的(de)功能，不要想當然地認爲用(yòng)戶需要什(shén)麽，而是要做(zuò)用(yòng)戶調研，了(le)解用(yòng)戶的(de)情況，給用(yòng)戶更多(duō)額外的(de)功能隻會讓他(tā)們感到很不方便。提供默認設置，在默認情況下(xià)，人(rén)們所需的(de)操作更少。

二、人(rén)有局限性當屏幕上呈現非常多(duō)的(de)信息，或者用(yòng)戶需要閱讀非常多(duō)的(de)文字時(shí)，用(yòng)戶就會失去興趣。隻提供用(yòng)戶當前需要的(de)信息。使信息易于浏覽。使用(yòng)小标題和(hé)簡短的(de)文字。人(rén)們不能同時(shí)進行多(duō)項任務，這(zhè)方面的(de)研究結果顯而易見，所以你别指望用(yòng)戶有耐心這(zhè)樣做(zuò)。人(rén)們更偏好短文，但是長(cháng)一點的(de)文章(zhāng)會讓人(rén)們讀得(de)更專注！這(zhè)是一個(gè)難題，所以你要決定文字保持多(duō)少的(de)長(cháng)度更合适，但是你要知道，人(rén)們會問一些對(duì)他(tā)們來(lái)說不是最好的(de)事情。

三、人(rén)會犯錯假設人(rén)們會犯錯，然後預測他(tā)們将會犯什(shén)麽錯，并設法阻止他(tā)們。如果一個(gè)錯誤會導緻嚴重的(de)結果，那麽你在将産品交給用(yòng)戶使用(yòng)之前就要确保這(zhè)個(gè)錯誤不會出現。使 “撤消”操作變得(de)容易。防止錯誤發生總是比幫助人(rén)們在犯錯後進行糾正要好得(de)多(duō)，最好的(de)錯誤消息是根本沒有這(zhè)方面的(de)消息。如果一個(gè)任務很容易出錯，那就把它分(fēn)解成更小的(de)步驟。如果用(yòng)戶犯了(le)錯誤，而且你可(kě)以糾正這(zhè)個(gè)錯誤，那麽請及時(shí)糾錯，并告訴用(yòng)戶你所做(zuò)的(de)努力。用(yòng)戶體驗設計師也(yě)會犯錯，所以你要确保有時(shí)間和(hé)精力進行叠代、用(yòng)戶反饋和(hé)測試。

四、人(rén)的(de)記憶是複雜(zá)的(de)人(rén)們重建記憶，這(zhè)意味著(zhe)記憶是不牢靠的(de)。你可(kě)以在某種程度上相信用(yòng)戶所說的(de)話(huà)，但是，與其相信用(yòng)戶的(de)話(huà)，不如觀察他(tā)們的(de)行爲。記憶是脆弱的(de)，記憶會很快(kuài)變得(de)模糊，并且出現很多(duō)錯誤。不要讓用(yòng)戶記住從一個(gè)任務到另一個(gè)任務，或從一個(gè)頁面到另一個(gè)頁面的(de)操作過程。人(rén)們一次隻能記住3- 4 個(gè)組塊，關于記憶的(de)研究表明(míng)，人(rén)們一次能記住7± 2 個(gè)組塊，但是這(zhè)個(gè)規則是實驗室中的(de)研究結果。實際上，人(rén)們一次隻能記住3- 4 個(gè)組塊。

五、人(rén)是社會性動物(wù)人(rén)們總是試圖讓技術型産品具有社交屬性，這(zhè)是千百年來(lái)的(de)事實。人(rén)們期望别人(rén)指導他(tā)們應該做(zuò)什(shén)麽，尤其是當他(tā)們不确定的(de)時(shí)候，這(zhè)被稱爲“社會驗證”（social validation），這(zhè)就是爲什(shén)麽評分(fēn)和(hé)評論功能在網站上如此流行的(de)原因。如果人(rén)們一起做(zuò)某件事（同步行爲），他(tā)們就會形成緊密的(de)聯系——大(dà)腦(nǎo)中确實有相應的(de)化(huà)學反應，一起笑(xiào)同樣可(kě)以将人(rén)們緊密聯系起來(lái)。如果你能幫我一個(gè)忙，我将感激和(hé)報答(dá)你（互惠）。研究表明(míng)：如果你想讓人(rén)們填寫一張表格，那就給他(tā)們一些他(tā)們想要的(de)東西，然後再讓他(tā)們填寫表格。當你觀看某人(rén)做(zuò)某事，你的(de)大(dà)腦(nǎo)中與這(zhè)件事有關的(de)腦(nǎo)區(qū)（鏡像神經元）會被激活。我們生來(lái)就具備模仿的(de)能力，如果你想讓人(rén)們做(zuò)一些事情，那就向他(tā)們展示怎麽做(zuò)。你一生中最多(duō)隻能與 150 人(rén)建立密切的(de)關系，人(rén)際關系可(kě)以分(fēn)爲強關系和(hé)弱關系，強關系通(tōng)常是與你距離較近的(de)、頻(pín)繁來(lái)往的(de)人(rén)際關系。而弱關系雖然看似不牢固，但是其數量甚多(duō)，對(duì)你的(de)生活有著(zhe)非常大(dà)的(de)影(yǐng)響力。例如：你認識的(de)網友可(kě)能給你提供你身邊的(de)人(rén)無法提供的(de)信息。

六、注意力是稀缺資源一些設計師認爲，抓住用(yòng)戶的(de)注意力是UI設計的(de)關鍵點。但是，在抓住注意力之後維持用(yòng)戶的(de)注意力更加重要。如果用(yòng)戶僅僅在你的(de)産品上停留一兩秒就被别的(de)東西分(fēn)散注意了(le)，那麽這(zhè)有何意義？人(rén)們習(xí)慣于關注任何與衆不同或新奇的(de)事物(wù)，如果你做(zuò)出不同的(de)産品，它就會脫穎而出。話(huà)雖如此，人(rén)們實際上可(kě)以忽略他(tā)們視野中的(de)變化(huà)，這(zhè)叫作“改變盲”（change blindness）。網上有一些很幽默的(de)視頻(pín)，研究者在街(jiē)上向某個(gè)路人(rén)問路，趁路人(rén)不注意時(shí)，研究者被另一個(gè)人(rén)替代，但是路人(rén)沒有注意到研究者已經變了(le)一個(gè)人(rén)！你可(kě)以用(yòng)生動的(de)視聽(tīng)信息來(lái)吸引注意力，明(míng)亮的(de)顔色、震撼的(de)字體、嘟嘟聲都會吸引注意力。人(rén)們很容易走神，如果你不想讓用(yòng)戶分(fēn)心，那就不要在頁面上設置閃光(guāng)的(de)東西或開始播放視頻(pín)。然而，如果你真的(de)想用(yòng)這(zhè)些東西吸引用(yòng)戶的(de)注意力，那就這(zhè)樣去做(zuò)。

七、人(rén)們渴望信息多(duō)巴胺是大(dà)腦(nǎo)中的(de)一種化(huà)學物(wù)質，能促使人(rén)們尋找食物(wù)、性愛(ài)和(hé)信息。多(duō)巴胺能神經元影(yǐng)響著(zhe)學習(xí)——我們忍不住想要獲得(de)更多(duō)的(de)信息。人(rén)們通(tōng)常會想要獲得(de)比他(tā)們實際能處理(lǐ)的(de)更多(duō)的(de)信息，有了(le)更多(duō)的(de)信息，人(rén)們就會覺得(de)自己有更多(duō)的(de)選擇；有了(le)更多(duō)的(de)選擇，人(rén)們會覺得(de)自己能掌控一切；掌控一切的(de)感覺，讓人(rén)們覺得(de)自己能活得(de)更好。人(rén)們需要反饋，需要知道發生了(le)什(shén)麽。例如：當一款APP正在加載文件時(shí)，它應該告訴用(yòng)戶它正在加載文件。

八、大(dà)多(duō)數心理(lǐ)過程都是無意識的(de)如果你能讓人(rén)們承諾完成一個(gè)小任務（注冊一個(gè)免費會員(yuán)），那麽他(tā)們更有可(kě)能會承諾完成一個(gè)更大(dà)的(de)任務（例如：升級到一個(gè)高(gāo)級帳戶）。舊(jiù)腦(nǎo)參與我們的(de)大(dà)部分(fēn)決策，舊(jiù)腦(nǎo)關心生存和(hé)繁殖：食物(wù)、性愛(ài)和(hé)危險，這(zhè)就是爲什(shén)麽這(zhè)三類信息很容易吸引我們的(de)注意力。情感腦(nǎo)容易受到圖片的(de)影(yǐng)響，尤其是人(rén)物(wù)的(de)圖片，以及故事的(de)影(yǐng)響，情感腦(nǎo)對(duì)我們的(de)決定有巨大(dà)的(de)影(yǐng)響。人(rén)們的(de)行爲在很大(dà)程度上，受到他(tā)們自己都沒有意識到的(de)因素的(de)影(yǐng)響，“退休”、“佛羅裏達州”和(hé)“疲倦”這(zhè)幾個(gè)詞，甚至會讓年輕人(rén)像老年人(rén)一樣在走廊上走得(de)更慢(màn)（這(zhè)也(yě)被稱爲“認知框架效應”）。舊(jiù)腦(nǎo)和(hé)情感腦(nǎo)都在無意識的(de)情況下(xià)運作，我們總是會認爲我們的(de)決策是理(lǐ)性的(de)、有意識的(de)，但這(zhè)并不是我們采取行動的(de)全部真相，而且通(tōng)常我們的(de)決策并不是理(lǐ)性的(de)。

九、人(rén)們創造心理(lǐ)模型人(rén)們總是對(duì)某件事或某個(gè)任務建立一個(gè)心理(lǐ)模型（比如：支付賬單、讀書(shū)、使用(yòng)遙控器）。人(rén)們對(duì)一項特定任務構建的(de)心理(lǐ)模型可(kě)能會使你設計的(de)用(yòng)戶界面變得(de)更容易，或者更難以使用(yòng)。爲了(le)創造積極的(de)用(yòng)戶體驗，你可(kě)以将産品或網站的(de)概念模型與用(yòng)戶的(de)心理(lǐ)模型相匹配，或者你可(kě)以設法“教授”用(yòng)戶形成不同的(de)心理(lǐ)模型。比喻可(kě)以幫助用(yòng)戶理(lǐ)解概念模型，例如：使用(yòng)這(zhè)款産品“就像讀一本書(shū)”。進行用(yòng)戶研究最重要的(de)原因是獲取關于用(yòng)戶心理(lǐ)模型的(de)信息。

十、優化(huà)視覺系統如果頁面混亂，人(rén)們就找不到所需的(de)信息，你可(kě)以用(yòng)分(fēn)門别類的(de)方式，幫助用(yòng)戶将視線集中于他(tā)們所需的(de)信息上。緊密相關的(de)信息應該放在一起。字體應足夠大(dà)，使用(yòng)不太炫目的(de)字體，便于閱讀。研究表明(míng)，人(rén)們使用(yòng)周邊視覺（peripheral vision）來(lái)獲取他(tā)們所看到的(de)“要點”。眼球追蹤的(de)研究很有趣，但是某人(rén)直視某物(wù)并不必然意味著(zhe)他(tā)在關注它。最難搭配的(de)顔色是紅色和(hé)藍色，盡量避免在藍色背景上使用(yòng)紅色文字，反之亦然。當屏幕上的(de)物(wù)體稍微傾斜，并且視角略高(gāo)于水(shuǐ)平線（規範視角）時(shí)，人(rén)們可(kě)以最好地識别它們。顔色可(kě)以用(yòng)來(lái)表示事物(wù)是否一緻，你可(kě)以用(yòng)相同的(de)顔色标記類似的(de)信息。此外，因爲有些人(rén)是色盲，你一定要用(yòng)另一種方式來(lái)顯示同樣的(de)信息。