你知道為什么Microsoft Windows 的選單列放置在視窗上,而Apple Mac OS X 的選單列放在螢?zāi)坏淖钌戏絾幔?br />
你知道為什么Mozilla Firefox 瀏覽器左上角的「回到上一頁」和「到下一頁」兩個按鈕的大小不一樣嗎?
其實費茲定律(Fitts' Law)都已經(jīng)在許多使用者界面里面偷偷運作了!
費茲定律(Fitts' Law)是心理學(xué)家Paul Fitts 所提出的人機介面設(shè)計法則,主要定義了游標移動到目標之間的距離、目標物的大小和所花費的時間之間的關(guān)系。費茲定律目前廣泛應(yīng)用在許多使用者介面設(shè)計上,以提高介面的使用性、操作度和效能。費茲定律長得就像下面這個公式:
其中T 代表所花費的時間,a 是系統(tǒng)一定會花費的時間,b 是系統(tǒng)速率,D 代表啟始點到目標之間的距離,而W 則是目標物平行于運動軌跡的長度。看起來一點都不討喜,對吧?我們可以用下圖來簡化一下費茲定律的意思:
用圖來解釋,就是當D(啟始點到目標之間的距離)越長,使用者所花費的時間越多,而當W(目標物平行于運動軌跡的長度)越長,則花費的時間越少,使用效能也比較好。
這跟Mozilla Firefox 的「回到上一頁」按鈕的大小有什么關(guān)系呢?這要從「回到上一頁」和「到下一頁」兩個按鈕的行為有什么不同來進行分析。
一般而言,我們在點選回到上一頁按鈕的時候,都是正在瀏覽網(wǎng)站而想要回到剛剛看過的頁面,這時滑鼠位置通常都在瀏覽器的頁面內(nèi)容上,要把滑鼠從頁面上移動到「回到上一頁」的按鈕的距離很長,而且我們不能確定使用者會從哪個位置開始移動。因此Firefox 將「回到上一頁」的按鈕加大并設(shè)計成圓形,以因應(yīng)來自不同角度的滑鼠操作。而「到下一頁」的按鈕,通常都是因為點選了「回到上一頁」而感到反悔,希望可以回到上一個頁面,此時滑鼠是從左往右移動一個小段的距離,角度和距離都可以控制,所以Firefox 就設(shè)計了比較寬的按鈕了!
至于Windows 和Mac OS X 的選單位置的差別呢?Windows 將選單位置放置在視窗標題的下方,如果滑鼠要從視窗內(nèi)移動到選單上,這個選單的上下間距是非常狹窄,所以比較不容易點選到正確的按鈕。而Mac OS X 則將選單放到螢?zāi)坏恼戏剑捎诨笠苿拥轿災(zāi)贿吔绲臅r候,會被螢?zāi)贿吔缦拗贫O拢虼丝梢詫⑦x單的高度(也就是費茲法則中的W)視為無限大,所以使用者所花費的時間減少,效率也就提升了。
果然惡魔住在細節(jié)里,對吧!
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
標志設(shè)計標準教程
已累計誕生 729 位幸運星
發(fā)表評論 為下方 2 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓