你知道為什么Microsoft Windows 的選單列放置在視窗上，而Apple Mac OS X 的選單列放在螢?zāi)坏淖钌戏絾幔?br /> 你知道為什么Mozilla Firefox 瀏覽器左上角的「回到上一頁(yè)」和「到下一頁(yè)」兩個(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)茲定律長(zhǎng)得就像下面這個(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)軌跡的長(zhǎng)度。看起來(lái)一點(diǎn)都不討喜，對(duì)吧？我們可以用下圖來(lái)簡(jiǎn)化一下費(fèi)茲定律的意思：

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

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

一般而言，我們?cè)邳c(diǎn)選回到上一頁(yè)按鈕的時(shí)候，都是正在瀏覽網(wǎng)站而想要回到剛剛看過(guò)的頁(yè)面，這時(shí)滑鼠位置通常都在瀏覽器的頁(yè)面內(nèi)容上，要把滑鼠從頁(yè)面上移動(dòng)到「回到上一頁(yè)」的按鈕的距離很長(zhǎng)，而且我們不能確定使用者會(huì)從哪個(gè)位置開(kāi)始移動(dòng)。因此Firefox 將「回到上一頁(yè)」的按鈕加大并設(shè)計(jì)成圓形，以因應(yīng)來(lái)自不同角度的滑鼠操作。而「到下一頁(yè)」的按鈕，通常都是因?yàn)辄c(diǎn)選了「回到上一頁(yè)」而感到反悔，希望可以回到上一個(gè)頁(yè)面，此時(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)贿吔缦拗贫Ｏ?，因此可以將選單的高度（也就是費(fèi)茲法則中的W）視為無(wú)限大，所以使用者所花費(fèi)的時(shí)間減少，效率也就提升了。

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