設(shè)計(jì)心理學(xué):提升用戶體驗(yàn)的5個(gè)實(shí)用方法
我們必須挖掘用戶期望的需求本質(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í)間還長,設(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ù)雜的流程分解為簡單可控的步驟,通過清晰的引導(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)容。
五、聚集、合并、拆分以簡化視覺
大多數(shù)與我們合作的客戶都說,「我們想要能給用戶留下深刻印象的、簡潔直觀的應(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)容來簡化布局。正確使用這些元素將對(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é)議
很贊