萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

費茨法則全景指南:科學量化交互設計的「距離與大小」鐵律

費茨法則是人機交互領域基石級模型,1954 年由 Paul Fitts 提出,核心論點直觀而深刻:目標距離越遠、尺寸越小,指向時間越長、錯誤率越高。數學模型為:

Time = a + b × log₂(D / S + 1)

  • D:滑鼠當前位置到目標中心的距離
  • S:目標寬度(有效尺寸)
  • a、b:經驗常數

設計啟示:兩大優化槓桿

  1. 縮短距離:將高頻操作置於易達區域(如螢幕邊角、右下角)。
  2. 放大目標:關鍵按鈕加大熱區,利用螢幕邊緣「無限大」特性(Mac Dock、Windows 任務欄、開始選單)。

經典應用與反面教材

正向案例

  • Windows XP 開始選單「隱藏長期未用項目」:縮短菜單長度,減少平均尋找距離。
  • Office XP 同理隱藏低頻工具欄。
  • Mac Dock 圖標巨大、放大動畫,命中率極高;Windows 任務欄 16×16px 小圖標易誤觸。

負面案例

  • Web 分頁碼過小、過密(ASP.NET DataGrid 默認分頁),難以精準點擊。
  • GotDotNet 分頁控件:翻頁控件固定頁首,頁面滾動至底部需滾回頂部翻頁,違背「就近原則」。

法則侷限與擴展思考

  1. 僅適用 2D 平面:未考慮方向因素。右手用戶指向左上/左下角較困難,佈局應偏向右側。
  2. 缺乏「虛擬距離」度量:同一功能在選單、工具欄、右鍵菜單多入口並存時,實際認知距離非幾何距離。解決方案:多入口等同化、用戶自定義佈局(如 Windows「發送到」、開始選單分組)。

費茨法則不解決所有問題,但提供了「可量化、可驗證」的科學基線。優秀設計師不僅遵循法則,更懂得在法則邊界處做情境化判斷。

文章來源:jary.findesign.cn/?p=3752 轉載請注明出處鏈接。

copyright © 萬盛學電腦網 all rights reserved