你知道為什么Microsoft Windows 的選單列放置在視窗上，而Apple Mac OS X 的選單列放在螢?zāi)坏淖钌戏絾?

　　你知道為什么Mozilla Firefox 瀏覽器左上角的「回到上一頁」和「到下一頁」兩個(gè)按鈕的大小不一樣嗎?

　　其實(shí)費(fèi)茲定律(Fitts’ Law)都已經(jīng)在許多使用者界面里面偷偷運(yùn)作了!

　　費(fèi)茲定律(Fitts’ Law)是心理學(xué)家Paul Fitts 所提出的人機(jī)介面設(shè)計(jì)法則，主要定義了游標(biāo)移動(dòng)到目標(biāo)之間的距離、目標(biāo)物的大小和所花費(fèi)的時(shí)間之間的關(guān)系。費(fèi)茲定律目前廣泛應(yīng)用在許多使用者介面設(shè)計(jì)上，以提高介面的使用性、操作度和效能。費(fèi)茲定律長得就像下面這個(gè)公式：

　　其中T 代表所花費(fèi)的時(shí)間，a 是系統(tǒng)一定會(huì)花費(fèi)的時(shí)間，b 是系統(tǒng)速率，D 代表啟始點(diǎn)到目標(biāo)之間的距離，而W 則是目標(biāo)物平行于運(yùn)動(dòng)軌跡的長度。看起來一點(diǎn)都不討喜，對(duì)吧?我們可以用下圖來簡化一下費(fèi)茲定律的意思：

　　用圖來解釋，就是當(dāng)D(啟始點(diǎn)到目標(biāo)之間的距離)越長，使用者所花費(fèi)的時(shí)間越多，而當(dāng)W(目標(biāo)物平行于運(yùn)動(dòng)軌跡的長度)越長，則花費(fèi)的時(shí)間越少，使用效能也比較好。

　　這跟Mozilla Firefox 的「回到上一頁」按鈕的大小有什么關(guān)系呢?這要從「回到上一頁」和「到下一頁」兩個(gè)按鈕的行為有什么不同來進(jìn)行分析。

　　一般而言，我們?cè)邳c(diǎn)選回到上一頁按鈕的時(shí)候，都是正在瀏覽網(wǎng)站而想要回到剛剛看過的頁面，這時(shí)滑鼠位置通常都在瀏覽器的頁面內(nèi)容上，要把滑鼠從頁面上移動(dòng)到「回到上一頁」的按鈕的距離很長，而且我們不能確定使用者會(huì)從哪個(gè)位置開始移動(dòng)。因此Firefox 將「回到上一頁」的按鈕加大并設(shè)計(jì)成圓形，以因應(yīng)來自不同角度的滑鼠操作。而「到下一頁」的按鈕，通常都是因?yàn)辄c(diǎn)選了「回到上一頁」而感到反悔，希望可以回到上一個(gè)頁面，此時(shí)滑鼠是從左往右移動(dòng)一個(gè)小段的距離，角度和距離都可以控制，所以Firefox 就設(shè)計(jì)了比較寬的按鈕了!

　　至于Windows 和Mac OS X 的選單位置的差別呢?Windows 將選單位置放置在視窗標(biāo)題的下方，如果滑鼠要從視窗內(nèi)移動(dòng)到選單上，這個(gè)選單的上下間距是非常狹窄，所以比較不容易點(diǎn)選到正確的按鈕。而Mac OS X 則將選單放到螢?zāi)坏恼戏剑捎诨笠苿?dòng)到螢?zāi)贿吔绲臅r(shí)候，會(huì)被螢?zāi)贿吔缦拗贫Ｏ拢虼丝梢詫⑦x單的高度(也就是費(fèi)茲法則中的W)視為無限大，所以使用者所花費(fèi)的時(shí)間減少，效率也就提升了。

　　果然惡魔住在細(xì)節(jié)里，對(duì)吧!