費茨定律由心理學(xué)家 Paul Fitts 提出，用來預(yù)測從任意一點到目標(biāo)中心位置所需時間與該點到目標(biāo)的距離和大小有關(guān)，距離越大時間越長，目標(biāo)越大時間越短。舉例來說，你伸手去拿桌子上的咖啡杯，開始你的手臂迅速地往杯子位置移動，接著你會放慢速度直至找到杯子把手，這個杯子把手的大小與你“抓住”它有著一定的關(guān)系。
如上圖所示，如果光標(biāo)現(xiàn)在在任易地點想要去點擊目標(biāo) target，最短路徑一定是 D，最短路徑上容錯的最長路徑是 D+W，只要水平上移動超過了 D+W 你就點不到了，而這個點擊動作所耗的時間是一個常數(shù)加上一個以 D 為正比 W 為反比的函數(shù)的和。
讓我們來看下面這個例子：圖中右側(cè)的紅色方塊代表目標(biāo)，虛線代表從起點至目標(biāo)的移動軌跡，其范圍是用戶到達(dá)目標(biāo)前微調(diào)以彌補誤差的區(qū)域，在右方有一個較大的目標(biāo)，因為面積很大所以用戶從任意點快速點擊都會很容易，在目標(biāo)上停下來之前不需要做太精細(xì)的調(diào)整。
相反，如果把右邊紅色方塊縮小，用戶快速點擊目標(biāo)會困難得多，需要做一系列精細(xì)的調(diào)整動作。
但如果同樣大小的目標(biāo)距離很近的話，因為到達(dá)目標(biāo)范圍所需的初始動作很小，所以準(zhǔn)確點擊它的難度也會小很多。距離越近， 初始動作因為幅度太大而超出目標(biāo)區(qū)域的風(fēng)險就越小。
在頁面中，大而近的目標(biāo)區(qū)域意味著用戶不需要做太精細(xì)的調(diào)整就可以輕易的到達(dá)目標(biāo)。比如頁面中的大按鈕。
夸克瀏覽器的搜索欄就放在離手最近的屏幕底部區(qū)域，相比常見頂部搜索欄更方便操作，效率更快。
在設(shè)計注冊、登錄界面的時候，通常將「注冊」和「登錄」放到一起，不僅可以在視覺上增強用戶對他們相關(guān)性的認(rèn)知，還可以減少在他們之間的距離 。
△ 設(shè)計圖來自網(wǎng)絡(luò) 侵刪
費茨定律鼓勵減少距離，增加目標(biāo)大小以提升用戶效率，但反過來亦適用，比如 iPhone 關(guān)機，不使用按鈕點擊，而采用滑動操作，這樣雖然降低了用戶操作效率，但增加用戶操作時間，以起到警示用戶謹(jǐn)慎避免誤操作的目的，所以“取消”按鈕放在底部方便點擊的地方。
App 彈窗經(jīng)常把“關(guān)閉”按鈕放在卡片的右上角離手遠(yuǎn)的地方，還有開屏廣告，廣告商希望用戶花盡量多的時間停留在廣告內(nèi)容上，這時候廣告主會把“跳過”按鈕放在難以點擊的右上角，以降低用戶的誤觸機率提高轉(zhuǎn)化。
按鈕越大越容易點擊，在移動設(shè)備上通常增加按鈕點擊熱區(qū)范圍以便用戶不必精準(zhǔn)地點擊目標(biāo)也能操作成功，但是可點擊對象大小尺寸要合理不要過分的大；
讓相關(guān)的內(nèi)容更靠近彼此，在視覺上增強用戶對它們相關(guān)性的認(rèn)知，不過也不能過分靠近，會造成點擊壓力；
將按鈕放置在離開始點較近的地方，比如屏幕底部易操作區(qū)域；
屏幕的邊角很適合放置像菜單欄和按鈕這樣的元素，因為在屏幕邊緣和角落位置時它們是“無限可選中”的，可以大膽操作而無需“微調(diào)”；
定律的反向使用可以適用一些特殊場景，比如想達(dá)到某種目的而降低按鈕被點擊的可能。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。