不讓使用者好用的 UI 設計 - 淺談「暗黑模式」(Dark Patterns)

一般談到好的 UI 設計(使用者介面設計),一定都會談到「易用性」,UI 設計得好不好,跟好不好用有很大的關係。不過有時候,app 或網站的開發者,卻不希望使用者太輕易發現一些元件,例如:取消訂閱的按鈕…

app 不想讓你太容易找到功能的「暗黑模式」

暗黑模式的定義

暗黑模式」(dark pattern)是 UX 設計師 Harry Brignull 在 2010 年所提出,在其所發布的網站(https://www.deceptive.design/)中,具體提出多種 app 或網站的欺騙或誘拐行為。包含了:

🔸預防使用者比較產品方案
🔸使用介面誘導使用者作出原本不會作的選擇
🔸將廣告偽裝成內容的一部份
🔸假的受歡迎程度或是數據(例如:剩下 1 件庫存)
🔸假的社會證明(例如:使用者評論或推薦訊息)
🔸假的時間壓迫(例如:優惠倒數 3 小時,事實上一直都存在優惠)
🔸強迫使用者作出一些行動(例如:提供 email 才能繼續)
🔸容易訂閱卻難以取消
🔸隱藏額外費用(例如:訂房手續費)
🔸隱藏訂閱(例如:試用期過後自動訂閱)
🔸不斷重複打擾使用者,要求開啟通知或評價產品等有利於業者行為
🔸阻礙使用者存取特定資訊或完成某項行為(例如:要求客戶服務時)
🔸預先選取對業者有利的選項(例如:分享我的資料)
🔸偷偷將使用者不需要的東西加入(例如:在購物時被加入了訂閱雜誌)
🔸使用誤導性的詞彙(例如:免運費,結果卻收手續費)
🔸透過 UI 設計將重要資訊使用視覺干擾手法隱藏或呈現不明顯

另外根據 OECD(經濟合作暨發展組織)的 Dark commercial patterns 報告書,則簡化暗黑模式為下列七種,也是較為常見的種類,特別分享:

強迫登入才能繼續使用

某些網站會強迫使用者必須登入或註冊,才可以繼續使用或閱讀內容,或在登入或註冊前,會以覆蓋式的區塊妨礙使用或閱讀。

強迫登入或註冊才能使用的UI設計

讓重要資訊反而不容易被看見

一般而言 UI 設計很重視資訊的可讀性,但如果像是取消訂閱等妨礙業者賺錢的按鈕,有時候則會故意設計得很不明顯。

重複打擾使用者

類似評價 app、開啟通知等有利於業者的功能,會不斷在使用者使用時重複提醒並打擾使用者。

容易訂閱卻難以退訂

故意將取消訂閱的功能弄得相當複雜,甚至讓使用者無法輕易地要求移除帳號。

偷雞摸狗的行徑

某些產品可能會在最後結帳時,才將加入額外手續費(像是 hotels.com,付款前才發現怎麼跟看房間時不一樣);或是在試用期結束後,自動刷卡付款轉成付費會員。

假的消費者證明

某些產品可能會捏造使用者的評價,來彰顯自己的產品優點。

用時間壓迫使用者

某些產品會在介面上告知使用者剩餘的優惠時間倒數,或是有多少人同時在跟你看相同的產品,不過這些優惠卻是不斷地重複出現,而非在時間到的時候就結束。

YouTube UI 設計也開始暗黑了嗎?

就在沒多久之前(2023 年 12 月),YouTube 進行了一連串的改版,其中 UI 設計也有多項修訂,包含了「略過廣告」的按鈕。

YouTube 提供豐富的免費影音,收益就是來自於各業主放置在影片前(或中)的廣告,雖然使用者大多可以在五秒後略過廣告,但 YouTube 並不希望你這麼做。所以現在 YouTube 將「略過廣告」的按鈕做得更小、更不明顯,文字也更少了。

YouTube 的略過廣告按鈕變得更小、更不明顯了

過去 YouTube 的「略過廣告」按鈕是黑底、寫著「略過廣告(Skip ads)」,現在 YouTube 將底色改為半透明黑色,文字也從原本的四個字改為兩個字「略過(Skip)」,主要的目的當然就是要讓使用者不要太輕易使用這個按鈕。

暗黑模式設計錯了嗎

其實美國與歐洲各國,已經開始制定暗黑模式的 UI 設計法律規範,也有多家業者被處罰,不過在台灣及亞洲,似乎還沒有相關反制的法律,而且 UI 設計師及業者,也不斷在想新的方式來閃避法律,創造新的「暗黑模式」。

站在行銷、與業者角度,暗黑模式當然是可以默默幫助業績成長,或為公司帶來額外收益的;但筆者認為,暗黑模式所帶來的收益都只是一時的,如果「暗黑過了頭」,造成使用者的不滿情緒,可能會嚴重影響使用者的忠誠度及信賴,甚至需要花更多成本去解決客戶服務端的問題,反而是一種得不償失的作法。

謝謝你耐心閱讀我的文章

你可以在堯舜設計網站看到我們的案例及作品,也可以歡迎追蹤下列媒體獲得更多資訊:

堯舜設計臉書粉絲頁
Misa 老師耍前端 Instagram:各種簡單前端知識及示範操作
Misa 老師愛講話 YouTube 頻道:設計議題分享

--

--

姚韋禎 Misa Yao
Misa 老師長篇大論 - 堯舜設計

堯舜設計創辦人、中華平面設計協會副理事長、台灣海報設計協會秘書長,擔任過廣告金手指獎、A+創意季、TTS視覺設計獎等設計競賽評審及各大專院校業界講師。專長網頁設計、UI/UX 及相關專業的教育工作。關於 Misa 老師 https://me.misa.design/