是黑魔法!-那些tricky到讓你感到厭惡的設計

Andy Lu
Andy Lu
Sep 2, 2018 · 9 min read

(本篇閱讀時間:5-8分鐘)

給你一個情境,當你看到下面這個廣告視窗的時候。。。

它給了你兩個選項:

1.「得到更多的訂閱者」(要你點進去看更多意思)
2.「沒關係,客人流掉就流掉吧。」

如果我想要離開的話,就只能選擇2.了
WTF...

我就是不想點進去啊==被你說得好像我真的不在乎客人一樣!!!

你們一定也有過類似的狀況吧,我看到這些就是覺得不爽啦。


那。。。這是什麼東西?

這就是所謂的黑色模式(Dark Patterns),我稱之為黑魔法
Harry Brignull(知名UX顧問)所創立的詞彙。
聽起來好像有點炫砲,一起來看看網路上的解釋:

Dark Patterns:
Features of interface design crafted to trick users into doing things they might not want to do,but which benefit the business in question.

簡言之就是在介面設計領域中(網站、APP等)用來引導使用者的一種小把戲,誘導使用者做出一些行動(通常是出於非自願)又或者是讓使用者無法順利離開的一些伎倆。

這邊附上淺顯易懂影片介紹(約4分鐘):
https://www.youtube.com/watch?v=kxkrdLI6e6M

懶得看影片的話,那我們直接來看影片中的案例好了:

情境一:我想刪除我的Amazon帳號

圖片來源:影片

好的,應該會是在"Your Account"的地方吧~
恭喜你錯了。

千找萬找才發現原來是在下方的"Help us"處:

圖片來源:影片

然後再到"Contact Us"

再去"Login and security"(好像快到囉)

圖片來源:影片

最後一步是:聯繫客服人員。

其實我中間還少放了一個步驟,但已經他媽太多了不想再放了。
這個人的不爽,我深感體會。

解除一個帳號跟走迷宮一樣。圖片來源:影片

情境二:我正在找優惠房型

當你在找合適的住房時,看到下面這個資訊:

圖片來源:影片

錯過就錯過啊!你現在跟我講有什麼用!

其實他的目的就是要你沒事就多逛這個網站,
說不定根本沒這個房間(咦?


各種黑魔法介紹

黑魔法可不少呢!
有個網站https://darkpatterns.org特別分類了各種黑魔法,共12種!
讓我們一起瞧瞧吧:

1.誘導轉向(Bait and Switch

你本來想要做出A這個行動,但B卻出來誘惑(誤導)你。

舉2016升級Windows 10為例,過往使用者遇到版本升級,不想升級的話可以按右上的關閉鈕,但這回的關閉卻是同意的意思!

圖片來源:https://darkpatterns.org

2.羞愧法(Confirmshaming

讓使用者覺得沒有完成網站的指令會是一件很可惜的事,過分一點的還會嗆你。

我第一個提到的就是這種,再來給大家看一個例子:

圖片來源:https://darkpatterns.org

「不用了謝謝,我不在乎我家的貓吃什麼。」

家裡有養貓的人你說氣不氣!
就算給我的貓吃餿水也不要吃你們的(誤

3.冒牌廣告(Disguised Ads

假冒按鈕的方式讓你以為一按就可以達到目標。

個人覺得是蠻低端的黑魔法,就是你點Download之後還會連結到另一個網頁。

圖片來源:https://darkpatterns.org

4.被迫持續(Forced Continuity

當你以為你已經完成行動時(行動完成前都是免費的),突然冒出個要你進行付費的誤導指示。

Affinion Group網站為例,本來你已經預訂好行程了,
冒出一個“Continue”鈕要你繼續行動:

圖片來源:https://darkpatterns.org

來到可怕的付費頁面(其實可以不用來的):

圖片來源:https://darkpatterns.org

5.向朋友寄垃圾信法(Friend Spam

誤導你讓你同意他們寄信給你的朋友們。

舉Linkedin為例,把朋友加入聯絡名單,他會自動幫你寄信邀請好友加入(而且會一直寄)

圖片來源:https://darkpatterns.org

6.隱藏費用(Hidden Costs )

在你進入checkout的頁面時,突然冒出其他額外加價的費用(ex.運費、稅額等 )

這個應該比較容易想像,就不放圖片了。
舉例就是你買了個主打399的東西,
到了結帳頁面被要求加了60塊的運費,變成459這樣。

7.偷放東西進籃子(Sneak into Basket

在購買的過程中,偷放東西進你的購物旅程中。

個人覺得跟上面的隱藏費用有點像,不過現在這個黑魔法在歐洲已經被禁用了XD

8.誤導(Misdirection)

透過吸引你的注意力讓你看他想給你看的內容,即便你本來的注意力不該是在那裡。

舉Experts Exchange網站為例,當你尋求解答時,跟你說Subscribe就能立即得到答案:

圖片來源:https://www.theverge.com/2013/8/29/4640308/dark-patterns-inside-the-interfaces-designed-to-trick-you

殊不知你往下滑到最底就可以看到了。

圖片來源:https://www.theverge.com/2013/8/29/4640308/dark-patterns-inside-the-interfaces-designed-to-trick-you

9.預防比價Price Comparison Prevention

用不同單位的計價方式讓你不會那麼容易比價。

舉Sainsbury's為例,東西的單位有kg也有unit,不懂得精打細算的人可能不會想那麼多啊。

圖片來源:https://darkpatterns.org

10.隱私祖克化(Privacy Zuckering )

你的隱私比想像中被揭露的更多。

原諒我這個實在太難翻譯了,Zuker就是臉書創辦人馬克・祖克柏的小稱XD

很明顯的就是應FB隱私問題所生的黑魔法。

圖片來源:Google

「你是否同意Facebook公開使用你的資料?」
再眼熟不過的字句,看起來好像還好,但按同意後FB會知道更多關於你的事!

個資市場之龐大,而後衍生的問題也讓國際不得不重視,
歐盟近來更規範了所謂的GDPR (General Data Protection Regulation),
推薦UX四神湯的這篇文章,裡面有更多相關介紹https://goo.gl/seiUH5

11.蟑螂旅館(Roach Motel )

讓你容易進入,但難以離開。

如蟑螂屋一般,進得去出不來的概念,前面舉的Amazon就是個經典的例子。只是用蟑螂這個詞還真是噁XD

12.投機問題(Trick Questions )

意圖混淆使用者,讓使用者以為問題的屬性都一樣。

個人覺得是有點高級的黑魔法,下面勾選方塊的部分,一個是同意,一個是不同意,兩個都按的話其實是同意喔!

圖片來源:https://darkpatterns.org

看完黑魔法之後?

相信大家看完落落長的篇幅之後都對黑魔法有所了解了吧~
該怎麼防禦呢(好怕怕

告訴你唯一的黑魔法防禦術就是:

打開你的眼睛!

沒錯,其實你的行為跟資料都是有市場的,不要覺得自己沒價值(誤
所以在網路上做任何行為前都小心點吧,以免中了黑魔法!


你有遇過什麼黑魔法嗎?

歡迎在下面留言,我們一起鑽研黑魔法防禦術吧!(中二


後記

不知不覺就打這麼多了,原來黑魔法無處不在啊(覺得怕
這篇文章的圖片多是引用國外的文章,所以有些很模糊請見諒。
另外,本人接下來要去上海交換半年囉,所以文章近期都不會更新了(Medium在對岸被封QQ),等我回來再分享當地見聞:)

延伸閱讀、參考資料:
https://darkpatterns.org
https://www.youtube.com/watch?v=kxkrdLI6e6M
https://goo.gl/seiUH5

如果你覺得這篇文章不錯,請幫我拍手1-5下
如果你覺得這篇文章還可,請幫我拍手5-10下
如果你還想再看到更多類似的文章,請幫我拍手50下
歡迎在留言區交流或表達任何建議
喜歡的話就follow 吧!
*本文同步刊登於九五後的嘰嘰喳喳

Andy Lu

Written by

Andy Lu

寫一些關於設計、UI/UX的雜記。

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade