UIUX – 黑暗模式 & 設計倫理
黑暗模式(Dark Patterns,近年也稱 Deceptive Patterns)是指故意設計來誘導使用者做出對自己不利的決定的介面,例如不小心訂閱、多付錢、分享了不想分享的個資。這個詞由 UX 設計師 Harry Brignull 在 2010 年提出。
黑暗模式和「深色模式(Dark Mode)」完全無關。深色模式是配色主題,黑暗模式是操弄手法。
這篇和 UIUX – UX法則 是一體兩面:黑暗模式用的就是同一套心理學,只是拿來對付使用者。
一、常見的操弄手法
難以離開
- 蟑螂屋(Roach Motel):進來很容易,出去很難。訂閱只要一鍵,取消卻要進五層設定、填問卷,甚至打電話。
- 嵌叨(Nagging):反覆跳出同一個要求,例如「開啟通知」,而且只有「現在開啟」和「稍後再說」,沒有「不要」。
- 強迫行動(Forced Action):要使用者先做一件無關的事才能繼續,例如下載一份 PDF 前一定要註冊、分享給三個朋友。

偷偷加料
- 預設勾選(Preselection):「訂閱電子報」「同意將資料提供給合作夥伴」預設就是打勾的。
- 偷渡進購物車(Sneak into Basket):結帳時自動多了保險、加購商品,要使用者自己發現、自己刪。
- 隱藏費用(Hidden Costs):商品頁寫 NT$ 990,到最後一步才出現服務費、處理費、運費。

製造壓力
- 確認羞辱(Confirmshaming):拒絕按鈕寫成「不了,我不想省錢」「我喜歡付全價」,用羞恥感逼人按「好」。
- 假的急迫感(False Urgency):限時優惠倒數,重新整理又從 10 分鐘開始倒。
- 假的稀缺與社會認同(Fake Scarcity / Social Proof):「只剩 1 件」「有 23 人正在看這間房」,數字其實是隨機產生的。

誤導視覺
- 偽裝廣告(Disguised Ads):廣告做得像網站自己的「下載」按鈕或文章。
- 陷阱問題(Trick Questions):用雙重否定讓人看不懂,例如「若您不希望不收到優惠訊息,請勿勾選」。
- 視覺干擾(Visual Interference):Cookie 橫幅的「全部接受」是大顆藍色按鈕,「拒絕」則是灰色小字,或藏在「管理設定」裡。
- 偷換按鈕(Bait and Switch):使用者以為按「×」是關閉,結果是同意安裝更新。

二、正與反
黑暗模式並不是設計師「不懂 UX」,而是太懂 UX。同一條法則,方向反過來就是操弄:
| 法則或原則 | 正確用法 | 黑暗模式的用法 |
|---|---|---|
| 雷斯多夫效應 | 突顯最適合多數人的方案 | 只突顯「全部接受」,「拒絕」做成灰色小字 |
| 費茲法則 | 主要 CTA 做大、放在好按的地方 | 「關閉」「取消」做得很小、放在角落 |
| 預防錯誤 | 按鈕預設 type="button",避免誤送表單 | 「同意訂閱」預設勾選,利用使用者不會改預設值 |
| 使用者控制權與自由度 | 明確的取消、返回、復原 | 蟑螂屋:取消訂閱藏起來 |
| 席客法則 | 精簡選項,讓決定更快 | 取消流程塞滿挽留優惠,讓人打消念頭 |
| 一致性與標準 | 確認、取消的位置全站一致 | 在最關鍵的一步偷偷對調按鈕位置 |
| 目標梯度、蔡格尼克效應 | 進度條幫使用者完成他想做的事 | 用未完成提醒製造焦慮,逼人不斷回來 |
| 系統與真實世界相符 | 用使用者聽得懂的話 | 故意用雙重否定把話說得模糊 |
判斷的關鍵只有一個問題:這個設計是幫使用者做他想做的事,還是幫公司讓使用者做他不想做的事?
三、為什麼不該做
1. 短期轉換,長期流失
黑暗模式通常真的能讓數字變好看:訂閱數、加購率都會上升。但接著而來的是退款、客訴、負評,以及使用者對品牌的不信任。被騙過一次的人,下次會直接離開。
2. 法規正在管
- 歐盟 GDPR:個資使用的同意必須是使用者「主動」給的,預設勾選的同意無效。
- 歐盟數位服務法(DSA):明文禁止線上平台使用欺騙或操弄使用者的介面設計。
- 美國 FTC:曾因 Amazon Prime 的取消流程太難而提告,最後以巨額和解收場。
「取消訂閱藏起來」已經不只是道德問題,而是法律風險。
好的設計讓使用者更容易做到他想做的事;黑暗模式讓使用者更容易做到公司想要他做的事。
