フィッツの法則Fitts's Law
フィッツの法則は「ターゲットへの到達時間は、距離の対数に比例し、サイズの対数に反比例する」という人間工学の法則で、ボタンサイズ・配置設計の根拠になります。
詳細解説
フィッツの法則 (Fitts's Law) は Paul Fitts が1954年に発表した人間工学の法則で「移動時間 MT = a + b * log2(D/W + 1)」(D は距離、W はターゲット幅) と定式化されます。ターゲットが遠く小さいほどクリックに時間がかかり、近く大きいほど速いという直感的な内容です。UI設計上の含意は (1) 主要 CTA は十分大きく (Apple HIG 44x44pt / Material 48x48dp 以上) (2) 画面の四隅・端は「無限に大きい」ターゲット (マウスがそれ以上行けないため) として活用 (3) 関連操作を近接配置 (4) ホバーメニューは三角ナビでヒット領域を広げる (5) フォームの送信ボタンはフィールド近くに配置、などです。タッチ UI では手のホームポジション (親指の届く範囲) と組み合わせて「Thumb Zone」を意識します。
実装例 / 使い方
- 01主要 CTA は最低 44×44 pt (iOS HIG) を確保
- 02閉じるボタンを画面右上端に配置 (角はターゲット無限大)
- 03ドロップダウンは三角形ヒット領域でメニューに到達しやすく
参考・出典
関連する用語
ヤコブの法則
Jakob's Lawヤコブの法則は「利用者は他のサイトで多くの時間を過ごすため、自サイトも他サイトと同じように動くことを期待する」という UX 原則で、Jakob Nielsen ...
ヒックの法則
Hick's Lawヒックの法則は「選択肢の数が増えるほど意思決定にかかる時間が対数的に増える」という認知心理学の法則で、UI のメニュー・選択肢設計の指針になります。...
ミラーの法則
Miller's Lawミラーの法則は「平均的な人間が短期記憶に保持できる情報は 7 ± 2 チャンク」という認知心理学の法則で、メニュー・フォームの情報量設計に応用されます。...
アクセシビリティ
Web Accessibility / a11yアクセシビリティ (a11y) は、視覚・聴覚・運動・認知などの多様な障害特性を持つ利用者が等しくWebを使えるよう設計する考え方で、WCAG が国際標準です。...
フィッツの法則を、実際に活用する
用語の意味は分かった。次は実装。EXBANK の無料診断で、貴社で具体的にどう活用できるかをご提案します。
営業時間 平日10-18時 / 通常24時間以内に返信