見えていても、伝わらない──誤操作を生む錯覚の構造

本記事は、UXを「人間理解」から捉え直す全6回シリーズの第5回目です。本シリーズでは、表層的なUI改善やテクニック論ではなく、「人はどのように感じ、どのように判断し、どのように行動するのか」という認知の視点からUXを考えていきます。

前回（第4回）では、「目は「全体」を見ていない──中心視野と周辺視野が示す視線の優先順位」として、視野の非対称性と視線が動く仕組みを整理しました。あわせてご覧ください。

今回はテーマをさらに実務へと近づけます。人はなぜ、操作を間違えるのか。錯覚という認知の仕組みから、誤操作が生まれる構造と、それを防ぐ設計の考え方を読み解きます。

UXデザインの出発点を「人間理解」に置くとは、誤操作を「ユーザーのせい」にしない姿勢から始まります。サンアンドムーンは、表層ではなく認知から設計する。その視点を、具体的なUIの失敗例と対策から探っていきます。

「操作を間違えた」──それは誰のせいでもない

「削除するつもりはなかったのに、気づいたら消えていた。」「キャンセルを押したはずが、送信されてしまった。」こうした経験は、誰もが一度は感じたことがあるはずです。そのとき多くの人は、「自分がうっかりしていた」と思います。

しかし実際には、そうではありません。誤操作の多くは、ユーザーの不注意ではなく、脳の認知の仕組みとUIの設計が噛み合っていないことで生まれます。操作ミスは、人間の問題ではなく、設計の問題です。この前提を持たないまま設計を行うと、「わかりやすく作ったはず」「目立つ場所に置いた」という思い込みが積み重なります。認知の実態を知ることが、誤操作を構造から防ぐための起点になります。

UIが誤操作を生む5つのパターン

実務の現場でよく見られる、認知の錯覚に起因する誤操作のパターンを整理します。

第一に、押せないのに押してしまうケース。テキストリンクとボタンの見た目が区別されていないと、ユーザーは「押せると思った」という錯覚のもとで誤タップを起こします。第二に、危険な操作と通常操作が隣り合うケース。「保存」と「削除」が並んでいると、ゲシュタルトの近接の法則により同等の操作と脳は認識してしまいます。第三に、慣習と異なるボタン配置。「OK」と「キャンセル」の順番が一般的な慣習と逆転していると、ユーザーは画面を読まずに体で覚えた動きで押してしまいます。第四に、グレーの多用による非活性の錯覚。押せるボタンが「グレーアウト（無効化）」状態に見えてしまいます。第五に、タッチターゲットが小さすぎるケース。「見えている」と「操作できる」は別の話です。これらはいずれも、人間の認知の仕組みを前提としていない設計が生む構造的な問題です。

サイズと距離が操作ミスを決める──フィッツの法則

誤操作の発生しやすさは、ボタンの「サイズ」と「距離」によって数値的に予測できます。これを定式化したのが、フィッツの法則（Fitts’s Law）です。「ターゲットが小さいほど、また現在位置から遠いほど、操作に時間がかかりミスが増える」というこの法則は、ヒューマンエラーが設計に起因することを示した最初期の研究のひとつです。

特にスマートフォンでは、指先での操作という身体的な制約があるため、この法則は設計に直結します。AppleのHIGやGoogleのMaterial Designが最小タッチターゲットを44〜48px以上と定めているのも、この原理に基づいた設計基準です。頻繁に使う操作は親指が届きやすいエリアに、危険な操作は届きにくい位置に置く。「どこに何を置くか」は、視覚的な整理だけでなく、身体的な操作の現実に根ざす必要があります。

誤操作を構造から防ぐ設計の考え方

錯覚に基づく誤操作は、ユーザーを注意させることでは解決しません。設計側が「人の脳はこう動く」という前提に立ち、誤操作が起きにくい構造をつくることが根本的な解決策です。

まず重要なのは、「間違えても取り戻せる」設計を持つことです。削除後に「元に戻す」トーストを表示する、送信前に確認のステップを挟む。こうした設計は、ユーザーの心理的安全性を高めます。次に、不可逆な操作にはあえて手間をかける設計が有効です。また、操作に対する即時のフィードバックも欠かせません。ボタンを押した際に視覚的な反応がないと、ユーザーは不安になり重複タップを起こします。「何が起きているか」が伝わる設計は、錯覚に対する最も有効な処方箋のひとつです。誤操作を防ぐためには、ユーザーを正そうとするのではなく、脳の動き方に沿った設計に変えることが求められます。