如翼視點
首頁>如翼視點>讓用戶一見鐘情的10條心理學規則
讓用戶一見鐘情的10條心理學規則
發表時間:2021-06-28

一個好的設計不僅是解決正確的問題,還要為用戶創造積極的情感。一個實體產品可以通過人類的 5 種感官來創造情感;但對于數字產品來說,因為它只是在設備屏幕上進行干巴巴的交互,然后提供服務,所以很難創造良好的情感體驗。

 

所以數字產品設計師需要深入了解每一種情感,以及能夠創造情感的心理學原理,才能更好地設計相關產品。

 

唐·諾曼認為,可以從三個方面對用戶的情感體驗進行設計:本能層、行為層和反思層。

 


  • 本能層:"用戶想要的感覺"

  • 行為層:"用戶想做什么"

  • 反思層:"用戶想成為什么樣子"

 

在第一個層面,設計將通過用戶的視覺和與產品的互動產生情感。因此,這也是 UI 設計師大顯身手的地方。除了審美和基本的平面設計原則外,以下是我目前在設計中運用的心理學規則。

 


1. 格式塔原則

  • 相似性原理

人的眼睛往往會把相似的元素連接成一組,大腦會認為這些元素有相同的作用。

 


因此,在設計具有相同功能或內容的界面元素時,要使其一致。


應用場景:導航、畫廊、卡片、橫幅、內容、分頁。

 

  • 連續性法則

人的眼睛將排列在連續體中的元素視為一組。這個規律與對稱性和相似性頗有關系。通過在一個序列上創造相似和重復的元素,我們可以將用戶往我們想要的方向驅動。這使得閱讀信息更加連貫和清晰。

 


輪播圖就是應用了這一規則的設計,為用戶提供了還有信息可看的提示。

 

應用:菜單/子菜單、列表、產品排列、輪播圖、進度指示器。

 

  • 封閉法則

當看一個不完整的圖像時,大腦會依靠以前的經驗,把剩下的填滿。

 


這是圖形或 Logo 設計中常用的規則。但在產品設計中,我們可以將其用于圖標和加載。

 

應用:圖標、加載、數據可視化。

 

  • 鄰近法則

這是 UI 設計中必不可少的規則,因為人的眼睛會把任何相鄰的元素當作一組。

 

 

在設計的時候,我非常注意利用間距將元素組合在一起。我通常用大的空間來分隔大的內容群,然后用小的空間來分隔大的內容群中的小的內容群。

 

應用:導航、圖庫、卡片、橫幅、內容、分頁。

 

  • 對稱法則

我們的大腦喜歡看到對稱和平衡的事物。這是在所有設計領域中最常用也是最安全的法則。它幫助我們創造一種穩定和秩序感。


 

在設計需要簡單、視覺化、和諧的產品時,我經常會將對稱性應用到其中。當觀眾需要專注于重要的東西時,這也有助于他們感到更舒適。缺點是,如果過度使用,產品會變得枯燥單調。通常,我應用于頭部或行為召喚按鈕,以更好引導用戶產生行動。

 

應用:圖庫、焦點圖、重要內容、產品展示、列表、導航。

 

  • 主體/背景原則

這個規律是關于人的眼睛傾向于注意到脫離背景的事物,或是被框為一組的內容。

 

 

我用這個規則來引導用戶的視線去預覽重要信息。通常是在卡片設計中,用淡淡的下影在背景上方鋪設一層。此外,構圖組也是應用這個規則的一種方式。

 

應用范圍:卡片、內容、列表、服務、摘要。


  • 共同命運法則

在同一方向上移動的元素被認為比靜止的元素或在另一個方向上移動的元素更有關系。這一規則的應用有助于我們建立群體和狀態之間的關系。


 

我在做動畫的時候,經常比較明確地使用這個規則。但是,我們也可以應用到更多方面。

 

應用:導航/下拉菜單、折疊菜單、折疊面板、工具提示、滾動條、視差滾動和指標。

 


2. 焦點

當我們看某樣東西的時候,我們的眼睛往往會先關注最突出的元素。理解這種行為將幫助我們在設計中創建一個 "錨點",從而推動用戶按照我們的方案去瀏覽內容。

 

 

應用:內容頁、落地頁、價格頁、產品頁、焦點圖。

 


3. 馮·雷斯托夫效應

又稱隔離效應,它表明人們傾向于注意和記住與其他部分不同的部分。這個規則很容易與焦點法則相混淆。不同的一點是,應用這個規則的元素往往是獨立存在的,并沒有額外的功能和信息。

 

 

應用:定價表、促銷橫幅、權益升級。

 

 

4. 本能反應

基于真實世界的用戶體驗,創造出具有視覺吸引力的體驗。就像我們看一個視頻時,每一個高潮笑話都有笑聲的配音,我們就更容易笑。如果我們的設計能讓用戶感覺很好很舒服,用戶就會喜歡我們的設計。

 

 

應用:產品形象、插圖、攝影。

 


5. 色彩心理學

有許多研究表明,顏色對我們的潛意識有特別的影響。不同性別、不同宗教、不同文化的人對色彩的看法也不同。

 

另外,我們也不要忘了早期被廣泛使用的系統的顏色:

  • 紅色:錯誤

  • 綠色:成功

  • 藍色: 進行中

  • 黃色:警告。

 


6. 形狀心理學

 

 

和顏色一樣,人的潛意識對不同的形狀也有不同的反應。比如:

  • 圓形 、橢圓形:傳遞一個積極的信息,通常與社區或關系有關。

  • 正方形和三角形:傳遞強烈的信息,通常與力量和穩定有關。

  • 豎線:代表強度、力量或侵略性。

  • 水平線:代表平靜、平等或安靜。

 

 

7. 雙重編碼理論

這個理論解釋了人類需要視覺和語言信息來盡快處理信息。而且,人類是視覺動物,我們的大腦處理圖像的速度是文字的 6 萬倍。而為了達到設計的最大效果,我們不應該刪除說明性文字。

 

 

一個明顯的例子就是應用程序的導航欄。大多數新的應用程序或具有復雜功能的應用程序都是用圖標和標簽來設計的。

 

另一個例子。

 

 


8. 并行設計

相較于其他元素,人的眼睛往往會更容易注意到平行的元素。我經常用這個原理將同一屏幕內的兩組不同內容進行分類。最容易看到的相關案例可能是 Facebook 的消息界面,“故事”并排而消息水平平行排列。

 

 


9. 共同區域

這個原理就像《格式塔原理》中的相似性法則一樣,但它并不以相同為終點。共同區域是通過我們使用劃分的方式,通過線條、形狀或顏色來創建的。

 

 

如果一個屏幕需要用戶大量滾動來查看內容,我們應該有一些方法來將其劃分得更清晰,而不是僅僅使用間距。


應用:列表、信息流。

 


10、掃描模式

根據 NNGroup、UXPin 等機構或團體的各種研究,最常用的兩種掃描模式是 "F 模式"和 "Z 模式"。

 

其中,"F 模式"的應用最為廣泛,尤其是對于內容較多的網站。

 

“Z 模式”用于那些不太注重文字的網站,往往在最后強調行為召喚按鈕。

 

當我們了解了這些模式的使用方法后,我們就可以有效地選擇布局和安排元素來實現我們的設計目標。

 

第一印象是最難忘的,積極的體驗可以在用戶和產品之間建立長久的關系。如果我們能讓用戶在第一時間愛上設計,我們就為我們的產品創造了相當好的優勢。

 

原文鏈接:https://blog.prototypr.io/10-psychological-rules-i-used-to-make-users-love-at-first-sight-55c71f99bfa1


如翼推薦


新婚少妇毛茸茸的性_老头舒服FULLHD_亚洲高清国产拍精品嫩草影院_IGAO视频网在线观看