你有沒有想過為什么你在安裝它時(shí)本能地愛一個(gè)特定的應(yīng)用程序？你有沒有注意到為什么你發(fā)現(xiàn)瀏覽某些網(wǎng)站更容易，而其他網(wǎng)站卻是一場(chǎng)災(zāi)難？你覺得在一個(gè)網(wǎng)站上的結(jié)賬過程是輕而易舉的，而其他大多數(shù)都是痛苦的？

我們給出的原因之一是應(yīng)用程序設(shè)計(jì)得很好（或沒有）。當(dāng)設(shè)計(jì)具有戰(zhàn)略性并通過精心研究的思維過程精心設(shè)計(jì)時(shí)，他們會(huì)讓用戶滿意并幫助他們實(shí)現(xiàn)目標(biāo)。另一方面，糟糕的設(shè)計(jì)不僅會(huì)產(chǎn)生誤導(dǎo)，而且會(huì)讓用戶感到困惑。那么，什么是可以幫助設(shè)計(jì)師避免這些錯(cuò)誤并幫助用戶實(shí)現(xiàn)目標(biāo)的解決方案呢？

這個(gè)問題的答案在于人類心理學(xué)。

但是等等，人類心理學(xué)與設(shè)計(jì)有什么關(guān)系？

設(shè)計(jì)就是要了解人們，理解他們對(duì)世界的看法，以解決他們的問題。理解人類心理學(xué)使我們更近一步，幫助我們理解人類的思想及其復(fù)雜的行為。它幫助我們了解人們?yōu)楹我阅撤N方式作出反應(yīng)，他們的行為意味著什么，情緒如何運(yùn)作，他們的動(dòng)機(jī)和期望是什么。因此，人類行為心理學(xué)原理的基本知識(shí)可以幫助設(shè)計(jì)師創(chuàng)造更好的設(shè)計(jì)和更有意義的互動(dòng)。

“設(shè)計(jì)實(shí)際上是一種溝通行為，這意味著要深入了解與設(shè)計(jì)師溝通的人?！?/span>

————《日常用品設(shè)計(jì)》唐納德·諾曼

我知道你在想什么 - 設(shè)計(jì)師應(yīng)該學(xué)會(huì)編碼，設(shè)計(jì)師應(yīng)該學(xué)習(xí)人類心理學(xué)，設(shè)計(jì)師應(yīng)該學(xué)會(huì)在他們的設(shè)計(jì)中寫出清晰的文字！有什么東西我們應(yīng)該保持雙手嗎？

冷靜下來(lái)，綠巨人！

你不需要是博士學(xué)位。在人類心理學(xué)。您所需要的只是理解和了解一些基本原則，以便在做出設(shè)計(jì)決策時(shí)更好地了解情況。

如果您確信，請(qǐng)讓我們直接了解每個(gè)用戶體驗(yàn)設(shè)計(jì)師應(yīng)該知道的一些心理學(xué)原則

了解人們?nèi)绾瓮瓿扇蝿?wù)

大多數(shù)人訪問網(wǎng)站并使用移動(dòng)應(yīng)用程序是出于某種原因 - 他們想要完成任務(wù)。任務(wù)可以是購(gòu)買，閱讀新聞或?yàn)g覽推文以及在他們的Feed上發(fā)布圖片。

因此，無(wú)論您的應(yīng)用程序做什么，您需要弄清楚的第一件事是用戶目標(biāo)是什么。事實(shí)上，找出有/無(wú)目標(biāo)進(jìn)入您網(wǎng)站的用戶百分比。

為什么這是一項(xiàng)如此重要的研究？

這很重要，因?yàn)樾睦韺W(xué)家已經(jīng)發(fā)現(xiàn)在我們的大腦 - 任務(wù) - 積極網(wǎng)絡(luò)和任務(wù) - 負(fù)面網(wǎng)絡(luò)中存在兩種活動(dòng)模式。

在外行中，當(dāng)您的整個(gè)重點(diǎn)是完成任務(wù)時(shí)，任務(wù)積極的網(wǎng)絡(luò)是一種心態(tài)。例如 - 當(dāng)您進(jìn)行購(gòu)買，或者您正在閱讀時(shí)，或者當(dāng)您開車時(shí)。就像在我們的大腦中“留在任務(wù)中”“不要讓你的注意力 - 搖擺”這種模式。

另一方面，任務(wù)負(fù)面網(wǎng)絡(luò)是你的思想徘徊。例如 - 當(dāng)你在隊(duì)列中等待轉(zhuǎn)彎時(shí)，或當(dāng)你因?yàn)椴幻叨⒅旎ò鍟r(shí)。你的大腦仍然在想著什么，仍然在行動(dòng)，但那時(shí)候思想有自由流動(dòng)。你并沒有真正融入其中。

心理學(xué)家發(fā)現(xiàn)，當(dāng)用戶心中有一個(gè)特定的目標(biāo)（任務(wù)積極）時(shí)，與沒有目標(biāo)的用戶（任務(wù)負(fù)面）相比，他們采用了完全不同的導(dǎo)航路線。任務(wù)積極的用戶希望以最少的步驟完成他們的目標(biāo)并快速離開。他們不希望看到不必要的干擾。另一方面，情況與任務(wù)負(fù)面用戶相反。他們歡迎入侵。他們很樂意為您提供的任何信息量。

因此，設(shè)計(jì)師可以使用這兩種大腦狀態(tài)的知識(shí)來(lái)做出關(guān)于UI小部件放置的更明智的決策，例如搜索，鏈接，按鈕，CTA。

例如，MailChimp的網(wǎng)站在頁(yè)面的右上角有一個(gè)搜索框。訪問該網(wǎng)站的用戶通常會(huì)考慮特定目標(biāo) - 創(chuàng)建新帳戶，在儀表板中查看其廣告系列，查看產(chǎn)品定價(jià)或?yàn)g覽網(wǎng)站上的資源。

因此，這里的設(shè)計(jì)有助于用戶大腦的任務(wù)積極的網(wǎng)絡(luò)方面保持專注于他們的目標(biāo)。

研究用戶在網(wǎng)絡(luò)上的注意力模式

鑒于現(xiàn)在人們涌入了各種各樣的信息，了解他們?nèi)绾畏峙渌麄兊淖⒁饬κ呛苤匾?？這也是在他們使用產(chǎn)品的有限時(shí)間內(nèi)。

其中一位著名的心理學(xué)家Yarbus與一群人進(jìn)行了一次精彩的實(shí)驗(yàn)。他進(jìn)行了一項(xiàng)眼動(dòng)追蹤研究，邀請(qǐng)人們觀看伊利亞·列賓的“意外訪客”繪畫的復(fù)制品。

他要求那些人以不同的方式看同一幅畫，比如 - 猜測(cè)畫中人物的年齡（圖2），猜測(cè)家庭的物質(zhì)環(huán)境（圖3）。當(dāng)他們看著照片時(shí)，他畫出了人們的目光。以下是圖片 -

左 - 原始圖片; 中 - 當(dāng)被要求猜測(cè)年齡; 右 - 當(dāng)被要求猜出家庭的實(shí)際情況時(shí)

眼睛凝視的情節(jié)告訴我們，用戶會(huì)看到能夠快速幫助他們實(shí)現(xiàn)目標(biāo)的事物。當(dāng)他們被要求猜測(cè)年齡時(shí)，他們看著臉部和其他身體屬性。然而，當(dāng)他們被要求猜測(cè)角色的實(shí)際情況時(shí)，他們看著衣服，鞋子，配飾等。

同樣，網(wǎng)絡(luò)用戶以一種特殊的方式使用網(wǎng)站上的內(nèi)容。Jakob Nielsen 為網(wǎng)絡(luò)和移動(dòng)設(shè)備進(jìn)行了多種眼動(dòng)追蹤研究，他說(shuō)人們看起來(lái)有各種各樣的模式，其中一種是字母F的形狀。

源- NNGroup

因此，既然我們知道用戶如何掃描信息，我們就可以在設(shè)計(jì)中使用這些知識(shí)，并在前兩段中放置最重要的信息。如果用戶首先成為頭條新聞，請(qǐng)確保您的頁(yè)面布局使標(biāo)題，重要單詞和短語(yǔ)以粗體顯示。

理解格式塔原則

格式塔原則已有近100年的歷史。在設(shè)計(jì)中應(yīng)用時(shí)，它們可以幫助用戶快速學(xué)習(xí)界面而無(wú)需太多幫助。然而，當(dāng)設(shè)計(jì)師忽視實(shí)施它們時(shí)，它會(huì)導(dǎo)致用戶學(xué)習(xí)體驗(yàn)的混亂，并且經(jīng)常會(huì)犯錯(cuò)誤。

格式塔理論只是通過對(duì)外觀的判斷來(lái)討論人類思維如何對(duì)功能進(jìn)行猜測(cè)。例如，如果兩件事在形狀，大小，顏色上看起來(lái)相似或者是杵狀在一起，那么人類的心靈對(duì)待就是相關(guān)的。

一些格式塔原則是：

元素非常接近

當(dāng)元素放置得非常接近時(shí)，人類的頭腦將它們視為相關(guān)的。

資源

（標(biāo)題）電話號(hào)碼與兩個(gè)列出的號(hào)碼（011 40520112，+ 91 7838406000）的接近度告訴用戶這些數(shù)字屬于上述標(biāo)題，而不是菜單。

與平均成本，營(yíng)業(yè)時(shí)間和地址相似。標(biāo)題通過適當(dāng)?shù)拈g距和接近度與子文本相關(guān)。

具有相似尺寸，顏色或形狀的元素

當(dāng)用戶看到看起來(lái)相似的Web元素時(shí)，他們可能會(huì)自動(dòng)將它們視為一個(gè)組的各個(gè)元素。相似性為用戶提供了設(shè)計(jì)元素之間的連貫感。

連續(xù)性的元素

人類的大腦傾向于將（看起來(lái)）朝向相同方向移動(dòng)的東西分組或者緊密地組合在一起。電子商務(wù)網(wǎng)站的一個(gè)例子如下圖所示 -

資源

在這里，我們的大腦在這些卡組合在一起時(shí)會(huì)與這些卡形成視覺聯(lián)系 右側(cè)和左側(cè)的箭頭有助于理解用戶可以在既定方向上滾動(dòng)以瀏覽其他類別。

其他格式塔原理是在同一直線上的元件，其共享共同的區(qū)域的元件，該連接元件。

了解這些原則可以幫助設(shè)計(jì)人員避免設(shè)計(jì)對(duì)用戶產(chǎn)生認(rèn)知負(fù)擔(dān)的界面。如果設(shè)計(jì)師謹(jǐn)慎對(duì)待這些思維陷阱并巧妙地使用格式塔原則，它可以幫助用戶快速學(xué)習(xí)界面而不會(huì)犯很多錯(cuò)誤。

學(xué)習(xí)在UX設(shè)計(jì)中使用Hick定律

人類是善變的。我們想要在眼前看到世界上所有可能的選擇，但是當(dāng)我們得到它們時(shí)，我們會(huì)感到困惑。一個(gè)非常相關(guān)的例子是我們?cè)谑澄锊藛沃锌吹降倪x擇數(shù)量?；蛘撸趯?dǎo)航小巷的同時(shí)在沃爾瑪商店挑選您最喜歡的奶酪。

?？硕芍赋?，當(dāng)你在使用前提出太多選擇時(shí)，他們更容易感到困惑并且花更多的時(shí)間在決策上。了解這種人類心理學(xué)可以幫助設(shè)計(jì)人員通過消除不必要的步驟來(lái)簡(jiǎn)化決策過程。

在UI設(shè)計(jì)中，?？硕山?jīng)常與其他設(shè)計(jì)原則結(jié)合使用。怎么樣？您可以采取以下幾個(gè)步驟 -

分類 - 當(dāng)您將相關(guān)事物組合在一起時(shí)，它可以幫助用戶通過消除整個(gè)類別或從最能描述其目標(biāo)的類別中進(jìn)行選擇來(lái)快速做出決策。例如，在下面的食品訂購(gòu)網(wǎng)絡(luò)應(yīng)用程序中，用戶可以根據(jù)他們提供的餐飲類型 - 午餐，晚餐，早餐，豪華餐飲等來(lái)發(fā)現(xiàn)餐館。

漸進(jìn)式披露 - 當(dāng)我考慮漸進(jìn)式披露時(shí)，我記得莫扎特的話 -

“做很多事情的最短方法是一次只做一件事?！?/span>

以結(jié)賬流程為例。您可以設(shè)計(jì)它，而不是讓用戶在一個(gè)屏幕上執(zhí)行八個(gè)步驟，以便提示他們一次執(zhí)行一個(gè)步驟。他們知道最終要實(shí)現(xiàn)目標(biāo)需要多少步驟。

下面是一個(gè)很好的例子（由Andrei Dorin設(shè)計(jì)）

由安德烈·多林

了解用戶放棄任務(wù)的原因

設(shè)計(jì)師的眾多困難之一就是了解用戶在網(wǎng)絡(luò)/移動(dòng)設(shè)備上執(zhí)行任務(wù)時(shí)的想法以及放棄它的原因？

答案在于人類心理學(xué)。讓我們?cè)囍ㄟ^一個(gè)例子來(lái)理解它。

您即將注冊(cè)Amazon Prime會(huì)員資格。該頁(yè)面顯示您可以注冊(cè)月度計(jì)劃或選擇年度計(jì)劃。

現(xiàn)在這是我從上面的屏幕中學(xué)到的東西 -

素?cái)?shù)的很多好處，我不會(huì)在常規(guī)賬戶中獲得

我必須提供我的信用卡信息才能獲得訪問權(quán)限

我頭腦中出現(xiàn)的其他次要問題是 -

我可以隨時(shí)取消會(huì)員資格嗎？這會(huì)被自動(dòng)扣除嗎？

哪個(gè)計(jì)劃更好？大多數(shù)人喜歡哪一個(gè)更喜歡？

如果我不喜歡他們的服務(wù)，我可以獲得退款嗎？

它說(shuō)無(wú)限制免費(fèi)送貨！我想知道它是在所有產(chǎn)品還是特定產(chǎn)品上？

這發(fā)生在每個(gè)人身上。在心理學(xué)中，這被稱為避免接近。這意味著當(dāng)我們遠(yuǎn)離完成目標(biāo)時(shí)，我們會(huì)考慮積極的事情（如免費(fèi)送貨，免費(fèi)電影和視頻）。然而，隨著我們接近目標(biāo)，我們開始考慮消極方面，以避免這樣做。

對(duì)于Web和移動(dòng)應(yīng)用程序的用戶也是如此。避免接近會(huì)導(dǎo)致猶豫不決，最終導(dǎo)致放棄任務(wù)。

為了解決這個(gè)問題，設(shè)計(jì)師必須學(xué)會(huì)克服這種阻力而不是忽視它的策略。通過展示獲得會(huì)員資格或下載應(yīng)用程序的優(yōu)勢(shì)，主動(dòng)回答用戶的疑慮。

一個(gè)很好的例子是Medium的會(huì)員頁(yè)面，其中列出了用戶在選擇付費(fèi)計(jì)劃時(shí)將獲得的所有內(nèi)容。

當(dāng)您點(diǎn)擊“開始使用”按鈕時(shí)，它會(huì)轉(zhuǎn)到付款頁(yè)面，您可以在其中回答所有查詢。

從退款到結(jié)算周期的一切。

總結(jié)

還有許多心理學(xué)原理在設(shè)計(jì)中起著至關(guān)重要的作用。在一篇博文中討論所有這些內(nèi)容是不可能的。 此外，人類的注意力范圍低于金魚。所以，這次先寫到這里。