黑暗設(shè)計(jì)只要在設(shè)計(jì)中出現(xiàn)了，通過(guò)任何元素以不易察覺(jué)的方式，將用戶(hù)引向一個(gè)他們并不是真正想去的方向，那么這就黑暗設(shè)計(jì)。那你平常有沒(méi)有遇到過(guò)黑暗設(shè)計(jì)呢？又是否會(huì)識(shí)別？

用戶(hù)體驗(yàn)設(shè)計(jì)是一門(mén)創(chuàng)造獨(dú)特奇妙體驗(yàn)的學(xué)問(wèn)，但設(shè)計(jì)的產(chǎn)出并不都是美好而陽(yáng)光的。即便是本質(zhì)上親和用戶(hù)的設(shè)計(jì)產(chǎn)業(yè)也會(huì)有黑暗的一面，而且這些黑暗的充滿(mǎn)欺騙性的設(shè)計(jì)手段，比你想像的更加常見(jiàn)。

去年，用戶(hù)體驗(yàn)設(shè)計(jì)公司Sigma指出：好幾家知名零售商在利用欺驗(yàn)性的黑暗設(shè)計(jì)，從用戶(hù)那兒賺了更多的錢(qián)。出現(xiàn)在恥辱榜上的有電商巨頭Amazon、快時(shí)尚電商Boohoo.com（英國(guó)）、電子巨頭Currys PC World（英國(guó)最大的電腦零售商）、以及Esty（美國(guó)在線(xiàn)手工藝品電商平臺(tái)）。

那么黑暗設(shè)計(jì)到底是什么呢？

首先，我們要清楚知道，劣質(zhì)設(shè)計(jì)和黑暗設(shè)計(jì)不是一回事。

就像Sigma解釋說(shuō)道的那樣：

黑暗設(shè)計(jì)并不總是不用心的劣質(zhì)設(shè)計(jì)，黑暗設(shè)計(jì)是從企業(yè)利益的角度，而非用戶(hù)利益去勸誘影響用戶(hù)。

與偶爾出現(xiàn)的差設(shè)計(jì)不同，黑暗設(shè)計(jì)更像是一種刻意的設(shè)計(jì)策略。雖然當(dāng)時(shí)，用戶(hù)可能不會(huì)意識(shí)到他們正在經(jīng)歷“不好”的體驗(yàn)。

但事實(shí)是：網(wǎng)站或者產(chǎn)品并不是基于用戶(hù)的利益來(lái)設(shè)計(jì)，或者說(shuō)用戶(hù)的需求并沒(méi)有放在第一位。

黑暗設(shè)計(jì)長(zhǎng)啥樣？

只要是設(shè)計(jì)中出現(xiàn)了，通過(guò)任何元素以不易察覺(jué)的方式，將用戶(hù)引向一個(gè)他們并不是真正想去的方向，那么這就黑暗設(shè)計(jì)。

這可能會(huì)導(dǎo)致用戶(hù)在購(gòu)物車(chē)?yán)锛尤肓撕芏啾静恍枰纳唐?，也可能無(wú)意中訂購(gòu)了某個(gè)套餐業(yè)務(wù)，又或者上傳了過(guò)于詳細(xì)的個(gè)人資料。與基于同理用戶(hù)真實(shí)需求的設(shè)計(jì)不同，黑暗設(shè)計(jì)優(yōu)先考慮的是公司的目標(biāo)。

常見(jiàn)的一種小手段是：通過(guò)調(diào)整頁(yè)面信息的布局愚弄用戶(hù)，讓他們以為必須再買(mǎi)點(diǎn)別的啥才可以讓流程繼續(xù)走下去。

想像你正在網(wǎng)頁(yè)上訂酒店：你已經(jīng)選好房間準(zhǔn)備著去付款，然而，頁(yè)面上你能看到的只有——選擇租車(chē)或者房間升檔為豪華套間的選項(xiàng)，卻看不到“下一步”的按鈕。事實(shí)上，你想要的“下一步”按鈕則藏在頁(yè)面的底部。

另一個(gè)經(jīng)典的黑暗設(shè)計(jì)例子是：設(shè)計(jì)看上去不可點(diǎn)擊的鏈接或者按鈕。根據(jù)通用UX、UI設(shè)計(jì)模式，如果元素是顯灰時(shí)，我們就會(huì)立即假設(shè)它是不可點(diǎn)擊的。

在很多案例中，我們甚至都不會(huì)嘗試去點(diǎn)擊這些鏈接或按鈕，而正是因?yàn)樗芤l(fā)我們?nèi)绱说姆磻?yīng)，這樣的設(shè)計(jì)就能阻止我們做某些行為，例如：取消訂閱。

同樣的，高亮特定的信息吸引用戶(hù)注意，讓選項(xiàng)看上去是最劃算的方案（但實(shí)際上并不是）。

設(shè)計(jì)也能用于制定恐嚇策略。在Sigma的調(diào)查中發(fā)現(xiàn)：

有一些線(xiàn)上零售商，會(huì)通過(guò)設(shè)計(jì)一個(gè)醒目的提示來(lái)告訴用戶(hù)，優(yōu)惠是限時(shí)供應(yīng)的。但實(shí)際上，多訪(fǎng)問(wèn)幾次這個(gè)頁(yè)面后就會(huì)發(fā)現(xiàn)：這些所謂的“超值優(yōu)惠”在某個(gè)有限期之前，可以隨時(shí)獲得。

文字同樣可以產(chǎn)生誤導(dǎo)作用，那些不擇手段的設(shè)計(jì)師們，會(huì)使用難辨真?zhèn)蔚母北緛?lái)迷惑用戶(hù)，尤其是在勾選或者取消勾選復(fù)選框時(shí)。

一般界面友好的解決方案是：提供給用戶(hù)兩個(gè)清晰、簡(jiǎn)單的選項(xiàng)——“我要訂購(gòu)”或“不用了”。而黑暗設(shè)計(jì)策略則可能用復(fù)雜、冗長(zhǎng)的語(yǔ)句來(lái)描述選項(xiàng)，讓用戶(hù)完全搞不清楚他們應(yīng)該勾中哪個(gè)選項(xiàng)。

簡(jiǎn)而言之，黑暗設(shè)計(jì)利用了所有“以人為中心的設(shè)計(jì)心理學(xué)”中的知識(shí)，來(lái)做出不以人為中心的設(shè)計(jì)。

為什么要使用黑暗設(shè)計(jì)策略？

商家使用黑暗設(shè)計(jì)最直接的原因是：他們希望引導(dǎo)用戶(hù)做或者不做某些行為，來(lái)促進(jìn)銷(xiāo)量、收集用戶(hù)信息或快速增加他們的郵件列表里的潛在用戶(hù)量。

從短期來(lái)看：黑暗設(shè)計(jì)可能并不是壞的舉動(dòng)，但它會(huì)對(duì)品牌會(huì)有長(zhǎng)遠(yuǎn)致命的傷害。如果被發(fā)現(xiàn)你的公司故意使用欺騙性的設(shè)計(jì)，那么用戶(hù)對(duì)于你品牌的信任將馬上毀于一旦。即使你沒(méi)有被發(fā)現(xiàn)，最終黑暗設(shè)計(jì)的理念也會(huì)將你的品牌引向滅亡。

如果你將追求“快”置于為用戶(hù)創(chuàng)造有價(jià)值的體驗(yàn)之上，用不了多久用戶(hù)就會(huì)意識(shí)到這一點(diǎn)。狡猾的設(shè)計(jì)令人挫敗，它不能清晰明了的給出從A到B的路徑，而是會(huì)引導(dǎo)用戶(hù)走上一條困惑迷茫之路。

當(dāng)用戶(hù)逐漸了解這些暗箱技術(shù)，他們就會(huì)認(rèn)為那些繼續(xù)使用這些陰暗技術(shù)的品牌是不道德的。顯而易見(jiàn)的結(jié)果是——用戶(hù)會(huì)把他們的信任和忠誠(chéng)給到其他品牌。

以用戶(hù)為中心的設(shè)計(jì)總是會(huì)贏

當(dāng)用戶(hù)的信任水平持續(xù)很低時(shí)，通過(guò)用戶(hù)體驗(yàn)設(shè)計(jì)建立信任就顯得比以前更加重要了，這對(duì)商業(yè)也很重要。僅從過(guò)去10年的數(shù)據(jù)來(lái)看：設(shè)計(jì)驅(qū)動(dòng)的公司在股票市場(chǎng)以228%的回報(bào)率出現(xiàn)突出。

作為一位用戶(hù)體驗(yàn)設(shè)計(jì)師，你的責(zé)任是面向品牌和用戶(hù)的；你的工作就是創(chuàng)造出難以超越的用戶(hù)體驗(yàn)——體驗(yàn)雖然看不見(jiàn)摸不著，但它能讓用戶(hù)通過(guò)一系列的行為更便捷的滿(mǎn)足自己真實(shí)的需求。

這樣，才能保證品牌與用戶(hù)建立起正向的互動(dòng)。這樣做建立起的信任，用戶(hù)則更可能在未來(lái)回報(bào)給品牌。

從長(zhǎng)遠(yuǎn)來(lái)看：較之于利用黑暗設(shè)計(jì)所獲得的短期爆發(fā)性增長(zhǎng)，正向互動(dòng)更具有可持續(xù)發(fā)展的可能性，更有價(jià)值。

原文作者：Emily Stevens，英國(guó)本土居民，法國(guó)和德國(guó)的大學(xué)畢業(yè)后，Emily移居到了柏林。當(dāng)她沒(méi)有為CareerFoundry寫(xiě)文章的時(shí)候，她可能是在旅行、玩呼拉圈或者讀本好書(shū)。

原文鏈接：https://uxplanet.org/sinister-ux-how-to-recognize-and-avoid-dark-ux-patterns-95acdb15767f

翻譯刊登：http://uxren.cn/?p=59015

譯文作者：王貓貓的名字被占用了

譯文鏈接：https://www.jianshu.com/p/b29f402718e5

本文由 @王貓貓的名字被占用了 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載

題圖來(lái)自 Pexels ，基于 CC0 協(xié)議