? ? 豆瓣改版之后，關(guān)于豆瓣導(dǎo)航條的設(shè)計(jì)特性引起了大家的廣泛討論，其中，菲茲定律在用戶界面設(shè)計(jì)的應(yīng)用再次吸引了大家的關(guān)注和重視。這篇文章深入淺出地向我們介紹了菲茲定律極其在產(chǎn)品界面中的應(yīng)用實(shí)例，通過(guò)這篇文章我們可以獲得的認(rèn)識(shí)在于，新改版后的豆瓣界面，從某種角度而言就是遵循“菲茲定律”不斷優(yōu)化用戶操作的產(chǎn)物。今天說(shuō)說(shuō)費(fèi)茲定律（Fitts’ law），網(wǎng)上有很多資料，算是老生常談。下面看一張圖，網(wǎng)上找到的，算是fitts在手機(jī)終端上的一些應(yīng)用吧。

一，什么是Fitts定律

物體從開(kāi)始的位置移動(dòng)到最后的目標(biāo)所需的時(shí)間取決于兩個(gè)因素：到目標(biāo)的距離A和目標(biāo)的大小。

t = a + b log2 (2A / W)

其中a（=0.230s），b（=0.166s）是經(jīng)驗(yàn)參數(shù)，A=指示位置與目標(biāo)的距離，W=目標(biāo)尺寸。它們依賴于具體的指點(diǎn)設(shè)備的物理特性，以及操作人員和環(huán)境等因素。

結(jié)論：目標(biāo)越大，指向越快，時(shí)間越短。同樣地，目標(biāo)越近，指向越快，時(shí)間越短。也就是說(shuō)，定位一個(gè)目標(biāo)的時(shí)間，取決于目標(biāo)與當(dāng)前位置的距離，以及目標(biāo)的大?。ㄔ谔囟▓?chǎng)景下，當(dāng)然還會(huì)有其他因素）。

二，菲茲定律的應(yīng)用

目前應(yīng)用在PC端和移動(dòng)終端產(chǎn)品的設(shè)計(jì)上。

1、在設(shè)計(jì)用戶界面的過(guò)程中，按鈕以及一些GUI控件的尺寸應(yīng)設(shè)計(jì)得比較合理，相比而言，點(diǎn)擊小的控件會(huì)相對(duì)困難一些。因此在當(dāng)前的軟件及網(wǎng)站的GUI設(shè)計(jì)過(guò)程中，工具欄的圖標(biāo)都在變大，另外一些文字性說(shuō)明的按鈕背景區(qū)域也在增大。

2、不論鼠標(biāo)移到什么地方，由于鼠標(biāo)都可以一直保持在屏幕的邊緣，因此邊緣或是角落區(qū)域相比其他區(qū)域更容易到達(dá)。在Mac OS X產(chǎn)品系統(tǒng)界面設(shè)計(jì)中的Dock設(shè)計(jì)，頂端的菜單欄設(shè)計(jì)，以及Windows XP系統(tǒng)界面的左下角“開(kāi)始”按鈕和Mac OS X系統(tǒng)界面的菜單欄設(shè)計(jì)均是這個(gè)理論的實(shí)際應(yīng)用體現(xiàn)。

3、彈出菜單會(huì)比下拉菜單選擇得更快，因?yàn)橛脩舯苊饬嗽诓藛伍g滑動(dòng)。

4、餅狀菜單會(huì)比線型菜單更易選擇，而且錯(cuò)誤率更低，這里面有兩個(gè)原因：

• 餅狀菜單的每個(gè)菜單項(xiàng)和菜單中心的距離都一致
• 餅狀菜單的每個(gè)菜單項(xiàng)的楔形目標(biāo)區(qū)域都非常大，一般都會(huì)擴(kuò)展到屏幕的邊緣

5、目標(biāo)點(diǎn)的位置實(shí)際上是邊緣的一些像素加上邊緣之外的全部面積。所以，這樣看來(lái)目標(biāo)點(diǎn)就足夠大了。原因是基于fitts定律，它的一個(gè)分母的增大了而使得界面的效率提高了。

案例：

三，菲茲定律告訴我們的道理

1、我們想要更容易點(diǎn)擊到控件，就應(yīng)該放在屏幕的邊緣或角落里。讓常用的控件更大，更容易辨別；

2、使用屏幕的邊緣和角落讓控件有效擴(kuò)大，永遠(yuǎn)不要把控件放在離屏幕邊緣或角落一個(gè)像素遠(yuǎn)的地方；

3、邊緣之外的地方，也可以算作目標(biāo)點(diǎn)的面積，這樣一來(lái)，目標(biāo)的面積就被無(wú)限的放大了，也更方便用戶操作。