Itelt vol8 6

1. Dark Patterns
～ユーザーを欺くダークサイドのUI/UX～

2. 自己紹介
• 伊藤博司@株式会社オプティマ
• ソフトウェアエンジニア / マネージャー
• 認定スクラムマスター / AWS認定ソリューションアーキ
テクト

3. ある日
妻「ウォシュレットのランプが点滅し
てる！どうしよう！」

4. そんな、ランプが点滅してるくらいで
・・・

5. 1秒間に5回の高速点滅
どうしよう！

6. とりあえずググる
XX-XXX(型番) 点滅

7. • 故障ではなく点検時期のお知らせらしい
• 点滅を止めるためにはサービスマンの召喚が必要
(出張料&点検料：約¥7,000 / もし故障してたら＋α)
• 自分で止める方法もあるにはある
わかったこと

8. Do it yourself!!
機器を分解して抵抗のジャンパー線を切る

9. Do it yourself!!
自己責任
機器を分解して抵抗のジャンパー線を切る

10. 結局

11. とはいえ、長期利用ですし・・・出火とか怖いので
近いうちに購入しようと思います。(別のメーカー
の)
あきらめた
意外とリーズナブル

12. ここからが本題

13. #ユーザーの声
ユーザーの怒りの声がブログや掲示板に多数寄せられてい
た
> あんなにチカチカしていたら気になって仕方ない！
> このやり方には怒りしかありません！
> 点検料取りたいだけでは？

14. そして、多くのユーザー
が
離れていった・・・

15. 今回の件は
異常な点滅でユーザーにストレスを与え
有料点検へ誘導する（という設計）
※企業側がユーザーの行動を意図的に操作
ユーザーに不信感を抱かれ、ブランドイメージが低下

16. 今回の件は
異常な点滅でユーザーにストレスを与え
有料点検へ誘導する（という設計）
※企業側がユーザーの行動を意図的に操作
ユーザーに不信感を抱かれ、ブランドイメージが低下
これ、現実版のダークパターンだ

17. ダークパターンは、「購入時に保険に入会させた
り、定期的に支払わせたりするなどの、ユーザー
を騙すために慎重に作られたユーザインタフェー
ス」
Wikipediaより
ダークパターンとは
提供側の短期的な利益の為に、ユーザーの行動を
意図的に操作しているようならダークパターン認定

18. ダークパターンの具体例を紹介

19. メール受信許可のチェックボックスが隠れている
（Opt-Out Emailsパターン）
注文を確定
✔
ショップからのお知らせを受け取る
✔
✔
✔
✔
スクロールしないと見えない
1ページ目 2ページ目

20. ダウンロードはこちら
ダウンロード
もっとも目に付くダウンロードボタンが罠
（Disguised Adsパターン）
こちらは広告
本物はこちら

21. ～解約手順～
I. ページ最下部の「ヘルプ」をクリック
II. 「問題が解決しない場合は」から「カスタマーサービスに連絡」
III. 「その他」タブを選んで
IV. プルダウンから「アカウントの確認、変更、閉鎖」
V. さらにプルダウンから「アカウントの閉鎖」
VI. 「チャット」「電話」「Eメール」のいずれかを選び、先方からの連絡を
待つ
解約の仕方が複雑
（Roach Motelパターン）

22. ✔
YYYからのお知らせを受け取る
✔
XXXのお知らせを受け取る
✔
停止できないDM
（パターン不明）
なぜか押せない・・・

23. ¥7,000〜
¥6,000〜
¥5,000〜
10名がこのプランを見ています
数名が同じページを見ています
（パターン不明）
そんなに急かさないで・・・

24. 他にもあるので
興味のある方は是非
•Confirmshaming
•Forced Continuity
•Friend Spam
•Hidden Costs
•Misdirection
•Price Comparison
Prevention
•Privacy Zuckering
•Sneak into Basket
•Trick Questions
DARK PATTERNS
https://darkpatterns.org/types-of-dark-pattern

25. • ダークパターンを反面教師にしてユーザーフレンドリーなデザイン
を！
• より良いユーザー体験を提供し、ユーザーとの信頼関係を築くこと
が重要
まとめ
ユーザーファーストで考えましょう

26. ご清聴ありがとうございま
した