什麼是暗黑模式 (Dark Patterns)?使用者介面中的惡意設計內容

更新於 發佈於 閱讀時間約 9 分鐘

暗黑模式 (Dark Patterns) 定義

在使用者介面設計上,通過脅迫、引導或欺騙等惡意手段,
讓使用者做出意外且有害的決策之設計內容,就稱為「暗黑模式 (Dark Patterns)」

(上述定義是為了科普目的由筆者所濃縮的簡單定義,請斟酌參考。)

暗黑模式 (Dark Patterns) 名詞起源及適用領域

暗黑模式一詞由 Brignull 於 2010 年提出,用於描述「使用者介面設計對使用者及其決策能力產生不利影響」。之後隨著暗黑模式概念受到各學者的關注,不斷擴展並重新進行分類及整理,研究領域也從最初的網站逐漸延伸到各類應用上,如:應用程式和遊戲。

在使用上需注意「暗黑模式」一詞是在「介面設計領域」中的學術討論中所生的專有名詞,並「不包含實體互動行為」上的討論。

暗黑模式(Dark Patterns)日常生活案例

案例一:使用電商平台時,旁邊不斷跳出「限時折扣」的視窗,但實際上只是促進你進行購買行為的一種暗黑模式。

案例二:網站只允許使用者透過現有的社交媒體帳戶註冊帳戶,以便網站方可以收集有關使用者的更多資訊。在沒有妥善揭露使用規範的情況,就屬於一種暗黑模式。

案例三:服務商提供免費試用時間,卻在沒有提醒你的情況下直接開始收取訂閱費用。故意的隱蔽重要資訊,也屬於一種常見的暗黑模式。

本文內容由筆者根據學者 Arunesh Mathur, Gunes Acar, Michael J. Friedman, Elena Lucherini, Jonathan Mayer, Marshini Chetty, and Arvind Narayanan 在〈Dark Patterns at Scale: Findings from a Crawl of 11K Shopping Websites.〉中提到的內容進行整理後的知識重點。


暗黑模式介紹:分類及舉例

以下將對暗黑模式進行更全面的介紹,包含說明暗黑模式的特徵、(其中一種) 分類方式及相關的生活舉例,讓大家能對於暗黑模式有更完整的認識。

暗黑模式背後常見的心理學基礎

  • 錨定效應:人在未來決策中有依賴「初始資訊」的傾向。
  • 從眾效應:當人認知到其他人重視某物時,會傾向更重視它。
  • 默認效果:人傾向於「預設分配」給他們的選項。
  • 框架效應:根據信息呈現方式,從相同資訊中做出不同決定的傾向。
  • 稀缺偏見:人傾向於對稀缺事物給予更高的價值。
  • 沉沒成本謬誤:若在某事物投入了資源,人們傾向於繼續投入更多資源,即使並不是當下最佳的決策。

暗黑模式常使用以上幾種人的心理機制,對於使用者進行控制、操縱。

暗黑模式的五大特徵

以下將介紹暗黑模式的五大特徵,包含:不對稱性、隱蔽性、欺騙性、資訊隱藏性、限制性。

  1. 不對稱性:指介面中呈現可用選項時,施加了不平等的權重或負擔。例如:網站上提供一個醒目的按鈕來接受 Cookie,但令退出按鈕不太明顯,甚至隱藏在其他頁面。
  2. 隱蔽性 (影響方式不直接):指介面設計選擇對使用者進行隱藏。例如:網站可能會利用誘餌效應,引入額外的選擇,使目標選擇看起來更具吸引力。
  3. 欺騙性:介面設計透過錯誤、誤導性的陳述以影響使用者決策。例如:網站提供使用者限時折扣,但實際上刷新網站後折扣仍然會存在,也就是說,欺騙了消費者有「限時折扣」這件事。
  4. 資訊隱藏性:使用者介面掩蓋或延遲向用戶顯示必要資訊。例如:電商網站在結帳之前不會向使用者揭露產品會產生的額外費用 (外送費、服務費)。
  5. 限制性:使用者介面限制了使用者可用的選項集。例如:網站可能只允許使用者透過現有的社交媒體帳戶註冊,以便他們可以收集更多消費者的資訊。

暗黑模式的七種分類 (手段)

以下將介紹暗黑模式常見的七種分類,可理解成暗黑模式常見的七種「手段」,也就是說,暗黑模式會存在的「設計點」可能在於:

  1. Sneaking 潛藏:在使用者未主動操作的情況下,將某些資訊、內容,偷偷置入使用者的操作介面中。例如:未經使用者同意的情況下將產品添加到使用者的購物車中;在用戶即將完成購買前一刻才向使用者揭示新的、額外的且通常異常高的費用,此類費用的經常為「服務費」或「手續費」的形式出現;以一次性費用或免費試用為幌子向使用者收取經常性費用 (訂閱費)。
  2. Urgency 急迫性:指對銷售或交易施加截止日期,會讓使用者產生「害怕錯過」的效果,尤其同時與「社會認同」和「稀缺性」結合使用時,效果更為顯著。例如:在購物介面旁邊跳出的「限時優惠」視窗。
  3. Misdirection 誤導:使用視覺、文字或情感來引導使用者做出或避免做出特定選擇,通過利用使用者的不同情感機制和認知偏差來發揮作用,且「沒有限制」使用者行為的惡意設計內容。例如:透過「忍痛放棄省錢的機會」、「不,我對地球環境漠不關心」等刻意引導性的文字,讓使用者傾向選擇特定選項;或使用難以理解的「雙重否定」文字,如「如果您不希望通過電子郵件與您聯繫,請確保該框未被選中」等內容,讓使用者難以判斷;或是在讓網頁設計「同意與不同意該網站追蹤 Cookie的選項設計」,有時同意按鈕遠遠明顯於不同意。
  4. Social Proof 社會認同:人會傾向比照他人行為,來確定自己行動的正確性。因此,相關的暗黑模式可能就會利用此方法來欺騙使用者,例如:透過表明其他用戶的活動,如「其他 90 人正在查看此商品」等文字,影響使用者的判斷,而實際上這樣的顯示內容可能只是亂數生成的內容。(就這方面來說,具欺騙性質的手法才會被納入暗黑模式的界定中)
  5. Scarcity 稀缺性:表明產品有限性或需求量大,從而增加了其感知價值及可取性。而這個與社會認同有些類似,只是稀缺性操弄的點在於「謊報產品的庫存」、「謊報購買此商品的使用者數量」等手段。
  6. Obstruction 阻礙:指通過介面上的阻礙,令使用者進行某動作十分困難,進行控制使用者的行為,例如:透過免費試用的幌子欺騙你訂閱,但試用期到了之後要退訂時卻非常麻煩,有些甚至在介面中並不會有這樣的功能,需要透過直接與客服聯繫等方式才可退訂。
  7. Forced Action 強迫行動:強制要求使用者採取某些額外的和非必要的行動以進行商家期待的任務。例如:網站可能只允許使用者透過現有的社交媒體帳戶註冊,以便他們可以收集更多消費者的資訊;或是在瀏覽某些頁面時要求必須註冊後,才可進行相關瀏覽。

「暗黑模式」與生活討論

了解到「暗黑模式」後,能夠讓我們了解在使用者介面設計上常見的一些不那麼道德的手段,進而讓身為使用者的我們有所警惕,並讓更多人意識到此問題後,我們對介面設計方能有更有力的監督。

同時,當然能理解在以上所有列出的「暗黑模式」,有些似乎也還在模稜兩可的程度,還不至於到絕對的「暗黑」。像是在誤導的類別中,透過視覺化的方式讓同意 cookie 及不同意 cookie 按鈕設計,像這樣有差異的視覺設計,可能不一定是那麼邪惡。

而比較邪惡的在於,比如說通過亂數、AI 生成的其他客戶活動內容、促銷內容,來刻意的誤導使用者的這件事情,就明顯的是「暗黑」的手段,而這可能是我們一般善良的平民百姓不一定會想到的事情。而這部分真的就需要透過專家或政府的力量來進行監督,才能夠有效的改善。

而值得警惕的還有,雖然這篇論文距今大約 6 年,但可能還是有許多相關的惡行存在我們每天使用的網站、介面、APP之中。且會進行「暗黑模式」的商家並不只存在於一些二流商家,也包含具有一定規模、知名度的網站。如:Adobe 的訂閱問題。

這篇期刊有提到,他們所研究的網站也包含知名的購物網站,並點出像是廣大設計師、插畫家的青睞的 Pinterest 網站,在使用者資料收集運用上,也使用到「暗黑模式」手法。而以上提到的應該只是一切暗黑模式的冰山一角。

總之,希望大家認識「暗黑模式」之後,相信能夠對於這方面的設計內容有更高的敏銳度,如果可以的話,請擔任小小警察一起監督每個企業、網站,或至少盡可能的在使用網站時更加小心謹慎,以及在閱讀相關資料、聲明書時更加詳盡,確保自身權益。


參考資料:Dark Patterns at Scale: Findings from a Crawl of 11K Shopping Websites

留言
avatar-img
留言分享你的想法!
avatar-img
小人得誌
23會員
75內容數
目前文章主題內容:設計、哲學與美學、各類書評等內容。歡迎透過 email 聯繫:javiisdesign@gmail.com
小人得誌的其他內容
2025/07/07
這篇文章分享為什麼想要開始分享「如果重讀工業設計系」系列的動機,並簡單點出筆者在就讀工業設計系時面對的學習瓶頸,包括:課程框架不明確、設計實務與設計研究的混淆,以及工業設計理論的缺乏。期待透過這個系列文章,分享我認為工業設計系學生應該具備的知識與我個人對於工業設計的觀察與洞見。
Thumbnail
2025/07/07
這篇文章分享為什麼想要開始分享「如果重讀工業設計系」系列的動機,並簡單點出筆者在就讀工業設計系時面對的學習瓶頸,包括:課程框架不明確、設計實務與設計研究的混淆,以及工業設計理論的缺乏。期待透過這個系列文章,分享我認為工業設計系學生應該具備的知識與我個人對於工業設計的觀察與洞見。
Thumbnail
2025/06/10
邊界物件 (Boundary Objects) 是指不同群體成員同時使用的事物或想法,雖然在各群體中功能與目的不同,卻相似到足以作為交流焦點。其在不同群體之間的合作與知識建構中的作用,且消弭溝通中的觀點優越性,促進跨群體、學科的溝通與協作。
Thumbnail
2025/06/10
邊界物件 (Boundary Objects) 是指不同群體成員同時使用的事物或想法,雖然在各群體中功能與目的不同,卻相似到足以作為交流焦點。其在不同群體之間的合作與知識建構中的作用,且消弭溝通中的觀點優越性,促進跨群體、學科的溝通與協作。
Thumbnail
2025/06/04
產品設計師、工業設計師的 AI 協作工具 enzzo 評測,它的優點在於能清晰架構產品研發框架,提升設計效率,並快速查找資料;缺點是生成速度、介面速度有待加強,且內容正確性需商榷。就目前的完成度來說,推薦給教學或初階設計師使用,有助於瞭解產品研發流程。
Thumbnail
2025/06/04
產品設計師、工業設計師的 AI 協作工具 enzzo 評測,它的優點在於能清晰架構產品研發框架,提升設計效率,並快速查找資料;缺點是生成速度、介面速度有待加強,且內容正確性需商榷。就目前的完成度來說,推薦給教學或初階設計師使用,有助於瞭解產品研發流程。
Thumbnail
看更多
你可能也想看
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
在本章節中,我們介紹了 CSS 偽元素的基本概念和常見用法,通過一些示例,我們展示了如何使用這些偽元素來樣式化文檔中的特定部分。此外,我們還探討了一些高級用法,如創建自定義引號和實現複雜的圖形效果。這些內容應該能夠幫助你更好地理解和應用 CSS 偽元素。
Thumbnail
在本章節中,我們介紹了 CSS 偽元素的基本概念和常見用法,通過一些示例,我們展示了如何使用這些偽元素來樣式化文檔中的特定部分。此外,我們還探討了一些高級用法,如創建自定義引號和實現複雜的圖形效果。這些內容應該能夠幫助你更好地理解和應用 CSS 偽元素。
Thumbnail
【外掛擴充】Dark Reader 這是一個護眼的 Chrome 瀏覽器擴充套件,通過即時產生深色主題,為每一個網站啟用夜間模式。即使是 Google 信箱或表單,都能使用。透過 Dark Reader 反轉明亮的顏色,使其網頁內容具有高對比度並且易於在夜間閱讀。除了可以減少電量的消耗,也能減少用
Thumbnail
【外掛擴充】Dark Reader 這是一個護眼的 Chrome 瀏覽器擴充套件,通過即時產生深色主題,為每一個網站啟用夜間模式。即使是 Google 信箱或表單,都能使用。透過 Dark Reader 反轉明亮的顏色,使其網頁內容具有高對比度並且易於在夜間閱讀。除了可以減少電量的消耗,也能減少用
Thumbnail
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
Thumbnail
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
Thumbnail
本篇要帶大家探索的是,在數位印刷時,我們經常遇到各種技術挑戰和決策點。其中「黑色疊印」的概念尤其關鍵,它不僅影響印刷品的視覺效果,還涉及印刷過程中的技術處理。讓我們一起深入了解黑色疊印的世界,掌握它的優劣,並學習如何在設計中巧妙應用。需要設定[K:100%]的黑色物件,可能會因為軟體的設定或印刷廠的
Thumbnail
本篇要帶大家探索的是,在數位印刷時,我們經常遇到各種技術挑戰和決策點。其中「黑色疊印」的概念尤其關鍵,它不僅影響印刷品的視覺效果,還涉及印刷過程中的技術處理。讓我們一起深入了解黑色疊印的世界,掌握它的優劣,並學習如何在設計中巧妙應用。需要設定[K:100%]的黑色物件,可能會因為軟體的設定或印刷廠的
Thumbnail
在社群平臺上,一切的可見度都受到演算法控制,想要增加曝光就必須深入瞭解演算法的運作方式。本篇文章將透過說明演算法的運作方式以及狙擊演算法的第一步:HOOK來提供一些策略,協助創作者應對平臺演算法的變化。
Thumbnail
在社群平臺上,一切的可見度都受到演算法控制,想要增加曝光就必須深入瞭解演算法的運作方式。本篇文章將透過說明演算法的運作方式以及狙擊演算法的第一步:HOOK來提供一些策略,協助創作者應對平臺演算法的變化。
Thumbnail
觀察者模式透過主題訂閱/訊息通知的機制,極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單,是非常實用的設計模式。
Thumbnail
觀察者模式透過主題訂閱/訊息通知的機制,極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單,是非常實用的設計模式。
Thumbnail
代理模式通過封裝原始對象來實現對該對象的控制和管理,同時不改變原始對象的行為或客戶端與該對象互動的方式,以此介入或增強對該對象的訪問和操作。
Thumbnail
代理模式通過封裝原始對象來實現對該對象的控制和管理,同時不改變原始對象的行為或客戶端與該對象互動的方式,以此介入或增強對該對象的訪問和操作。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News