淺析“掃一掃”設(shè)計及其背后的產(chǎn)品邏輯

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