火星網(wǎng)校
設(shè)計(jì)心理學(xué):提升用戶體驗(yàn)的5個(gè)實(shí)用方法
發(fā)布時(shí)間：2024-04-11 10:39:32 瀏覽量：245次
我們必須挖掘用戶期望的需求本質(zhì)，而不是我們按照他說的樣子來設(shè)計(jì)。另見“不要僅靠邏輯”，世界上有一半的人是不會理性思考的。
經(jīng)常有人誤以為創(chuàng)意就是設(shè)計(jì)的全部，然而，設(shè)計(jì)不僅僅來自創(chuàng)意。優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)師往往也是優(yōu)秀的心理學(xué)高手，他們知道用戶如何看待和評判一個(gè)設(shè)計(jì)的好壞。
加州大學(xué)設(shè)計(jì)實(shí)驗(yàn)室主任，唐·諾曼在他的書《設(shè)計(jì)心理學(xué)》中這樣描述：
我們必須挖掘用戶期望的需求本質(zhì)，而不是我們按照他說的樣子來設(shè)計(jì)。另見“不要僅靠邏輯”，世界上有一半的人是不會理性思考的。
設(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)反而會困擾用戶，因?yàn)槠胀ㄈ四X一次只可以處理非常有限的信息。
這與心理學(xué)中的「希克定律」相關(guān)：「當(dāng)面對更多選項(xiàng)時(shí)，人們也需要花更多的時(shí)間才能做出選擇」。無論是否意識到，人們的決定很大程度上取決于他們認(rèn)為這件事是否「值得」，包括衡量所花的成本和潛在的好處，這被稱為「成本效益分析」。
Image
credits:https://lawsofux.com/，中文為譯者注
那么如何將「?？硕伞箲?yīng)用于設(shè)計(jì)呢？
設(shè)計(jì)師應(yīng)該時(shí)刻牢記：用戶有特定的目的才會使用你的網(wǎng)站。不要提供太多選項(xiàng)，刪除任何不必要的高亮，鏈接、文本、圖片和按鈕，讓用戶能夠不受干擾地、快速找到他們需要的東西。一條經(jīng)驗(yàn)是將復(fù)雜的流程分解為簡單可控的步驟，通過清晰的引導(dǎo)讓用戶直達(dá)目標(biāo)，以盡早激發(fā)他們的興趣！
二、將最重要的信息放在最上面
Image
credits:https://lawsofux.com/，中文為譯者注
眼動追蹤熱力圖可以反映用戶注意力的分布和關(guān)注在特定點(diǎn)的時(shí)間。根據(jù)眼動追蹤研究，大多數(shù)用戶閱讀網(wǎng)頁的模式類似。
最常見的模式是閱讀跨度較短的“F”型。用戶首先水平掃視屏幕頂部，然后慢慢向下移動并閱讀跨度較短的水平區(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)目符號列表；
- 每個(gè)段落只講一件事；
- 倒金字塔原理：從結(jié)論開始；
- 傳統(tǒng)寫作字?jǐn)?shù)的一半或更少。
三、謹(jǐn)慎使用顏色
顏色是幫助人們識別和區(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è)組成部分由它們的相對尺寸來區(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)站最常用的方法。通常，用戶不會通讀整個(gè)頁面，而是瀏覽鏈接或使用導(dǎo)航來查找他們所需的信息。
設(shè)計(jì)師在日常網(wǎng)頁設(shè)計(jì)中，經(jīng)常有意無意地使用「相似定律」，它可以用來解釋為什么這么多設(shè)計(jì)師喜歡使用藍(lán)色下劃線或看起來一樣的鏈接。
美國船主協(xié)會（BoatUS）的官方網(wǎng)站使用下劃線和顏色來表現(xiàn)導(dǎo)航鏈接組之間的關(guān)系，讓讀者將視覺相似的導(dǎo)航鏈接感知為站點(diǎn)的數(shù)據(jù)結(jié)構(gòu)中相關(guān)或?qū)蛹壪嗤膬?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)容來簡化布局。正確使用這些元素將對用戶體驗(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)站困?。?/p>
如下圖，用戶希望查看可購買的筆記本電腦種類。如果你希望用戶能輕松找到，將相關(guān)物品歸到“Computers＆Office”的下面（如下圖右側(cè)），而不是提供混成一團(tuán)的選項(xiàng)（如下圖左側(cè)）。
（2）通過元素的視覺層級體現(xiàn)界面結(jié)構(gòu)：構(gòu)建如字體層級、顏色層級等視覺層級，可以幫助設(shè)計(jì)師甚至非設(shè)計(jì)師做出美觀且信息傳達(dá)有效的設(shè)計(jì)。
有一句老話也適用于設(shè)計(jì)：「如果一切都很突出，那么就什么也沒有突出」。設(shè)計(jì)時(shí)必須考慮用戶需求，而不是僅僅通過好看的設(shè)計(jì)來欺騙用戶。
本文中，我們介紹了5種心理學(xué)原理，來幫助你提升設(shè)計(jì)。其中，你覺得能最快應(yīng)用到設(shè)計(jì)中的是哪一條，最難的呢？也請大家結(jié)合自己平時(shí)接觸的項(xiàng)目案例思考一下這個(gè)問題吧。
原文：
https://uxdesign.cc/5-key-lessons-from-psychology-in-design-to-help-you-advance-ux-2cbb837b4581
作者：Michael Williams
譯者： Melody；公眾號：彩云譯設(shè)計(jì)
本文由 @Melody 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
熱門課程推薦
熱門資訊
-
1. 室內(nèi)設(shè)計(jì)師必備靈感網(wǎng)站推薦，快來獲取作品、模型、素材源吧！
小D整理了一些室內(nèi)設(shè)計(jì)師常用的網(wǎng)站，包括作品、模型、搜索、軟裝等，快來獲取靈感和素材吧！
-
2. 前沿AI工具，涵蓋全流程建筑設(shè)計(jì)和施工
Forma AI: 一款全流程建筑設(shè)計(jì)和施工工具，驅(qū)動規(guī)劃方案設(shè)計(jì)。原為挪威產(chǎn)品SpaceMaker，被改進(jìn)為涵蓋室內(nèi)和景觀設(shè)計(jì)的工具。非常推薦給建筑和室內(nèi)設(shè)計(jì)師使用，試試看Maket！
-
3. 室內(nèi)設(shè)計(jì)師必收藏的網(wǎng)站有哪些?
室內(nèi)設(shè)計(jì)師必收藏的網(wǎng)站有哪些?
-
4. 什么是現(xiàn)代簡約風(fēng)?它有什么特點(diǎn)?在空間布局上應(yīng)該怎么搭配?
現(xiàn)代簡約風(fēng)是一種注重功能性和實(shí)用性的室內(nèi)設(shè)計(jì)風(fēng)格,強(qiáng)調(diào)簡潔明了的線條和基本形狀,融合實(shí)用性和時(shí)尚感,營造出一個(gè)整潔、舒適的居住空間。它常常采用...
-
5. 比利時(shí)Axel Vervoordt:侘寂美學(xué)10空間
是比利時(shí)室內(nèi)設(shè)計(jì)師、古董和藝術(shù)品經(jīng)銷商,也是AD100名人堂成員。Axel Vervoordt認(rèn)為家是一個(gè)人與親友共享私密時(shí)光的空間,應(yīng)該能給人以療愈和滋養(yǎng)。最...
-
6. 不可錯(cuò)過的室內(nèi)設(shè)計(jì)、軟裝設(shè)計(jì)網(wǎng)站大盤點(diǎn)
在這里，小編為大家整理了一系列關(guān)于室內(nèi)設(shè)計(jì)、軟裝設(shè)計(jì)的網(wǎng)站推薦。從設(shè)計(jì)師作品庫到國內(nèi)一線設(shè)計(jì)公司官網(wǎng)，從效果圖相關(guān)網(wǎng)站到資源下載站，再到國外優(yōu)秀網(wǎng)站和臺灣設(shè)計(jì)網(wǎng)站，以及值得推薦的設(shè)計(jì)APP，絕對讓你眼花繚亂，收獲滿滿靈感。
-
7. 6款易上手的裝修軟件推薦，小白也能快速設(shè)計(jì)
想要快速上手裝修軟件，但CAD、3D max太專業(yè)？不用擔(dān)心！這里推薦6款操作簡單的裝修軟件，讓小白也能快速設(shè)計(jì)家居。
-
8. 12款必備的環(huán)境藝術(shù)設(shè)計(jì)軟件，了解多少？
以下是12款必備的環(huán)境藝術(shù)設(shè)計(jì)軟件，助你完成各種設(shè)計(jì)任務(wù)。 1. AutoCAD：用于建筑室內(nèi)設(shè)計(jì)等領(lǐng)域的二維和三維模型創(chuàng)建。 2. SketchUp：直觀易用的三維建模軟件，幫助設(shè)計(jì)出精美的室內(nèi)外環(huán)境。 3. Revit：專業(yè)級建筑信息模型軟件，可協(xié)助設(shè)計(jì)全方位的環(huán)境布局。 4. Rhino：強(qiáng)大的幾何造型工具，用于設(shè)計(jì)復(fù)雜的建筑結(jié)構(gòu)和景觀元素。 5. Lumion：實(shí)時(shí)渲染引擎，可將設(shè)計(jì)作品以生動的方式展示給客戶。 6. Photoshop：廣泛應(yīng)用的圖像處理軟件，能夠增強(qiáng)和編輯設(shè)計(jì)方案。 7. 3ds Max：出色的三維建模和渲染軟件，可創(chuàng)造逼真的環(huán)境效果。 8. Sketch: 優(yōu)秀的矢量繪圖工具，支持設(shè)計(jì)師實(shí)時(shí)協(xié)作和共享創(chuàng)意。 9. Illustrator：專業(yè)級矢量圖形軟件，用于創(chuàng)作精美的插圖和圖標(biāo)。 10. InDesign：行業(yè)標(biāo)準(zhǔn)的頁面設(shè)計(jì)和排版軟件，適用于創(chuàng)作室內(nèi)設(shè)計(jì)方案。 11. ArchiCAD：面向建筑師的BIM軟件，可實(shí)現(xiàn)設(shè)計(jì)數(shù)據(jù)的協(xié)作和管理。 12. V-Ray：強(qiáng)大的渲染引擎插件，可為設(shè)計(jì)師呈現(xiàn)出逼真的光影效果。
-
9. 中國十大軟裝設(shè)計(jì)公司排名 軟裝設(shè)計(jì)公司哪家好
中國十大軟裝設(shè)計(jì)公司排名 軟裝設(shè)計(jì)公司哪家好
-
10. 眾說紛紜下怎么理解深化設(shè)計(jì)?深化工作方式及流程標(biāo)準(zhǔn)
通過介紹深化設(shè)計(jì)的背景、深化設(shè)計(jì)的工作流程、圖紙深化的內(nèi)容和作用。深化設(shè)計(jì)是未來施工中的重要一個(gè)環(huán)節(jié),也是工程質(zhì)量能否保證的一個(gè)重要因素,希...
最新文章
