接觸UI設計前,你需要知道的設計心理學指南
入門UI設計的方向百百種,今天讓我們以心理學的角度,帶你了解使用者的心裡面!
最近學習了米勒定律和希克定律。其中關於如何提升視覺感知的要點,對我十分有幫助:
第一:平均每個人在記憶時候最大數量為7個。
第二:眼睛是獲取大量信息的強大工具。
大部分數據被無意識地吸收。而視覺感知是設計領域的重中之重!特別是產品設計師,作為設計師(包括UI及UX設計師),都需要去了解和運用這些定律,提升用戶視覺感知。
不只UI,在UX中也超重要的設計心理學指南!
什麼是視覺感知
視覺感知是人們能夠獲得信息,並由大腦進行處理的最有成效的方法。人的眼睛有著接收及分析視像的不同能力,從而組成視覺。腦部將眼睛接收到的物象信息,分析出四類主要信息就是有關物象的空間、色彩、形狀及動態。有了這些數據,我們可辨認外物和對外物作出及時和適當的反應。
視覺感知的特點
速度快,所有信息以圖形儲存,而在絕大多數情況下,人們感知圖標和插圖的圖片元素比文字更快!
大部分用戶是視覺驅動的,所以視覺感知機制通常應該在設計過程中考慮,並研究裡面幾條挺有意思的規則:
1. 人眼閱讀圖像比文字更快。
2. 人們需要約1/10秒來獲得視覺場景或元素的一般感知(該速度對於文字表達基本不可能的)。
3. 大腦儲存重要的信息片段,通常由固定轉為視覺圖像,即使它們是通過文字感知得到的。
視覺感知規律心理學家提到的視覺記憶感知三個核心規律,很簡單也好記憶:
1.集中:要記住一件事情或大量的數據,需要集中精力。否則,數據將在短期記憶裡上被丟棄
的機率很高。
2.聯想記憶:大腦裡其實有個巨大的網絡連接,我們會自動將感知到的新的片段能和舊的片段
聯繫關聯,感知就會越強,也在設計中也就是常說的用戶習慣。
3.重複:不斷去重複激活一些片段,直到達到長期識別為主。基於這3個點的的規律我們需要在視覺中可以去運用,通過設計強調突出我們想表達的內容,突出重要信息,通過簡單的交互讓用戶和他之前的經驗關聯。
視覺感知該如何運用?
1. 通過圖標加強感知
2. 減少數量加強感知關注度在設計中很重要
如果同時提供了幾個選項,按鈕,選項,用戶的短期記憶會花費更多的時間和精力來考慮,這時候隨時可能會讓用戶跳失。
米勒定律:每個人在工作記憶時候最大數量為7個。人的大腦短時記憶容量約為“7”。
希克定律:人們選擇的元素越多,越有選擇障礙!一但選擇便變多,就越是猶豫呀!分散,特別在電商設計裡面,我們需要平衡所有的信息,給予用戶最有用信息和行動點。
3. 通過圖像強化感知
除了圖標,還可以通過圖像來強化感知力,我們應該掌握圖像處理的手法,通過不同的形式來組織內容,圖片沒有秘密也最直接,最能被記憶
4. 通過導航強化感知
導航是可用性的關鍵因素。通過tab移動,能記住用戶路徑和數據;因此,設計導航時候,交互和視覺一致和清晰很重要。
5. 通過直接的表達加強感知
關於顯示或隱藏的各種菜單的討論目前有很多,我們重要的是要記住,界面的關鍵目標應該是用戶清楚地了解發生了什麼。他想要的操作在那裡。因此,關於漢堡包菜單,滑塊,隱藏層次的導航和內容的操作設計應該梳理好頁面功能層級設計,不要去隱藏一些核心操作。
6. 通過多媒體藝術加強感知
除了以上,還可以通過視頻,音頻,動效,3D等。通過這種刺激,不僅設計師可以創造更多創意,而且對不同的人記憶加強,比如618,雙
11, 造物節一些動效,音頻對大家記憶刺激很強!
總體而言,視覺感知心理學,能幫助我們在做設計時候,了解人們是如何與世界互動,又有哪些元素會影響他們的行為。通過設計去改變引導用戶,管控好用戶使用路徑,進而更有效地幫助產品成功!
相關文章:
想改善奢侈品電商的環境?UI課程能幫你做到!
除了UI課程,緊接著你要知道的是Python和C++!
UI 課程結束之後,得繼續深造!來看看你還有哪些選擇呢?
UI設計的色彩運用?讓老鳥來告訴你(上)
2020來臨!!UI/UX最新趨勢你知道嗎?(上)
Java課程、UI課程、程式課程、網路行銷課程推薦
達內教育海外合作企業
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照