ダークパターン図鑑100 教育目的のデモサイト

一覧へ戻る / 視覚・UIトリック

#041 / 100

ボタンの視覚的格差

視覚・UIトリックインターフェース干渉

「同意する」は大きな黒ボタン、「同意しない」は背景と同化した細字リンク。

体験デモ枠内は自由に操作できます(すべて架空)

赤い枠と番号がダークパターンの仕掛け。ボタンを押すと「現実なら何が起きるか」が枠内に表示されます。

mallpoint.example

モールポイント会員規約

会員登録の前に、利用規約とプライバシーポリシーの内容をご確認ください。同意いただくと、次回以降のお買い物でポイントが貯まります。

  1. 「同意する」は幅いっぱいの黒いボタンで、指がそのまま届く位置に置かれている。
  2. 「同意しない」は極小の薄い文字リンクとして隅に沈められている。見た目の差だけで選ばせたい方向へ誘導している。

解説

手口

同意ボタンは画面幅いっぱいの黒い塊で表示され、非同意の選択肢は文字色の薄い極小リンクとしてページの隅に置かれる。操作のしやすさではなく、色と大きさの差だけでどちらを選ばせたいかを一方的に決めている。

なぜ引っかかるのか

人は視覚的に目立つものを「正しい選択」だと無意識に判断しやすく、小さく薄い表示は読む価値のない情報だと感じて読み飛ばしてしまう。

見抜き方・対策

色や大きさで選ばず、両方のボタンの文言を同じ速さで読んでから選ぶ。小さすぎる文字のリンクほど、内容を確認する価値がある。