カテゴリー
単一コンポーネント
78

タッチ操作する要素の大きさは7mm以上

ボタンをはじめ各種UIコントロールを、指で十分に押しやすい7〜10mm四方以上の大きさにする。

01
✕ Bad

タップしにくい小さなボタン（約4mm）

ボタンをタップしてみてください

≈ 4mm（タップしにくい）
✓ Good

タップしやすい7mm以上のボタン

ボタンをタップしてみてください

≈ 7mm以上（指でタップしやすい）
02
✕ Bad

ハンバーガーメニューが5mm程度で押しにくい

ハンバーガーメニューをタップ

ロゴ
≈ 5mm（押しにくい）
✓ Good

アイコン周囲にパディングを追加して8mm以上に

ハンバーガーメニューをタップ

ロゴ
≈ 8mm以上（パディング追加）
03
✕ Bad

隣接するチェックボックスを誤タップしやすい

チェックボックスをタップ

※ 隣接するチェックボックスを誤タップしやすい

✓ Good

各チェックボックス間に十分な余白を設ける

チェックボックスをタップ

※ 各チェックボックス間に十分な余白を確保

No.78タッチ操作する要素の大きさは7mm以上
78

タッチ操作する要素の大きさは7mm以上

ボタンをはじめ各種UIコントロールを、指で十分に押しやすい7〜10mm四方以上の大きさにする。

01
✕ Bad

タップしにくい小さなボタン（約4mm）

ボタンをタップしてみてください

≈ 4mm（タップしにくい）
✓ Good

タップしやすい7mm以上のボタン

ボタンをタップしてみてください

≈ 7mm以上（指でタップしやすい）
02
✕ Bad

ハンバーガーメニューが5mm程度で押しにくい

ハンバーガーメニューをタップ

ロゴ
≈ 5mm（押しにくい）
✓ Good

アイコン周囲にパディングを追加して8mm以上に

ハンバーガーメニューをタップ

ロゴ
≈ 8mm以上（パディング追加）
03
✕ Bad

隣接するチェックボックスを誤タップしやすい

チェックボックスをタップ

※ 隣接するチェックボックスを誤タップしやすい

✓ Good

各チェックボックス間に十分な余白を設ける

チェックボックスをタップ

※ 各チェックボックス間に十分な余白を確保