この記事の要点（UIXHERO視点） UIXHEROでは、フィッツの法則を「重要な要素ほど『大きく』『近く』配置し、操作ミスを減らすための物理的法則」と定義する。 本記事では、重要なボタンを「大きく、近く」配置し、誤操作を誘発する要素を「小さく、遠く」配置する、インターフェースの重力設計を整理する。
フィッツの法則とは？
1954年に心理学者ポール・フィッツが提唱した、人間工学のモデルです。 「ターゲットを指差す・クリックするのにかかる時間は、ターゲットまでの『距離』が遠いほど長く、『大きさ』が小さいほど長くなる」という法則です。
数式は $T = a + b \log_2 (2D/W)$ で表されますが、UXデザインにおける含意はシンプルです。 「押しやすいボタンとは、近くて大きいボタンである」。
UI設計では、フィッツの法則をクリック領域・到達しやすさや主要導線の判断に落とし込みます。ボタンはもちろん、トグル、スイッチ、チェックボックスのような小さな操作コンポーネントでも、見た目のサイズと実際の当たり判定を分けて考える必要があります。
UXデザインでの活用事例
1. タッチターゲットのサイズ
モバイルデバイスにおいて、指でタップ可能な最小エリアは「44x44pt (Apple)」または「48x48dp (Google)」とガイドラインで定められています。これより小さいと、操作時間が増え、ミスタップ（エラー）が激増します。
2. 画面の端（無限の大きさ）
PCのマウス操作では、画面の四隅や端は「カーソルを勢いよく振っても通り過ぎない」ため、実質的にサイズが無限大（最も押しやすい場所）になります。 Windowsのスタートボタンや、Macのメニューバーが画面端にあるのはこのためです。
3. 親指ゾーン (Thumb Zone)
スマホを片手で持つとき、親指が自然に届く範囲（画面下部）に重要なアクションボタンを配置します。
実装例: ターゲットサイズと押しやすさ
小さくて遠いボタン（悪い例）と、大きくて近いボタン（良い例）を比較するデモです。 実際にカーソルを動かしてクリックしてみると、操作の負荷が全く違うことがわかります。
この原則を実装で見る
この原則が実装でどう形になるかを、GUNJO の部品で確かめられます。
倫理的配慮とアクセシビリティ
- 運動機能の制約: フィッツの法則は健常者をモデルにしていますが、震戦（手の震え）があるユーザーや、高齢者にとっては、「小さいターゲット」は単に時間がかかるだけでなく、操作不可能な障壁になります。ターゲットサイズを確保することは、アクセシビリティの必須要件です。
- 間隔 (Spacing): ボタン同士が近すぎると、目的のボタンを押そうとして隣のボタンを押してしまう（ミスタップ）リスクがあります。十分なマージンも重要です。破壊的操作は小さくするのではなく、エラー予防として確認や距離で扱います。
