@圍脖上的嘟嘟王子?：如何巧妙運用交互設計中的暗黑模式，我們需要更多的思考和學習。不要介意用戶罵你流氓，那說明你流氓的不高明。今天這篇好文帶你看看有哪些看起來很愚蠢其實很巧妙的交互設計，案例都是取自國內的網站/App，非常有借鑒性。

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

我們先來看幾個有趣的例子吧！

一、為什么點擊就等于加入購物車？

大家最熟悉，也是最先入為主的購物類APP是淘寶，淘寶也最早最普遍性的培養了用戶的使用習慣。例如當你選購完商品并進入購物車結算時，購物車內還會推薦別的寶貝給你，商家這樣做的目的是為了在最后關頭讓用戶看到更多商品，并達成更大的交易額。但因為用戶在店鋪逛完進入購物車，就意味著用戶選購商品的行為已經結束，即將進入付款流程，為了不引起用戶的反感，推薦的商品是點擊后查看詳情，而不是直接加入購物。而小米的購物車，是點擊即加入購物車，而不是進入詳情，這和用戶的使用習慣是相悖的。

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

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

二、? 支付頁面的取消icon為什么放在左上角？

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

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

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

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

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

相信你一定和我有同樣的煩惱，郵箱里雜七雜八的郵件太多了，但卻很少是真正有價值的，很多都是廣告郵件。回憶一下為什么你會收到這些廣告郵件，在某個網站注冊的時候使用了這個郵箱，你以為只是填寫一個郵箱作為賬號而已，結果商家就簡單粗暴的默認你訂閱了廣告郵件，后來就是源源不斷的廣告郵件了。然而取消訂閱卻沒這么簡單。

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

如上圖所示，簡單的一個取消訂閱的操作，卻經歷了：點擊取消訂閱icon-進入訂閱頁面點擊訂閱—輸入QQ賬號和密碼登陸—訂閱成功—取消訂閱。感覺很荒唐、很奇葩的一個流程對不對。但是京東達到了自己的目的—強勢綁架用戶的郵箱來推送廣告郵件，且難以退訂。

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

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

看了幾個例子，我們來總結一下

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

在用戶眼中，這是一種令人厭惡的設計，它違背了以用戶體驗為中心的設計理念，用一種不那么好用、或者另用戶反感甚至厭惡的模式，來達到某種商業目的。

而在開發者眼中，這是一種勸導式設計，是善意的謊言，是達到商業目的一種手段。

設計沒有對錯，只有合適不合適，我們做為產品設計者，是在滿足商業目的的前提下做好用戶體驗設計，空談用戶不談利益，如空中建樓閣，朝夕不保，因此如何巧妙運用交互設計中的暗黑模式，我們需要更多的思考和學習，不要介意用戶罵你流氓，那說明你流氓的不高明。

歡迎大家關注我的我的微信號：交互筆記，不定期更新。

【了解偉大企業的歷史變遷】

“不作惡”企業谷歌的首頁變遷史
《生日快樂！那些年我們用過的谷歌首頁》

設計的趨勢從此可見一斑！
《漲姿勢！從蘋果官網細看20年設計變遷史》

連邀請函都有濃濃的設計范兒！
《向經典致敬！帶你看十年來蘋果發布會的邀請函》

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量112萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com