最近學習了米勒定律和希克定律。 其中關於如何提升視覺感知,有對我很有幫助,其中有一條:平均每個人在記憶時候最大數量為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 /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證照