設(shè)計師都需要了解的設(shè)計心理學

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

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

這個問題的答案在于人類心理學。

但是等等,人類心理學與設(shè)計有什么關(guān)系?

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

“設(shè)計實際上是一種溝通行為,這意味著要深入了解與設(shè)計師溝通的人。”

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

我知道你在想什么 - 設(shè)計師應(yīng)該學會編碼,設(shè)計師應(yīng)該學習人類心理學,設(shè)計師應(yīng)該學會在他們的設(shè)計中寫出清晰的文字!有什么東西我們應(yīng)該保持雙手嗎?

冷靜下來,綠巨人!

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

如果您確信,請讓我們直接了解每個用戶體驗設(shè)計師應(yīng)該知道的一些心理學原則

 

 

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

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

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

為什么這是一項如此重要的研究?

這很重要,因為心理學家已經(jīng)發(fā)現(xiàn)在我們的大腦 - 任務(wù) - 積極網(wǎng)絡(luò)和任務(wù) - 負面網(wǎng)絡(luò)中存在兩種活動模式。

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

另一方面,任務(wù)負面網(wǎng)絡(luò)是你的思想徘徊。例如 - 當你在隊列中等待轉(zhuǎn)彎時,或當你因為不眠而盯著天花板時。你的大腦仍然在想著什么,仍然在行動,但那時候思想有自由流動。你并沒有真正融入其中。

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

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

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

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

 

 

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

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

其中一位著名的心理學家Yarbus與一群人進行了一次精彩的實驗。他進行了一項眼動追蹤研究,邀請人們觀看伊利亞·列賓的“意外訪客”繪畫的復(fù)制品。

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

左 - 原始圖片; 中 - 當被要求猜測年齡; 右 - 當被要求猜出家庭的實際情況時

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

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

源- NNGroup

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

 

 

理解格式塔原則

格式塔原則已有近100年的歷史。在設(shè)計中應(yīng)用時,它們可以幫助用戶快速學習界面而無需太多幫助。然而,當設(shè)計師忽視實施它們時,它會導致用戶學習體驗的混亂,并且經(jīng)常會犯錯誤。

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

一些格式塔原則是:

元素非常接近

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

資源

(標題)電話號碼與兩個列出的號碼(011 40520112,+ 91 7838406000)的接近度告訴用戶這些數(shù)字屬于上述標題,而不是菜單。

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

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

當用戶看到看起來相似的Web元素時,他們可能會自動將它們視為一個組的各個元素。相似性為用戶提供了設(shè)計元素之間的連貫感。

連續(xù)性的元素

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

資源

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

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

了解這些原則可以幫助設(shè)計人員避免設(shè)計對用戶產(chǎn)生認知負擔的界面。如果設(shè)計師謹慎對待這些思維陷阱并巧妙地使用格式塔原則,它可以幫助用戶快速學習界面而不會犯很多錯誤。

 

 

學習在UX設(shè)計中使用Hick定律

人類是善變的。我們想要在眼前看到世界上所有可能的選擇,但是當我們得到它們時,我們會感到困惑。一個非常相關(guān)的例子是我們在食物菜單中看到的選擇數(shù)量?;蛘?,在導航小巷的同時在沃爾瑪商店挑選您最喜歡的奶酪。

??硕芍赋觯斈阍谑褂们疤岢鎏噙x擇時,他們更容易感到困惑并且花更多的時間在決策上。了解這種人類心理學可以幫助設(shè)計人員通過消除不必要的步驟來簡化決策過程。

在UI設(shè)計中,希克定律經(jīng)常與其他設(shè)計原則結(jié)合使用。怎么樣?您可以采取以下幾個步驟 -

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

漸進式披露 - 當我考慮漸進式披露時,我記得莫扎特的話 -

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

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

下面是一個很好的例子(由Andrei Dorin設(shè)計)

由安德烈·多林

 

 

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

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

答案在于人類心理學。讓我們試著通過一個例子來理解它。

您即將注冊Amazon Prime會員資格。該頁面顯示您可以注冊月度計劃或選擇年度計劃。

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

素數(shù)的很多好處,我不會在常規(guī)賬戶中獲得

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

 

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

我可以隨時取消會員資格嗎?這會被自動扣除嗎?

哪個計劃更好?大多數(shù)人喜歡哪一個更喜歡?

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

它說無限制免費送貨!我想知道它是在所有產(chǎn)品還是特定產(chǎn)品上?

這發(fā)生在每個人身上。在心理學中,這被稱為避免接近。這意味著當我們遠離完成目標時,我們會考慮積極的事情(如免費送貨,免費電影和視頻)。然而,隨著我們接近目標,我們開始考慮消極方面,以避免這樣做。

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

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

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

當您點擊“開始使用”按鈕時,它會轉(zhuǎn)到付款頁面,您可以在其中回答所有查詢。

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

 

 

總結(jié)

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

 

每天更新,
全站高品質(zhì)素材免費下載!