UI設計要學好,心理學指南不能少!!

 

UI設計到底要如何做到吸引眼球?今天了解完這心理學,相信你就會有答案!

最近學習了米勒定律和希克定律。其中關於如何提升視覺感知的要點,對我十分有幫助:

第一:平均每個人在記憶時候最大數量為7個。

第二:眼睛是獲取大量信息的強大工具。

大部分數據被無意識地吸收。而視覺感知是設計領域的重中之重!特別是產品設計師,作為設計師(包括UIUX設計師),都需要去了解和運用這些定律,提升用戶視覺感知。

20200120173844_718.jpg

 

不只UI,在UX中也超重要的設計心理學指南!

什麼是視覺感知

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

視覺感知的特點

速度快,所有信息以圖形儲存,而在絕大多數情況下,人們感知圖標和插圖的圖片元素比文字更快!

大部分用戶是視覺驅動的,所以視覺感知機制通常應該在設計過程中考慮,並研究裡面幾條挺有意思的規則:

1. 人眼閱讀圖像比文字更快。

2. 人們需要約1/10秒來獲得視覺場景或元素的一般感知(該速度對於文字表達基本不可能的)。

3. 大腦儲存重要的信息片段,通常由固定轉為視覺圖像,即使它們是通過文字感知得到的。

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

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

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

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

視覺感知該如何運用?

1. 通過圖標加強感知

2. 減少數量加強感知關注度在設計中很重要

如果同時提供了幾個選項,按鈕,選項,用戶的短期記憶會花費更多的時間和精力來考慮,這時候隨時可能會讓用戶跳失。

米勒定律:每個人在工作記憶時候最大數量為7個。人的大腦短時記憶容量約為“7”。

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

3. 通過圖像強化感知

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

4. 通過導航強化感知

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

5. 通過直接的表達加強感知

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

6. 通過多媒體藝術加強感知

除了以上,還可以通過視頻,音頻,動效,3D等。通過這種刺激,不僅設計師可以創造更多創意,而且對不同的人記憶加強,比如618,雙

11, 造物節一些動效,音頻對大家記憶刺激很強!

總體而言,視覺感知心理學,能幫助我們在做設計時候,了解人們是如何與世界互動,又有哪些元素會影響他們的行為。通過設計去改變引導用戶,管控好用戶使用路徑,進而更有效地幫助產品成功!

 

相關閱讀推薦:

  想做出好用的App和手機網站,來上UI課程就對了

即將因5G而有重大變革?--UI設計篇

即將因5G而有重大變革?--UX設計篇

UI設計與"數位優先"的完美結合-福斯篇

 UI課程幫你增加新技能,讓你明年開始機會紛紛來敲門!

Java課程、UI課程、程式課程、網路行銷課程推薦

達內教育海外合作企業

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

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

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

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

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

 

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()