我們必須挖掘用戶期望的需求本質(zhì)，而不是我們按照他說的樣子來設(shè)計(jì)。另見“不要僅靠邏輯”，世界上有一半的人是不會(huì)理性思考的。

經(jīng)常有人誤以為創(chuàng)意就是設(shè)計(jì)的全部，然而，設(shè)計(jì)不僅僅來自創(chuàng)意。優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)師往往也是優(yōu)秀的心理學(xué)高手，他們知道用戶如何看待和評(píng)判一個(gè)設(shè)計(jì)的好壞。

加州大學(xué)設(shè)計(jì)實(shí)驗(yàn)室主任，唐·諾曼在他的書《設(shè)計(jì)心理學(xué)》中這樣描述：

我們必須挖掘用戶期望的需求本質(zhì)，而不是我們按照他說的樣子來設(shè)計(jì)。另見“不要僅靠邏輯”，世界上有一半的人是不會(huì)理性思考的。

設(shè)計(jì)師要想幫助用戶解決問題或提高效率，理解他們的痛點(diǎn)至關(guān)重要，這個(gè)過程包括了解用戶行為和與他們產(chǎn)生共情。

為了幫助你更好地理解用戶，本文介紹了從「設(shè)計(jì)心理學(xué)」原則中提煉的五個(gè)有助于提升用戶體驗(yàn)的技巧。

一、關(guān)注設(shè)計(jì)中的「少即是多，多即是少」

想象去一家餐館，讀完菜單上100多個(gè)菜品的時(shí)間比從精選的20個(gè)菜品中作出選擇的時(shí)間還長(zhǎng)，設(shè)計(jì)也經(jīng)常這樣。

大多數(shù)用戶體驗(yàn)設(shè)計(jì)師喜歡為用戶提供選擇。毫無疑問，人們喜歡有選擇權(quán)，但太多選項(xiàng)反而會(huì)困擾用戶，因?yàn)槠胀ㄈ四X一次只可以處理非常有限的信息。

這與心理學(xué)中的「?？硕伞瓜嚓P(guān)：「當(dāng)面對(duì)更多選項(xiàng)時(shí)，人們也需要花更多的時(shí)間才能做出選擇」。無論是否意識(shí)到，人們的決定很大程度上取決于他們認(rèn)為這件事是否「值得」，包括衡量所花的成本和潛在的好處，這被稱為「成本效益分析」。

Image
credits:https://lawsofux.com/，中文為譯者注

那么如何將「希克定律」應(yīng)用于設(shè)計(jì)呢？

設(shè)計(jì)師應(yīng)該時(shí)刻牢記：用戶有特定的目的才會(huì)使用你的網(wǎng)站。不要提供太多選項(xiàng)，刪除任何不必要的高亮，鏈接、文本、圖片和按鈕，讓用戶能夠不受干擾地、快速找到他們需要的東西。一條經(jīng)驗(yàn)是將復(fù)雜的流程分解為簡(jiǎn)單可控的步驟，通過清晰的引導(dǎo)讓用戶直達(dá)目標(biāo)，以盡早激發(fā)他們的興趣！

二、將最重要的信息放在最上面

Image
credits:https://lawsofux.com/，中文為譯者注

眼動(dòng)追蹤熱力圖可以反映用戶注意力的分布和關(guān)注在特定點(diǎn)的時(shí)間。根據(jù)眼動(dòng)追蹤研究，大多數(shù)用戶閱讀網(wǎng)頁的模式類似。

最常見的模式是閱讀跨度較短的“F”型。用戶首先水平掃視屏幕頂部，然后慢慢向下移動(dòng)并閱讀跨度較短的水平區(qū)域。

根據(jù)Nielsen Norman Group的一項(xiàng)基于45,237瀏覽量的網(wǎng)頁研究，人們往往只閱讀頁面上20％的文本。更糟糕的是，在內(nèi)容更多的網(wǎng)站上，網(wǎng)頁文本每增加100個(gè)詞，人們的閱讀時(shí)間只增加4秒鐘。

那么，設(shè)計(jì)師如何在用戶體驗(yàn)策略中利用這一點(diǎn)？將關(guān)鍵信息放在最多人關(guān)注的位置，并嘗試用更短且醒目的標(biāo)題來吸引用戶注意力。

在這個(gè)人們不逐字逐句閱讀的世界中，尼爾森諾曼為易瀏覽文本設(shè)立了以下原則：

• 突出顯示關(guān)鍵詞；
• 有意義的小標(biāo)題；
• 項(xiàng)目符號(hào)列表；
• 每個(gè)段落只講一件事；
• 倒金字塔原理：從結(jié)論開始；
• 傳統(tǒng)寫作字?jǐn)?shù)的一半或更少。

三、謹(jǐn)慎使用顏色

顏色是幫助人們識(shí)別和區(qū)分同類物體的工具。從心理學(xué)層面來說，色彩能使人產(chǎn)生情緒。顏色本質(zhì)上是主觀而不是客觀的，人們使用大腦的視覺系統(tǒng)來感知或創(chuàng)造顏色。

使用顏色吸引用戶注意是設(shè)計(jì)師常用的方法，顏色為設(shè)計(jì)師提供了一種與品牌聯(lián)系的途徑，大多數(shù)用戶的購買時(shí)間和決定受到顏色的影響。

那么，色彩心理學(xué)如何幫助設(shè)計(jì)師創(chuàng)造更好的用戶體驗(yàn)?zāi)兀?/p>

Azure的設(shè)計(jì)經(jīng)理Joe Hallock認(rèn)為，不同性別在顏色偏好上存在明顯差異：男性通常喜歡更大膽的顏色，而女性更喜歡更柔和的顏色。

如下圖所示的數(shù)據(jù)清楚地表明了為什么藍(lán)色是設(shè)計(jì)師最喜歡的顏色，以及為什么橙色使用最少。不過，顏色的選擇不應(yīng)該僅僅根據(jù)個(gè)人喜好，還應(yīng)該考慮用戶行為和偏好。

Image
credits:https://lawsofux.com/，中文為譯者注

四、清晰傳達(dá)相關(guān)性

在設(shè)計(jì)時(shí)，利用元素的視覺變化來表現(xiàn)組織和關(guān)聯(lián)更容易：如使用形狀、顏色和尺寸等基本元素來表現(xiàn)相關(guān)（或相似性）或不相關(guān)（差異）。

如下圖所示，沙龍（舊）網(wǎng)站的兩個(gè)組成部分由它們的相對(duì)尺寸來區(qū)分，用戶可以清楚地感知到兩個(gè)獨(dú)立的區(qū)域：左側(cè)的「頭條故事」和右側(cè)的「最多閱讀」。雖然這兩個(gè)部分的功能：展示文章，都是一樣的。但是，通過放大「頭條故事」的版面，并以不同顏色顯示作者名稱，讓用戶首先注意到這個(gè)部分。

這與「相似定律」有關(guān)：即便元素是分開的，人眼傾向于將設(shè)計(jì)上相似的部分看作一個(gè)整體。

Image
credits:https://lawsofux.com/，中文為譯者注

如果上面的例子還沒有說服你，讓我們看看如何在設(shè)計(jì)中使用「相似定律」來傳達(dá)關(guān)系。

鏈接和導(dǎo)航是方便用戶快速瀏覽網(wǎng)站最常用的方法。通常，用戶不會(huì)通讀整個(gè)頁面，而是瀏覽鏈接或使用導(dǎo)航來查找他們所需的信息。

設(shè)計(jì)師在日常網(wǎng)頁設(shè)計(jì)中，經(jīng)常有意無意地使用「相似定律」，它可以用來解釋為什么這么多設(shè)計(jì)師喜歡使用藍(lán)色下劃線或看起來一樣的鏈接。

美國船主協(xié)會(huì)（BoatUS）的官方網(wǎng)站使用下劃線和顏色來表現(xiàn)導(dǎo)航鏈接組之間的關(guān)系，讓讀者將視覺相似的導(dǎo)航鏈接感知為站點(diǎn)的數(shù)據(jù)結(jié)構(gòu)中相關(guān)或?qū)蛹?jí)相同的內(nèi)容。

五、聚集、合并、拆分以簡(jiǎn)化視覺

大多數(shù)與我們合作的客戶都說，「我們想要能給用戶留下深刻印象的、簡(jiǎn)潔直觀的應(yīng)用設(shè)計(jì)」。

用戶不喜歡混亂復(fù)雜的設(shè)計(jì)，Hubspot組織的一項(xiàng)調(diào)查顯示，「訪客注重是否能輕松找到所需信息超過漂亮的設(shè)計(jì)或美妙的體驗(yàn)」。

Image credit: www.hubspot.com，中文為譯者注

設(shè)計(jì)師應(yīng)該組織合并類似的元素、信息或內(nèi)容來簡(jiǎn)化布局。正確使用這些元素將對(duì)用戶體驗(yàn)產(chǎn)生積極影響。

這涉及「鄰近法則」：相關(guān)的元素應(yīng)保持接近，而不相關(guān)的元素應(yīng)遠(yuǎn)離或分開。

Image
credits:https://lawsofux.com/，中文為譯者注

設(shè)計(jì)師有兩種利用「鄰近法則」增強(qiáng)可用性的方式：

（1）幫助用戶找到他們正在尋找的東西：你是否曾被分類雜亂的網(wǎng)站困??？

如下圖，用戶希望查看可購買的筆記本電腦種類。如果你希望用戶能輕松找到，將相關(guān)物品歸到“Computers＆Office”的下面（如下圖右側(cè)），而不是提供混成一團(tuán)的選項(xiàng)（如下圖左側(cè)）。

（2）通過元素的視覺層級(jí)體現(xiàn)界面結(jié)構(gòu)：構(gòu)建如字體層級(jí)、顏色層級(jí)等視覺層級(jí)，可以幫助設(shè)計(jì)師甚至非設(shè)計(jì)師做出美觀且信息傳達(dá)有效的設(shè)計(jì)。

有一句老話也適用于設(shè)計(jì)：「如果一切都很突出，那么就什么也沒有突出」。設(shè)計(jì)時(shí)必須考慮用戶需求，而不是僅僅通過好看的設(shè)計(jì)來欺騙用戶。

本文中，我們介紹了5種心理學(xué)原理，來幫助你提升設(shè)計(jì)。其中，你覺得能最快應(yīng)用到設(shè)計(jì)中的是哪一條，最難的呢？也請(qǐng)大家結(jié)合自己平時(shí)接觸的項(xiàng)目案例思考一下這個(gè)問題吧。

原文：
https://uxdesign.cc/5-key-lessons-from-psychology-in-design-to-help-you-advance-ux-2cbb837b4581

作者：Michael Williams

譯者： Melody；公眾號(hào)：彩云譯設(shè)計(jì)

本文由 @Melody 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議