2020年1月31日 星期五

UI設計心理學指南!視覺感知超重要!

搞UI設計不可不知的心理小祕密!


搞UI設計不可不知的心理小祕密!


最近學習了米勒定律和希克定律。 其中關於如何提升視覺感知,有對我很有幫助,其中有一條:平均每個人在記憶時候最大數量為7個。
另外一條是:眼睛是獲取大量信息的強大工具。 大部分數據被無意識地吸收。 視覺感知是設計領域的重中之重,特別是產品設計師,作為UI /UX設計師需要去了解和運用這些定律,提升用戶視覺感知。



UI 設計師的心理學指南

什麼是視覺感知

視覺感知是人們取得信息,並進而由大腦進行處理的最有效方法。 人的眼睛具有接收及分析視像的不同能力,從而組成視覺。 腦部將眼睛接收到的物象訊息,分析出四類主要訊息:物象的空間、色彩、形狀及動態。 有了這些數據,人們就可以辨認外在事物,並對此作出及時和適當的反應。

視覺感知的特點

速度快,所有信息以圖形存儲,人眼閱讀圖像比文字更快,在絕大多數情況下,人們感知圖標和插圖的圖片元素比文字更快。 大部分用戶是視覺驅動的,所以視覺感知機制通常應該在設計過程中考慮,研究裡面有幾條規則挺有意思:1.人眼閱讀圖像比文字更快。 2.人們需要約1/10秒來獲得視覺場景或元素的一般感知(該速度對於文字表達基本不可能的)。 3.大腦儲存重要的信息片段通常由固定為視覺圖像,即使它們是通過文字感知得到的。

視覺感知規律心理學家提到的視覺記憶感知三個核心規律,很簡單也好記憶:

1.集中:要記住一件事情或大量的數據,需要集中精力。 否則,數據將在短期記憶裡上被丟棄的機率很高。

2.聯想記憶:大腦裡其實有個巨大的網絡連接,我們會自動將感知到的新的片段能和舊的片段聯繫關聯,感知就會越強,也在設計中也就是常說的用戶習慣。

3.重複:不斷去重複激活一些片段,直到達到長期識別為主。 基於這3個點的的規律我們需要在視覺中可以去運用,通過設計強調突出我們想表達的內容,突出重要信息,通過簡單的交互讓用戶和他之前的經驗關聯。

視覺感知如何運用

1.通過圖標加強感知

2.減少數量加強感知關注度在設計中很重要,如果同時提供了幾個選項,按鈕,選項,用戶的短期記憶會花費更多的時間和精力來考慮,這時候隨時可能會讓用戶跳失。 米勒定律:每個人在工作記憶時候最大數量為7個。 人的大腦短時記憶容量約為“7”。

希克定律:人 們選擇的元素越多,越難選擇。 一但選擇點很多,越是猶豫,分散,特別在電商設計裡面,我們需要平衡所有的信息,給予用戶最有用信息和行動點。

3.通過圖像強化感知
除了圖標,還可以通過圖像來強化感知力,我們應該掌握圖像處理的手法,通過不同的形式來組織內容,圖片沒有秘密也最直接,最能被記憶

4.通過導航強化感知
導航是可用性的關鍵因素。 通過tab移動,能記住用戶路徑和數據;因此,設計導航時候,交互和視覺一致和清晰很重要。

5.通過直接的表達加強感知
關於顯示或隱藏的各種菜單的討論目前有很多,我們重要的是要記住,界面的關鍵目標應該是用戶清楚地了解發生了什麼。 他想要的操作在那裡。 因此,關於漢堡包菜單,滑塊,隱藏層次的導航和內容的操作設計應該梳理好頁面功能層級設計,不要去隱藏一些核心操作。

6.通過多媒體藝術加強感知除了以上,還可以通過視頻,音頻,動效,3D等。 通過這種刺激,不僅設計師可以創造更多創意,而且對不同的人記憶加強,比如618,雙11, 造物節一些動效,音頻對大家記憶刺激很強。
視覺感知心理學,更多幫助我們在做 UI / UX 設計時候,了解人們是如何與世界互動,哪些元素影響他們的行為。 通過 UI / UX設計去改變引導用戶,管控好用戶使用路徑,能更好幫助產品成功。

相關文章

UI設計的五大黑色魅力 (上)

UI設計的五大黑色魅力(下)

2020必知的UI,UX趨勢!(上)

學習Unity3D,讓你成為自己心目中的遊戲開發者!

修圖不再苦哈哈!Photoshop只要3秒就做出吸睛圖!

教你為網站妝模作樣的CSS網頁設計課程

SEO教戰守則(一)誰是你的對手?

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照