提升使用者體驗的UX20法則 (2)

VinceLee
Channel-HWAN
Published in
4 min readOct 3, 2019

這篇有包含幾個完形心理學的法則,它是指大腦會將我們所見之物,歸納為我們認識的物件,以降低認知負荷。

那們來介紹接下來的 5 個 UX 法則吧!

06. Law of Common Region 共同區域法則

在同一區塊內的元素,會被人們認為是一組的

緣起:

Gestalt Theory (格式塔法則) 是心理學中的一套原則,又稱為完形心理學,由格式塔心理學家提出,他觀察到人會自然地將物體視為有組織的圖案和物體,並將這一原則稱為Prägnanz。這些原則可分為五類:鄰近性,相似性,連續性,閉合性和連通性。

-

若要讓使用者知道哪些元素是歸類在一起,最簡單的方式就是用框線區隔不同區塊,例如 Google Analytics 的報表頁面。

Google Analytics

07. Law of Prägnanz 優美型態法則

人會將複雜的形狀簡單化,來減輕認知負荷

緣起:

1910年,心理學家 Max Wertheimer 在鐵道路口觀察到一系列燈光閃爍時產生了一個靈感。對於觀察者來說,以為燈光是在跑馬燈上移動的,但實際上是視覺暫留的原理讓我們認為燈在移動,,但實際只是一系列的快速亮燈與關燈,燈泡並沒有移動。這種觀察後來發展成一套關於我們如何在視覺上感知物體的原則 — — 完形心理學,也是設計師以圖形方式設計的核心。

-

Prägnanz 在德文裡有「簡潔、有意義的表達」的意思。當人眼看到複雜形狀或意義不明的影像時,腦中會自動解釋轉換為單一的簡單形狀去解釋,這也常使用於 wirefram,如何隔開每個區塊讓使用者一目瞭然並快速理解是很重要的。

08. Law of Proximity 接近法則

人會將距離相近的元素歸類為一個群體

Law of Proximity 是完形心理學的其中一個「鄰近性」的法則,人會將靠近的元素歸類為一個群體。例如下方左邊我們會將所有的圓點視為一個群體,但右方的圓點四個靠近一起後,就被歸類為四個群體。幾乎每個網頁設計都能看到「鄰近性」法則。

09. Law of Similarity 相似法則

人會將相似的物件視為一組,即使物件之間沒有靠近

當物件有一個邏輯存在時,不論是顏色、邊框、尺寸、功能相近等等,人會將這些特性視為一個群體。而 Law of Similarity 與 Law of Proximity 經常被使用在一起,例如 footer 的大標題使用粗體,並用距離隔開。

Apple

10. Law of Uniform Connectedness 均質連結法則

視覺上相連的元素有更強的相關性

在實際運用上,Law of Uniform Connectedness 非常簡單,在一組元素畫一個框,就能表示它們是相關的。或者在元素之間以線連接也是一種極強關聯性的暗示效果。例如 Gmail,直行看下來時,我們很清楚了解有四個區段,「勾選、星號、重要」、「主標題」、「內文」、「日期」,是透過距離區隔。未讀信件以粗體與白底標示,使用者能很清楚區隔未讀信件和已讀信件的差異。

Gmail
喜歡本篇文章,歡迎按下Medium的「claps」以及LikeCoin的「Like」給我們鼓勵鼓勵!
若是長按50下我們會明白你更喜歡這類型的文章,會讓之後的編輯盡量發揮這部分的內容!
LikeCoin的「Like」是能讓我們收到一點點支持的簡單按鈕,請幫我們點至+5

--

--