如何巧妙運(yùn)用交互設(shè)計(jì)中的暗黑模式,我們需要更多的思考和學(xué)習(xí)。不要介意用戶(hù)罵你流氓,那說(shuō)明你流氓的不高明。今天這篇好文帶你看看有哪些看起來(lái)很愚蠢其實(shí)很巧妙的交互設(shè)計(jì),案例都是取自國(guó)內(nèi)的網(wǎng)站/App,非常有借鑒性。
有些操作非常容易就能達(dá)成,有些操作明卻非要多出幾個(gè)步驟;有的icon的位置按照設(shè)計(jì)規(guī)則與用戶(hù)使用習(xí)慣來(lái)設(shè)計(jì),有的icon的位置卻違背了規(guī)則和用戶(hù)習(xí)慣;為什么會(huì)這樣?是設(shè)計(jì)師昏了頭嗎?還是故意而為之?有那些是我們可以學(xué)習(xí)和借鑒的?這篇文章,以我的個(gè)人淺見(jiàn)來(lái)討論一下設(shè)計(jì)中的暗黑模式。
我們先來(lái)看幾個(gè)有趣的例子吧!
大家最熟悉,也是最先入為主的購(gòu)物類(lèi)APP是淘寶,淘寶也最早最普遍性的培養(yǎng)了用戶(hù)的使用習(xí)慣。例如當(dāng)你選購(gòu)?fù)晟唐凡⑦M(jìn)入購(gòu)物車(chē)結(jié)算時(shí),購(gòu)物車(chē)內(nèi)還會(huì)推薦別的寶貝給你,商家這樣做的目的是為了在最后關(guān)頭讓用戶(hù)看到更多商品,并達(dá)成更大的交易額。但因?yàn)橛脩?hù)在店鋪逛完進(jìn)入購(gòu)物車(chē),就意味著用戶(hù)選購(gòu)商品的行為已經(jīng)結(jié)束,即將進(jìn)入付款流程,為了不引起用戶(hù)的反感,推薦的商品是點(diǎn)擊后查看詳情,而不是直接加入購(gòu)物。而小米的購(gòu)物車(chē),是點(diǎn)擊即加入購(gòu)物車(chē),而不是進(jìn)入詳情,這和用戶(hù)的使用習(xí)慣是相悖的。
為什么小米會(huì)這樣做呢?這是極具商業(yè)目的的交互行為,明確目標(biāo)是達(dá)成更高的交易額。也就是我們所說(shuō)的暗黑模式,指開(kāi)發(fā)者有意利用某些與用戶(hù)體驗(yàn)相悖的設(shè)計(jì)模式,來(lái)誘導(dǎo)用戶(hù)完成某項(xiàng)操作。而且小米非常聰明,他推薦的商品,往往便宜而貼心,用戶(hù)不小心點(diǎn)擊加入購(gòu)物車(chē)后,交易額也沒(méi)有增加太多,而且刪除是個(gè)有些麻煩的操作,用戶(hù)就會(huì)想:反正也就十幾塊錢(qián),買(mǎi)了就買(mǎi)了吧!利用暗黑模式,讓用戶(hù)花費(fèi)了計(jì)劃外的金錢(qián),小米公司也獲得了更大的利益。
當(dāng)然淘寶里的店鋪繁多,品類(lèi)繁雜,很難推薦組合購(gòu)買(mǎi)且難加在同一個(gè)商家結(jié)算是它不能直接加入購(gòu)物車(chē)的最大原因。這就需要根據(jù)APP的實(shí)際情況來(lái)考慮,我的建議是:如果商品品類(lèi)單一,且都在同一家商家結(jié)賬,就可以推薦低價(jià)商品直接加入購(gòu)物車(chē),比如有一個(gè)叫氧氣的APP,是賣(mài)文胸的,在結(jié)賬的時(shí)候,推薦一些隱性的文胸肩帶,單價(jià)不高且用戶(hù)大多都需要,點(diǎn)擊即加入購(gòu)物車(chē),就是一種比較符合用戶(hù)期望的交互方式。
大家可以觀察一下APP里關(guān)閉、取消的位置由于主流用戶(hù)習(xí)慣用右手操作,因此關(guān)閉、取消都是在屏幕右側(cè),或者是圖片的右上方,這點(diǎn)大家多觀察一些APP。
但是在支付這個(gè)操作里面,取消icon卻是放在左上角的(如下圖)
為什么要違背用戶(hù)的習(xí)慣性操作?這絕對(duì)不是設(shè)計(jì)師的失誤,而是他的小心機(jī)。想象一個(gè)用戶(hù)的支付流程,當(dāng)用戶(hù)進(jìn)入支付頁(yè)面的事后,忽然有些后悔,猶豫要不要買(mǎi),要不要支付時(shí),如果icon放在了右上角,用戶(hù)習(xí)慣性的點(diǎn)擊取消的概率就大大提高;同樣的當(dāng)用戶(hù)無(wú)法在第一眼發(fā)現(xiàn)取消的操作,取消的概率也會(huì)降低。當(dāng)然,對(duì)于大額支付,用戶(hù)還是會(huì)仔細(xì)瀏覽一下找到取消的icon進(jìn)行取消,但是對(duì)于小額支付,確實(shí)會(huì)是一大推力。這點(diǎn),在微信的打賞功能上尤為突出,當(dāng)用戶(hù)進(jìn)入當(dāng)上頁(yè)面,1元的小額打賞,在不能習(xí)慣性的簡(jiǎn)單取消的情況下,用戶(hù)會(huì)想:反正只是1元錢(qián),付了就付了吧!
因此建議,如果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è)京東的列子吧!真的是能把人氣吐血。
如上圖所示,簡(jiǎn)單的一個(gè)取消訂閱的操作,卻經(jīng)歷了:點(diǎn)擊取消訂閱icon-進(jìn)入訂閱頁(yè)面點(diǎn)擊訂閱—輸入QQ賬號(hào)和密碼登陸—訂閱成功—取消訂閱。感覺(jué)很荒唐、很奇葩的一個(gè)流程對(duì)不對(duì)。但是京東達(dá)到了自己的目的—強(qiáng)勢(shì)綁架用戶(hù)的郵箱來(lái)推送廣告郵件,且難以退訂。
招商銀行的取消訂閱用了另外一種方法來(lái)避免用戶(hù)取消訂閱,那就是玩躲貓貓。看下圖,比眼力,你能第一眼發(fā)現(xiàn)取消訂閱在那里嗎?
當(dāng)然京東的方式未免太過(guò)強(qiáng)勢(shì),招商躲貓貓的方式也有些流氓,我們可以更巧妙一些,比如把讓用戶(hù)推薦給自己可能需要的朋友即可取消訂閱,當(dāng)然,這也有點(diǎn)壞,但是流程上會(huì)簡(jiǎn)單很多,而且既不會(huì)讓這個(gè)用戶(hù)太過(guò)反感,還能獲得另外一個(gè)潛在用戶(hù)。
看了幾個(gè)例子,我們來(lái)總結(jié)一下
站在不同的角度,看待問(wèn)題就會(huì)有很大分歧。在我的概念里,暗黑不等于黑暗,暗黑是背地里陰暗的意思,而在這里我更想把它解釋為:潛藏下的心機(jī),它并不是一個(gè)貶義詞。
在用戶(hù)眼中,這是一種令人厭惡的設(shè)計(jì),它違背了以用戶(hù)體驗(yàn)為中心的設(shè)計(jì)理念,用一種不那么好用、或者另用戶(hù)反感甚至厭惡的模式,來(lái)達(dá)到某種商業(yè)目的。
而在開(kāi)發(fā)者眼中,這是一種勸導(dǎo)式設(shè)計(jì),是善意的謊言,是達(dá)到商業(yè)目的一種手段。
設(shè)計(jì)沒(méi)有對(duì)錯(cuò),只有合適不合適,我們做為產(chǎn)品設(shè)計(jì)者,是在滿(mǎn)足商業(yè)目的的前提下做好用戶(hù)體驗(yàn)設(shè)計(jì),空談?dòng)脩?hù)不談利益,如空中建樓閣,朝夕不保,因此如何巧妙運(yùn)用交互設(shè)計(jì)中的暗黑模式,我們需要更多的思考和學(xué)習(xí),不要介意用戶(hù)罵你流氓,那說(shuō)明你流氓的不高明。
0
喜歡他,就推薦他上首頁(yè)吧^_^
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版
豫 ICP 備16038122號(hào)-2
豫公網(wǎng)安備 41019702002261號(hào)