フィッツの法則 とは?──「押しやすさ」はサイズと距離で決まる

こんにちは、阿久梨絵です!
このボタン、なんか押しづらい…
──それ、 フィッツの法則 で説明できます。

UX設計の世界では、“操作しやすさ”は物理的な感覚だけでなく、心理的な距離やサイズにも左右されるという考え方が重要です。
その代表が、フィッツの法則(Fitts’s Law)です。

フィッツの法則とは?

1954年、心理学者ポール・フィッツが提唱した法則で、
対象までの距離が短く、サイズが大きいほど、素早く正確に操作できる
という人間の動作特性を数式で表したものです。

MT = a + b × log₂(D / W + 1)
MT:移動にかかる時間
D:ターゲットまでの距離
W:ターゲットの幅(サイズ)

この式からわかるのは、距離が遠い・サイズが小さい=操作に時間がかかるということ。
つまり、UIのボタンやリンクは「近くて大きく」するのが正解です。

UX設計での応用ポイント

デザイン要素フィッツの法則的アプローチ
ボタンサイズよく使う操作ほど大きくする
配置位置画面端や親指の届く範囲に置く(モバイル)
間隔間違って押さないように適度な余白を確保
グルーピング関連する操作は近くにまとめる
ラベル付きアイコン面積を広げて押しやすくする+意味の明確化

実例:フィッツの法則が活きるUI

スマホの下部ナビゲーション

 親指で届く範囲に主要操作を配置。サイズも大きめで押しやすい。

Amazonの購入ボタン

 画面右上に大きく配置。次のステップがすぐ見える。

ポップアップの閉じる「×」が小さすぎるUI

 これはフィッツの法則違反。指で押しづらく、UXを損なう

よくある失敗例

小さすぎるボタン(特にモバイル)
関連操作が離れすぎている
画面端にあるのにクリック領域が狭い
アイコンだけで意味が伝わらない(ラベルなし)

フィッツの法則を無視すると、操作ミス・ストレス・離脱率の増加につながります。

まとめ

フィッツの法則 は、人間の動作と心理に基づいたUX設計の基本原則です。
大きく、近く、意味が伝わる」──この3つを意識するだけで、UIは劇的に使いやすくなります。
阿久梨絵でした!

上部へスクロール
Verified by MonsterInsights