一、費茨定律(Fitts’ Law)
1、費茨定律(Fitts’ Law)簡介
費茨定律是由保羅·費茨(Paul M. Fitts)博士,在對人類操作過程中的運動特征、運動時間、運動范圍和運動準確性進行研究之后提出的,時間是 1954 年;該定律被用來預測從任意一點到目標中心位置所需時間的數學模型,在人機交互(HCI)和設計領域的影響卻最為廣泛和深遠。
費茨定律指的是:使用指點設備到達一個目標的時間,與當前設備位置和目標位置的距離(D)和目標大。⊿)有關。用數學公式表達為:時間 T = a + b log2(D/S+1)。
如下圖:
上圖中,T指的是:移動設備所需時長;a、b指的是:經驗參數,它們依賴于具體的指點設備的物理特性,以及操作人員和環境等因素;D指的是:設備起始位置和目標位置之間的距離;S指的是:目標區域的面積大小。
2、費茨定律(Fitts’ Law)在設計中的應用
(1)按鈕等可點擊區域在合理的范圍之內越大越容易點擊,反之,可點擊區域越小,越不容易操作。
案例一:比如淘寶和中國銀行的手機網頁端的登錄頁面
從下圖來看,左邊淘寶登錄界面的信息輸入區域很明顯比右邊中國銀行登錄界面信息輸入區域相互之間的距離和輸入面積更大一點,在視覺及輸入體驗上面淘寶也要比中國銀行的好很多;再看兩個頁面的登錄按鈕,右邊中國銀行界面的按鈕視覺上很小而且距離上方驗證碼輸入框的距離很近,這樣的按鈕不僅不好點擊還容易產生誤操作,相對而言,左圖淘寶頁面的按鈕間距和大小就很合適了,輸入和點擊體驗比左圖好很多。
案例二: 比如小黃車和小藍單車首頁掃碼按鈕
小黃車和小藍單車首頁最重要的掃碼用車按鈕不約而同的使用了圓形按鈕,我們不看放置的位置,單看按鈕大小,小黃車的明顯要比小藍單車的大很多,筆者在使用兩者的時候,小黃車的操作按鈕要比小藍的舒服很多,因為小黃車的按鈕比較大,比起小藍單車的按鈕更容易點擊。