【だーくぱたーん】

ダークパターン とは?

💡 そのボタン、本当に押したかった?ユーザーを騙すUI
📌 このページのポイント
ダークパターンの代表例 ローチモーテル (入ったら出られない) 今すぐ登録! 解約はこちら ↑ 小さくて見えない… スニーキング (こっそり追加) 🛒 商品A ¥1,000 ✓ 延長保証 +¥500 ↑ 勝手に追加されてる! チェック済みで気づきにくい コンファームシェイミング (断ると罪悪感) はい、お得に購入! いいえ、損をしたいです ↑ 断りにくい文言… ✓ 良いUXデザインの原則 登録と同じくらい簡単に解約できる / 追加料金は事前に明示する 選択肢は対等に提示する / ユーザーの意思を尊重する
ダークパターンの代表例と良いUXの対比
ひよこ ひよこ

ダークパターンって怖い名前…。具体的にどういうもの?

ペンギン先生 ペンギン先生

たとえば「無料お試し」に登録するとき、解約方法がわざと分かりにくくなっているサービスに出会ったことない?電話でしか解約できなかったり、解約ボタンが超小さかったり。それがダークパターンだよ

ひよこ ひよこ

あー、あるある!「本当に解約しますか?」って何回も聞いてくるやつ!

ペンギン先生 ペンギン先生

そうそう。他にも「今すぐ購入」ボタンは大きくて目立つのに「やめる」リンクは灰色の小さい文字、とか。ネットショッピングで勝手にオプション保険がカートに入ってる、なんてのも典型例だね

ひよこ ひよこ

法律で取り締まれないの?

ペンギン先生 ペンギン先生

実は規制が進んでいるよ。EUではGDPRCookie同意バナーのダークパターンが問題になったし、アメリカのFTCもダークパターンへの罰則を強化している。日本でも景品表示法の観点から注意喚起が出ているんだ

ひよこ ひよこ

作る側はなんでダークパターンを使っちゃうの?

ペンギン先生 ペンギン先生

短期的にはコンバージョン率(登録率・購入率)が上がるからだよ。でも長期的にはユーザーの信頼を失い、レビューが荒れ、ブランドが毀損される。Appleがプライバシー重視で信頼を得たように、誠実なUXの方が結局は強いんだよね

ひよこ ひよこ

エンジニアとしてはどう気をつければいい?

ペンギン先生 ペンギン先生

「この設計、自分の家族が使っても不快じゃないか?」と考えるのがいいよ。A/Bテストで「数字が上がった」だけで判断せず、ユーザーが本当に望んだ行動かを見極めること。良いUXデザイナーはユーザーの味方であるべきだね

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「ダークパターン」って出てきたら「ユーザーを騙して不利な行動に誘導する悪いUI設計」と思えればだいたいOK!
📖 おまけ:英語の意味
「Dark Pattern」 = 暗い(悪質な)パターン
💬 2010年にUXデザイナーのハリー・ブリヌルが命名したよ。最近は「ディセプティブパターン(欺瞞的パターン)」とも呼ばれるようになっているよ
← 用語集にもどる