如何巧妙運用交互設計中的暗黑模式，我們需要更多的思考和學(xué)習。不要介意用戶(hù)罵你流氓，那說(shuō)明你流氓的不高明

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

招商銀行的取消訂閱用了另外一種方法來(lái)避免用戶(hù)取消訂閱，那就是玩躲貓貓?？聪聢D，比眼力，你能第一眼發(fā)現取消訂閱在那里嗎？

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

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

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

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

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

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

最后，在以后的工作學(xué)習中成為一個(gè)優(yōu)雅的流氓，與大家共勉。吐血總結了這么多，如果覺(jué)得對你還有所幫助，點(diǎn)個(gè)贊唄！如果有爭議，在評論區討論一下，我會(huì )不斷修改。O(∩_∩)O

摘自  http://www.ui.cn/detail/79915.html