淺析“掃一掃”設(shè)計(jì)及其背后的產(chǎn)品邏輯
大道存在我們心中。
一些優(yōu)秀的產(chǎn)品,總會(huì)給大家?guī)?lái)共鳴,但那些被人說(shuō)得早已爛大街的設(shè)計(jì),早已不能夠刺激出我們思維上的荷爾蒙。事實(shí)上多數(shù)人包括我在內(nèi),總會(huì)去關(guān)注那些大而全的設(shè)計(jì),甚至模仿一些人人稱(chēng)道的產(chǎn)品。我和一些產(chǎn)品同僚總會(huì)在剛開(kāi)始的時(shí)候過(guò)分關(guān)注界面、交互上的設(shè)計(jì)。再由于C端產(chǎn)品的單一化使用性,往往讓我們忽視了對(duì)設(shè)備物理屬性&現(xiàn)實(shí)物理場(chǎng)景的關(guān)注。
另一方面,一些所謂的大牛過(guò)分宣稱(chēng)**的重要性,例如:代碼技術(shù)、數(shù)據(jù)分析……喂喂喂!先別噴我,這不代表我認(rèn)為這些不重要。那么這些將會(huì)進(jìn)一步使得我們這些處于知識(shí)斷層的產(chǎn)品汪受到了“蠱惑”,當(dāng)我們中間一些人又繼續(xù)宣揚(yáng)這些,那這些產(chǎn)品汪(可能包括我)都有可能成為阻礙產(chǎn)品事業(yè)發(fā)展的絆腳石。
“特殊場(chǎng)景下,猛然間想起某位大詩(shī)人的詩(shī)句”總比“想撒尿時(shí),在樹(shù)下聞到過(guò)往行人遺留的尿騷味”時(shí)的親切感更具有感染力。正如王守仁所說(shuō),大道存在我們心中,當(dāng)用心體會(huì)并能夠領(lǐng)會(huì)一些產(chǎn)品設(shè)計(jì)的真諦!正如我上篇文章一樣,因?yàn)槟芰τ邢尬疫€是分享一些碎片化的知識(shí),今天我們來(lái)談一談“掃一掃”的功能設(shè)計(jì)。
微信“掃一掃”
眾所周知,微信是一款比較牛的產(chǎn)品之一。大家對(duì)他的設(shè)計(jì)理念也談了許多,我們也有最開(kāi)始的好奇,到稱(chēng)贊,最后到適應(yīng)。以至于一些優(yōu)秀的設(shè)計(jì)成了很多APP的標(biāo)配。我在2個(gè)月前也認(rèn)為微信是比較牛的產(chǎn)品,但是春節(jié)期間的體驗(yàn)讓我覺(jué)得它是一款比較偉大的產(chǎn)品。
“掃一掃”功能已經(jīng)屢見(jiàn)不鮮了,因?yàn)槎S碼的不斷普及,“掃一掃”功能已經(jīng)成了許多APP產(chǎn)品的標(biāo)配,“掃描”、“有亮燈”似乎已經(jīng)成了這種設(shè)計(jì)的標(biāo)準(zhǔn)。隨著國(guó)外扁平化、簡(jiǎn)約化理念的加入,我們很多產(chǎn)品采用折疊菜單、優(yōu)化圖標(biāo)、減少文字說(shuō)明的設(shè)計(jì),例如我們的常用的手機(jī)支付軟件:支付寶。
支付表的“掃一掃”功能主要在收付款、掃紅包使用,在這個(gè)頁(yè)面支付寶一些概念模型圖標(biāo)的設(shè)計(jì)減少了文字說(shuō)明,讓整體頁(yè)面也干凈了許多。通常,我們會(huì)在店鋪付款掃碼,或者掃他人手機(jī)屏掃碼。大家想一想大部分商超是不是黑暗的?我們掃別人手機(jī)屏?xí)r,屏幕是不是黑的?
現(xiàn)在插播一個(gè)故事,春節(jié)期間我在飯桌上打開(kāi)微信的掃一掃,有放下手機(jī)準(zhǔn)備夾菜時(shí),一種特殊現(xiàn)象出現(xiàn)了,我不說(shuō)話,直接上圖:
當(dāng)我趕緊拿起手機(jī)時(shí),“輕觸照亮”的提示又沒(méi)了,最后我又發(fā)現(xiàn)微信根本就沒(méi)有開(kāi)燈這一選項(xiàng)。微信的“掃一掃”功能通常用在添加好友&掃碼支付的場(chǎng)景下,和支付寶的使用物理場(chǎng)景基本符合。那本來(lái)開(kāi)燈就是在黑暗場(chǎng)景下就需要的,那這個(gè)開(kāi)燈功能對(duì)微信&支付寶來(lái)說(shuō)就不是剛需,那我們?yōu)槭裁丛诠饬翖l件下開(kāi)啟這個(gè)功能呢?但也許僅僅是一個(gè)幾十個(gè)像素的大小圖標(biāo),對(duì)整個(gè)界面來(lái)說(shuō)微不足道,甚至我們已經(jīng)適應(yīng)了。但相比微信&支付寶,前者“掃一掃”的用戶(hù)體驗(yàn)就更佳,感受微信的這一設(shè)計(jì)后我體會(huì)到一個(gè)道理:
特殊功能應(yīng)該在該特殊場(chǎng)景下觸發(fā)。
微信能這么做,當(dāng)然是在設(shè)計(jì)時(shí)關(guān)注了夜晚使用環(huán)境的物理屬性,還有手機(jī)相機(jī)可感光的設(shè)備屬性。使得開(kāi)燈的功能設(shè)計(jì)的比較隱含,而在需要它的時(shí)候又會(huì)即時(shí)出現(xiàn)。但有時(shí)這些非剛需的功能也可以刪除,從而進(jìn)一步影響用戶(hù)的行為,使得他們僅在光亮環(huán)境下使用。接下來(lái),我們來(lái)看看天貓APP。
天貓“掃一掃”
發(fā)現(xiàn)完微信的特殊功能后,我又打開(kāi)天貓APP的“掃一掃”功能,發(fā)現(xiàn)開(kāi)燈的功能已經(jīng)取消了。也許天貓的產(chǎn)品經(jīng)理們已經(jīng)想到了此功能的場(chǎng)景“一個(gè)人一手拿著商品,一手拿著手機(jī)準(zhǔn)備掃”,既然能看見(jiàn)商品,那次場(chǎng)景絕對(duì)是在光亮環(huán)境下嘍,那開(kāi)燈功能刪了也就無(wú)妨了(純屬臆測(cè))。另一方面人在黑暗條件下都會(huì)有原始的恐懼,那么就會(huì)降低購(gòu)物的欲望,所以那些關(guān)燈的商超我們是不愿意去購(gòu)物的。天貓“掃一掃”功能就沒(méi)有開(kāi)啟“開(kāi)燈”的功能,進(jìn)一步影響著用戶(hù)在光亮環(huán)境下使用,刺激購(gòu)買(mǎi)欲望。
除此之外,天貓APP還有另一大亮點(diǎn),而是它具有許多APP鮮有的功能(PS:其實(shí)我也沒(méi)體驗(yàn)過(guò)多少APP),還是直接上圖:
加減滑塊?當(dāng)你使用時(shí),你會(huì)發(fā)現(xiàn)這是此滑塊具有調(diào)焦功能(可放縮)。如果我沒(méi)在倉(cāng)庫(kù)待過(guò),我還真不知道他為什么這么設(shè)計(jì),請(qǐng)注意上圖部分文字“條形碼·二維碼”。條形碼就是商品外包裝的條碼,倉(cāng)儲(chǔ)領(lǐng)域的專(zhuān)業(yè)名稱(chēng)叫SKU_number(請(qǐng)?jiān)试S我裝個(gè)逼~)。
女生應(yīng)該深有體會(huì),就是細(xì)細(xì)的眉筆上有條碼,很大化妝品套裝禮盒上也有條碼,但是這兩種條碼的的大小就完全不同了。但是有些眉筆的條碼,你可能把攝像頭貼著掃才有可能識(shí)別到,那這樣的用戶(hù)體驗(yàn)就很差了。
但是我們手機(jī)的攝像頭都是具有調(diào)焦功能,如果讓“掃一掃”調(diào)用那這個(gè)調(diào)用手機(jī)調(diào)焦功能接口那就解決這個(gè)問(wèn)題了!研究完天貓之后,我也體會(huì)到一個(gè)道理:
同一設(shè)計(jì),不同功能,需要進(jìn)行不同的實(shí)現(xiàn)方式。
摩拜單車(chē)“掃一掃”
這段時(shí)間最火的莫過(guò)于摩拜單車(chē)了,說(shuō)以我們有必要體驗(yàn)一下這款很火的產(chǎn)品。因?yàn)轶w驗(yàn)“掃一掃”功能需要交付一定數(shù)額的押金,所以我果斷放棄充值,這里要感謝11童鞋,熱心幫助截圖,再次感謝!話不多說(shuō),繼續(xù)直接上圖:
先不討論這個(gè)設(shè)計(jì)的好不好,我們先看看共享單車(chē)的場(chǎng)景,實(shí)場(chǎng)景中的共享單車(chē)的擺放是這樣的:
不好意思,找了ofo的車(chē)型,大家湊合看吧。在這里我要噴一下膜拜的產(chǎn)品經(jīng)理,你讓我掃車(chē)頭的條碼幾乎不可能的,大家還是習(xí)慣掃車(chē)尾的二維碼。我就在網(wǎng)上看過(guò)很多人彎腰掃碼差點(diǎn)閃住腰的動(dòng)態(tài),所以這種用戶(hù)體驗(yàn)就是極差的!結(jié)合前面兩個(gè)案例,大家是不是對(duì)膜拜單車(chē)的掃一掃有一些建議呢?下面我就提出我的一些改進(jìn)建議:
- 開(kāi)燈設(shè)計(jì)參照微信(因?yàn)橛脩?hù)多為白領(lǐng),下班早已天黑,數(shù)據(jù)顯示在深圳凌晨2點(diǎn)鐘還有人騎共享單車(chē));
- 增加調(diào)焦功能,參考天貓(也許不用彎腰了,但手機(jī)變焦差的可能就要增加時(shí)間了)。
總結(jié)
當(dāng)然,有些產(chǎn)品的優(yōu)秀設(shè)計(jì)可不止“掃一掃”一處,同時(shí)這些“掃一掃”功能的優(yōu)質(zhì)點(diǎn)也并非僅我文中所提的這些,我對(duì)摩拜單車(chē)提的建議可能也是不合理的。也正是因?yàn)樗伎紙?chǎng)景等物理屬性的過(guò)程,我們可以發(fā)現(xiàn)很多不合理的設(shè)計(jì)&不良好的用戶(hù)體驗(yàn),它們可能就存在那些我們認(rèn)為不錯(cuò)的產(chǎn)品之上。
在不斷的格物致知的過(guò)程中,我們也能夠在一些產(chǎn)品的設(shè)計(jì)中找到類(lèi)似于《簡(jiǎn)約至上》等優(yōu)秀書(shū)籍中理論的實(shí)現(xiàn)。或許我們暫時(shí)沒(méi)有機(jī)會(huì)閱讀一些優(yōu)秀理論,但是在不斷地思考產(chǎn)品設(shè)計(jì)背后的原因,我們就會(huì)發(fā)現(xiàn)一些那些優(yōu)秀的理論——大道存在你我的心中!感謝大家在下方與我互動(dòng)~
作者:兮兮(一只夢(mèng)想加入騰訊的不知名產(chǎn)品汪),微信公眾號(hào):孤身旅人(ID:gushenlvren),頭條號(hào):兮兮說(shuō)
本文由 @兮兮 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
以小見(jiàn)大
謝謝 ??
這是我在這個(gè)論壇上看過(guò)最自大的一篇文章
謝謝,反對(duì)我的聲音多了我就看到了光明
哪里可見(jiàn)自大
原本以為是講掃一掃背后的實(shí)現(xiàn)原理和異常處理的..不太認(rèn)可摩拜的例子1、車(chē)前有二維碼是有實(shí)際場(chǎng)景的,步行街之類(lèi)的地方,用戶(hù)可能從車(chē)前走過(guò)進(jìn)而掃碼;2、開(kāi)燈功能單獨(dú)拎出來(lái)我覺(jué)得蠻好的,聽(tīng)過(guò)胡瑋煒在一席的演講,摩拜的用戶(hù)群還包括諸如保潔阿姨之類(lèi)的中老年群體,對(duì)于這樣的使用人群,開(kāi)燈功能盡可能清楚直白的呈現(xiàn)出來(lái),更實(shí)用一點(diǎn)
我的用戶(hù)畫(huà)像沒(méi)做好哇~謝謝指出,我要在思考一下
使用場(chǎng)景是一方面,還要考慮使用人群,贊同把手電筒提出來(lái)。騰訊微信那種方式設(shè)計(jì)有超前性,在這個(gè)地方讓我覺(jué)得自己像個(gè)白癡,當(dāng)我花心思找手電筒的時(shí)候它才出現(xiàn),并不是感覺(jué)太好。凌晨?jī)牲c(diǎn)騎車(chē)的是少數(shù)。
同以為是講實(shí)現(xiàn)原理的
在講述視覺(jué)風(fēng)格時(shí),里有一個(gè)維度叫視覺(jué)操作引導(dǎo),也就是在一個(gè)產(chǎn)品或者頁(yè)面中要有重點(diǎn)、有主次,電商類(lèi)產(chǎn)品目標(biāo)是下單付款。同樣的單車(chē)目標(biāo)是掃碼付款,所以考慮如何讓用戶(hù)更加方便、省事地掃碼注冊(cè)使用非常重要。
贊同 ??
彎腰是人下意識(shí)動(dòng)作,就像你用手機(jī)掃屏幕上二維碼一樣,因?yàn)槎S碼圖標(biāo)小,人會(huì)下意識(shí)靠近,和彎腰不彎腰沒(méi)有半毛錢(qián)關(guān)系。倒是微信的識(shí)別二維碼拉近景深的方法比手動(dòng)調(diào)焦更適合。但也無(wú)鳥(niǎo)用,人的潛意識(shí)動(dòng)作在哪里。
潛意識(shí)的動(dòng)作可以通過(guò)一些設(shè)計(jì)規(guī)避掉,我們習(xí)慣寫(xiě)書(shū)信的時(shí)候,想都沒(méi)想過(guò)會(huì)打電話。如果你已經(jīng)順應(yīng)現(xiàn)實(shí),那你就打造不出改變?nèi)藗兊漠a(chǎn)品。
太偉大了!但體驗(yàn)是先順應(yīng)人性,再說(shuō)改變。
你愛(ài)彎腰那我也無(wú)話可說(shuō)了