跳到主要內容區塊

心理學在 UI / UX 設計中的運用(二)

費茲定律 Fitts’ Law

更大、更近的東西更容易操作。

費茲定律說的是,從起點移動到目標位置花費的時間會受到兩個參數影響,分別是到目標的距離(D)及目標的大小(W),可以用數學公式表示:T = a + b log2(1+ D/W)。

來源:維基百科

按鈕該放在哪裡?大小要多大?這些問題就跟費茲定律有關。

TIP 1:在合理的範圍內,愈大愈容易點擊

目標操作區域在合理的範圍內,愈大愈容易點擊,以下圖的產品為例,不論是輸入區域跟操作按鈕 Expedia 都比較大一點,操作也會比較容易一點,視覺上的引導性也比較強。

TIP 2:運用快捷操作

快捷操作是減少移動距離的一個常用的方式,比如移動端的長按操作跟電腦端的點擊右鍵,將操作區域安排在點擊的位置旁邊,提高操作的效率。

TIP 3:螢幕邊角適合放重要的按鈕和選單

你有發現,不論是 Windows 系統的「開始」或是 Mac OS 的 Dock 都放置在畫面的邊界,這是因為螢幕的邊界是最容易到達的位置,不論你怎麼移動滑鼠他都會在螢幕的邊緣停下來。

移動端也是相同的道理,當你在操作時,手指點擊也不會超出螢幕外,所以許多主要的操作也會放在螢幕的邊角。

米勒定律 Miller’s Law ( 7±2 法則 )

人的大腦平均能同時處理 7 個項目

由於人短期記憶的儲存空間限制,最多大約能記住 5~9 個單位,所以也就得到了魔法數字 7 ( Magic Number 7 ) 這個概念,超過 9 個大腦出錯的機率就會提高了。像是你在記手機號碼、身分證字號之類的資訊,通常都會把數字拆開方便記憶吧,另外信用卡上面的數字會分成 4 個 4 個一組,也是相同的道理。

米勒定律在設計上的運用其實類似席克定律,可以透過減少選項或是將選項分類,讓設計更一目了然。

TIP 1:控制入口、導航的數量

你有發現,App 的底部導航大多不會超過 5 個,大部分的網站導航也不會超過 9個,這是為了減少認知負荷,讓用戶可以快速的理解產品操作。

TIP 2:資訊很多的時候就把資訊分段

如果資訊真的很多,適當地將內容分段也可以幫助用戶更好的閱讀,就像是一篇文章如果完全沒有分段,也會讓人讀得很辛苦吧。

來源

 

/政府網站營運交流平台授權轉載/

原文作者:皮偶玩互動科技有限公司

原文出處medium:心理學在 UI / UX 設計中的運用(上)