費茨法則是人機交互領域基石級模型,1954 年由 Paul Fitts 提出,核心論點直觀而深刻:目標距離越遠、尺寸越小,指向時間越長、錯誤率越高。數學模型為:
Time = a + b × log₂(D / S + 1)
- D:滑鼠當前位置到目標中心的距離
- S:目標寬度(有效尺寸)
- a、b:經驗常數
設計啟示:兩大優化槓桿
- 縮短距離:將高頻操作置於易達區域(如螢幕邊角、右下角)。
- 放大目標:關鍵按鈕加大熱區,利用螢幕邊緣「無限大」特性(Mac Dock、Windows 任務欄、開始選單)。
經典應用與反面教材
正向案例
- Windows XP 開始選單「隱藏長期未用項目」:縮短菜單長度,減少平均尋找距離。
- Office XP 同理隱藏低頻工具欄。
- Mac Dock 圖標巨大、放大動畫,命中率極高;Windows 任務欄 16×16px 小圖標易誤觸。
負面案例
- Web 分頁碼過小、過密(ASP.NET DataGrid 默認分頁),難以精準點擊。
- GotDotNet 分頁控件:翻頁控件固定頁首,頁面滾動至底部需滾回頂部翻頁,違背「就近原則」。
法則侷限與擴展思考
- 僅適用 2D 平面:未考慮方向因素。右手用戶指向左上/左下角較困難,佈局應偏向右側。
- 缺乏「虛擬距離」度量:同一功能在選單、工具欄、右鍵菜單多入口並存時,實際認知距離非幾何距離。解決方案:多入口等同化、用戶自定義佈局(如 Windows「發送到」、開始選單分組)。
費茨法則不解決所有問題,但提供了「可量化、可驗證」的科學基線。優秀設計師不僅遵循法則,更懂得在法則邊界處做情境化判斷。
文章來源:jary.findesign.cn/?p=3752 轉載請注明出處鏈接。