豆瓣改版之后，關(guān)于豆瓣導(dǎo)航條的設(shè)計特性引起了大家的廣泛討論，其中，菲茲定律在用戶界面設(shè)計的應(yīng)用再次吸引了大家的關(guān)注和重視。

海旭Roy的文章深入淺出地向我們介紹了菲茲定律極其在產(chǎn)品界面中的應(yīng)用實例，通過這篇文章我們可以獲得的認(rèn)識在于，新改版后的豆瓣界面，從某種角度而言就是遵循“菲茲定律”不斷優(yōu)化用戶操作的產(chǎn)物。

今天說說費茲定律(Fitts’ law)，網(wǎng)上有很多資料，算是老生常談。下面看一張圖，網(wǎng)上找到的，算是fitts在手機(jī)終端上的一些應(yīng)用吧。

　　一，什么是Fitts定律

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

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

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

　　結(jié)論：目標(biāo)越大，指向越快，時間越短。同樣地，目標(biāo)越近，指向越快，時間越短。也就是說，定位一個目標(biāo)的時間，取決于目標(biāo)與當(dāng)前位置的距離，以及目標(biāo)的大小(在特定場景下，當(dāng)然還會有其他因素)。

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

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

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

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

　　3、彈出菜單會比下拉菜單選擇得更快，因為用戶避免了在菜單間滑動。

4、餅狀菜單會比線型菜單更易選擇，而且錯誤率更低，這里面有兩個原因：

餅狀菜單的每個菜單項和菜單中心的距離都一致

餅狀菜單的每個菜單項的楔形目標(biāo)區(qū)域都非常大，一般都會擴(kuò)展到屏幕的邊緣

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

　　案例：

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

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

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

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

來源：PMTOO