網頁設計心理學
網頁設計心理學

網頁設計心理學!來自心理學家的 7 個心理使用者體驗技巧

網頁設計和使用者體驗設計都是很注重使用者的目的及動機,如何讓使用者在操作網頁時能夠流暢、預測使用者的行為,或許可以將這些心理用戶體驗技巧應用到你的網頁中。
目錄

網頁設計及使用者體驗設計和心理學有著長期的關係(社會、行為和認知),大多數人類行為都是由動機和競爭驅動的。根據馬斯洛(Maslow)的理論,人在其他任何基本需要之前都會尋求心理需要,滿足其他需要的動機會在滿足心理需要後立即產生。
同樣,對於任何用於操作的 UX 設計,它必須透過可靠和一致的界面滿足工作功能的基本需求,以激勵任何使用者繼續使用該產品或服務。

本文的材料取自對心理治療師的多次採訪,他們揭示了他們在瀏覽現代網站時最常注意到的心理技巧

人們經常重複其他人的動作和情緒

你有沒有因為旁邊的人而打哈欠?當然是的。這可以描述為一種稱為鏡像反射的生理現象,官方術語是變色龍效應。創建一個完美的情感副本,這是一種模仿其用戶情感的嘗試。看著插圖,用戶會快速感知訊息,因為他考慮了情緒。

這就是為什麼設計師開始在他們的產品中設計情感互動,因為作為人類,我們在使用產品時會感受到。透過情感互動,設計師可以根據產品希望我們感受到的方式來改變我們的情緒。

網頁設計心理學 scaled
LOADMO.RE網站上的互動

這一定很讚因為它很好看

缺乏特定技術知識的人會根據外觀的美觀程度來判斷結果或產品,這種現象稱為審美便利效應。促使你得出這樣結論的情感因素可以是任何東西,一張你喜歡的照片,也許是一個你最喜歡的顏色的設計,或者一個吸引你注意力的很酷的動畫。

唯美設計,無比可愛,卻不見踪影,為何?無論設計看起來多麼漂亮,設計師最重要的是要檢查「可用性」,即易用性,這就是為什麼這麼漂亮的設計實際上沒有被使用的原因。

最後,當這些結構不起作用時,使用者通常會因為誤用而自責。積極的情緒反應沒有考慮功能的缺乏,由於這種不協調,用戶不會重新使用該產品。

網頁設計心理學 1
可用性和吸引力的好例子

我剛剛聽到我的名字了嗎?

你是否設法在你沒有參與的對話中聽到你的名字?

這是一種心理現象,被稱為雞尾酒會效應。記得你買了一件新東西,每次你看到很多人都有同樣的東西時,你會想:「為什麼我買了之後還有這麼多人買這個?」,這正是你需要的。

設計師利用這種效果來吸引用戶的注意力。假設當一個人使用智慧型手機時,他習慣定期檢查手機的通知。因此,如果你在通知中使用他個人的名字,他將更有可能對此感興趣。這同樣適用於應用程式或網站問候語。

網頁設計心理學 2
About You網站的個性化技術

老二不聽話

你可能已經了解中間孩童症候群(Middle Child Syndrome),這是一種心理狀況,存在於孩子之前和之後出生的孩子,即中間孩童,患有這種症候群的兒童常常感到被家人排斥和孤立。

在人們之間記住事物時,可以觀察到非常相似的心理效應,稱為順序定位效應。這個術語表明人們傾向於只記住他們剛剛看過或讀過的一系列文章的第一部分和最後一部分,而常常忽略中間部分。

設計師使用這種效果按順序定位元素以獲得精確的提示,他們操縱順序定位效果來改善用戶體驗,並且在流行品牌中也可以看到這種效果的使用。

網頁設計心理學 3
It’s Nice That 部落格設計

多種選擇

當向使用者提供多種選項時,在大多數情況下,使用者需要更長的時間來選擇可用選項。這一發現是由英美心理學家 William Edmund Hick 和 Ray Hyman發現的。

使用者不希望被選項轟炸,有更多選擇,他們需要更多時間來解釋和做出決定,迫使他們在他們的腦海中工作,這是他們不想要的。

設計師重視使用者的時間並了解一個人不需要多停留在他們的網站上的事實。因此,設計師使用分離、分類和簡化複雜性等技術來保持他們的參與度

網頁設計心理學 4
分類和簡化示例

你看起來很眼熟,所以我想我認識你

你會注意到人們會選擇他們看起來熟悉的選項,例如,使用過 iPhone 的人傾向於繼續使用它或僅在有更好的版本可用時才升級,你不太可能看到 iPhone 用戶升級或切換到 Android 手機。由於對產品的熟悉程度或經驗,人們往往會產生這種心理偏好,這稱為簡單曝光效應

聰明的設計師想出了一些策略,他們將號召性用語放在螢幕上普通使用者通常會注視的地方,或者用戶不自覺地移動鼠標的地方。例如,設計師將下一步按鈕放在網頁的右上角,因為他們知道用戶會在那裡尋找主頁按鈕。

網頁設計心理學 5
Notion

取消

設計師使用重複的動作來給使用者一種控制的錯覺。設計師創造這種情況是為了讓用戶相信他們自己正在握住方向盤,這使用戶對結果的可能性充滿信心。心理學家已經證實,如果我們不能預先確定我們人生道路上的事件,我們人類往往會擔心。

最簡單的範例之一是對話框中的「X」按鈕。實際上,使用者只有兩個選項可供選擇:要麼取消操作,要麼點擊「確定」按鈕繼續。同時,還有另一個「X」按鈕,其功能與「取消」按鈕相同,但對於用戶而言,它意味著「我不確定,所以我不想做決定」。

設計師使用這些小技巧來保持用戶的快樂和參與

網頁設計心理學 6
很多取消選項。由DANIEL RASMUSSEN設計

這些是設計師用來創造交互式體驗的簡單技術,只有透過深入的用戶體驗研究和對用戶行為的觀察,才能創造出色的用戶體驗。

控制感對我們每個人都是必需的。因此,在設計時,所有用戶體驗專業人員都應該始終對他們的受眾保持敏感。

文章翻譯自 7 Psychological UX Tricks From the Real Psychologists

延伸閱讀:

分享

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
數位轉型
數位轉型是什麼?簡單說給你聽

數位轉型聽起來很複雜?其實它就是利用數位科技來提升效率、改善服務。這篇文章將用最簡單的方式,帶您了解數位轉型的概念與重要性。

Selected Post
精選文章
WordPress 維護
實用!16 個 WordPress 維護的技巧手冊

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。