如何巧妙運(yùn)用交互設(shè)計(jì)中的暗黑模式，我們需要更多的思考和學(xué)習(xí)。不要介意用戶罵你流氓，那說明你流氓的不高明。今天這篇好文帶你看看有哪些看起來(lái)很愚蠢其實(shí)很巧妙的交互設(shè)計(jì)，案例都是取自國(guó)內(nèi)的網(wǎng)站/App，非常有借鑒性。

有些操作非常容易就能達(dá)成，有些操作明卻非要多出幾個(gè)步驟；有的icon的位置按照設(shè)計(jì)規(guī)則與用戶使用習(xí)慣來(lái)設(shè)計(jì)，有的icon的位置卻違背了規(guī)則和用戶習(xí)慣；為什么會(huì)這樣？是設(shè)計(jì)師昏了頭嗎？還是故意而為之？有那些是我們可以學(xué)習(xí)和借鑒的？這篇文章，以我的個(gè)人淺見來(lái)討論一下設(shè)計(jì)中的暗黑模式。

我們先來(lái)看幾個(gè)有趣的例子吧！

一、為什么點(diǎn)擊就等于加入購(gòu)物車？

大家最熟悉，也是最先入為主的購(gòu)物類APP是淘寶，淘寶也最早最普遍性的培養(yǎng)了用戶的使用習(xí)慣。例如當(dāng)你選購(gòu)?fù)晟唐凡⑦M(jìn)入購(gòu)物車結(jié)算時(shí)，購(gòu)物車內(nèi)還會(huì)推薦別的寶貝給你，商家這樣做的目的是為了在最后關(guān)頭讓用戶看到更多商品，并達(dá)成更大的交易額。但因?yàn)橛脩粼诘赇伖渫赀M(jìn)入購(gòu)物車，就意味著用戶選購(gòu)商品的行為已經(jīng)結(jié)束，即將進(jìn)入付款流程，為了不引起用戶的反感，推薦的商品是點(diǎn)擊后查看詳情，而不是直接加入購(gòu)物。而小米的購(gòu)物車，是點(diǎn)擊即加入購(gòu)物車，而不是進(jìn)入詳情，這和用戶的使用習(xí)慣是相悖的。

為什么小米會(huì)這樣做呢？這是極具商業(yè)目的的交互行為，明確目標(biāo)是達(dá)成更高的交易額。也就是我們所說的暗黑模式，指開發(fā)者有意利用某些與用戶體驗(yàn)相悖的設(shè)計(jì)模式，來(lái)誘導(dǎo)用戶完成某項(xiàng)操作。而且小米非常聰明，他推薦的商品，往往便宜而貼心，用戶不小心點(diǎn)擊加入購(gòu)物車后，交易額也沒有增加太多，而且刪除是個(gè)有些麻煩的操作，用戶就會(huì)想：反正也就十幾塊錢，買了就買了吧！利用暗黑模式，讓用戶花費(fèi)了計(jì)劃外的金錢，小米公司也獲得了更大的利益。

當(dāng)然淘寶里的店鋪繁多，品類繁雜，很難推薦組合購(gòu)買且難加在同一個(gè)商家結(jié)算是它不能直接加入購(gòu)物車的最大原因。這就需要根據(jù)APP的實(shí)際情況來(lái)考慮，我的建議是：如果商品品類單一，且都在同一家商家結(jié)賬，就可以推薦低價(jià)商品直接加入購(gòu)物車，比如有一個(gè)叫氧氣的APP，是賣文胸的，在結(jié)賬的時(shí)候，推薦一些隱性的文胸肩帶，單價(jià)不高且用戶大多都需要，點(diǎn)擊即加入購(gòu)物車，就是一種比較符合用戶期望的交互方式。

二、  支付頁(yè)面的取消icon為什么放在左上角？

大家可以觀察一下APP里關(guān)閉、取消的位置由于主流用戶習(xí)慣用右手操作，因此關(guān)閉、取消都是在屏幕右側(cè)，或者是圖片的右上方，這點(diǎn)大家多觀察一些APP。

但是在支付這個(gè)操作里面，取消icon卻是放在左上角的（如下圖）

為什么要違背用戶的習(xí)慣性操作？這絕對(duì)不是設(shè)計(jì)師的失誤，而是他的小心機(jī)。想象一個(gè)用戶的支付流程，當(dāng)用戶進(jìn)入支付頁(yè)面的事后，忽然有些后悔，猶豫要不要買，要不要支付時(shí)，如果icon放在了右上角，用戶習(xí)慣性的點(diǎn)擊取消的概率就大大提高；同樣的當(dāng)用戶無(wú)法在第一眼發(fā)現(xiàn)取消的操作，取消的概率也會(huì)降低。當(dāng)然，對(duì)于大額支付，用戶還是會(huì)仔細(xì)瀏覽一下找到取消的icon進(jìn)行取消，但是對(duì)于小額支付，確實(shí)會(huì)是一大推力。這點(diǎn)，在微信的打賞功能上尤為突出，當(dāng)用戶進(jìn)入當(dāng)上頁(yè)面，1元的小額打賞，在不能習(xí)慣性的簡(jiǎn)單取消的情況下，用戶會(huì)想：反正只是1元錢，付了就付了吧！

因此建議，如果APP中涉及支付流程，建議取消放在左上角，而不是右上角

三、取消訂閱怎么那么麻煩？

相信你一定和我有同樣的煩惱，郵箱里雜七雜八的郵件太多了，但卻很少是真正有價(jià)值的，很多都是廣告郵件?；貞浺幌聻槭裁茨銜?huì)收到這些廣告郵件，在某個(gè)網(wǎng)站注冊(cè)的時(shí)候使用了這個(gè)郵箱，你以為只是填寫一個(gè)郵箱作為賬號(hào)而已，結(jié)果商家就簡(jiǎn)單粗暴的默認(rèn)你訂閱了廣告郵件，后來(lái)就是源源不斷的廣告郵件了。然而取消訂閱卻沒這么簡(jiǎn)單。

看個(gè)京東的列子吧！真的是能把人氣吐血。

如上圖所示，簡(jiǎn)單的一個(gè)取消訂閱的操作，卻經(jīng)歷了：點(diǎn)擊取消訂閱icon-進(jìn)入訂閱頁(yè)面點(diǎn)擊訂閱—輸入QQ賬號(hào)和密碼登陸—訂閱成功—取消訂閱。感覺很荒唐、很奇葩的一個(gè)流程對(duì)不對(duì)。但是京東達(dá)到了自己的目的—強(qiáng)勢(shì)綁架用戶的郵箱來(lái)推送廣告郵件，且難以退訂。

招商銀行的取消訂閱用了另外一種方法來(lái)避免用戶取消訂閱，那就是玩躲貓貓。看下圖，比眼力，你能第一眼發(fā)現(xiàn)取消訂閱在那里嗎？

當(dāng)然京東的方式未免太過強(qiáng)勢(shì)，招商躲貓貓的方式也有些流氓，我們可以更巧妙一些，比如把讓用戶推薦給自己可能需要的朋友即可取消訂閱，當(dāng)然，這也有點(diǎn)壞，但是流程上會(huì)簡(jiǎn)單很多，而且既不會(huì)讓這個(gè)用戶太過反感，還能獲得另外一個(gè)潛在用戶。

看了幾個(gè)例子，我們來(lái)總結(jié)一下

站在不同的角度，看待問題就會(huì)有很大分歧。在我的概念里，暗黑不等于黑暗，暗黑是背地里陰暗的意思，而在這里我更想把它解釋為：潛藏下的心機(jī)，它并不是一個(gè)貶義詞。

在用戶眼中，這是一種令人厭惡的設(shè)計(jì)，它違背了以用戶體驗(yàn)為中心的設(shè)計(jì)理念，用一種不那么好用、或者另用戶反感甚至厭惡的模式，來(lái)達(dá)到某種商業(yè)目的。

而在開發(fā)者眼中，這是一種勸導(dǎo)式設(shè)計(jì)，是善意的謊言，是達(dá)到商業(yè)目的一種手段。

設(shè)計(jì)沒有對(duì)錯(cuò)，只有合適不合適，我們做為產(chǎn)品設(shè)計(jì)者，是在滿足商業(yè)目的的前提下做好用戶體驗(yàn)設(shè)計(jì)，空談?dòng)脩舨徽劺?，如空中建樓閣，朝夕不保，因此如何巧妙運(yùn)用交互設(shè)計(jì)中的暗黑模式，我們需要更多的思考和學(xué)習(xí)，不要介意用戶罵你流氓，那說明你流氓的不高明。