教你巧用交互設(shè)計(jì)中的暗黑模式

　　如何巧妙運(yùn)用交互設(shè)計(jì)中的暗黑模式，我們需要更多的思考和學(xué)習(xí)。不要介意用戶罵你流氓，那說(shuō)明你流氓的不高明。今天中國(guó)設(shè)計(jì)網(wǎng)的小編帶你看看有哪些看起來(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è)人淺見(jiàn)來(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í)慣是相悖的。

　　當(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è)郵箱，你以為只是填寫(xiě)一個(gè)郵箱作為賬號(hào)而已，結(jié)果商家就簡(jiǎn)單粗暴的默認(rèn)你訂閱了廣告郵件，后來(lái)就是源源不斷的廣告郵件了。然而取消訂閱卻沒(méi)這么簡(jiǎn)單。

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

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

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

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

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