中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

最近有個(gè)關(guān)于掃一掃的功能設(shè)計(jì)工作，故對(duì)市面上的掃一掃功能做了盤點(diǎn)分析，本文將介紹掃一掃的常用功能、應(yīng)用場(chǎng)景以及背后的設(shè)計(jì)邏輯，供讀者參考交流。

一、掃一掃是用來(lái)干嘛的？

掃一掃用來(lái)加好友？進(jìn)行支付款？可以在過(guò)年支付寶活動(dòng)時(shí)候掃“福”？其實(shí)這只是我們熟悉的掃一掃功能，事實(shí)上，掃一掃的功能和應(yīng)用場(chǎng)景還有很多。

筆者想用一句話來(lái)總結(jié)下掃一掃：掃一掃是連接線上線下的一種媒介。通過(guò)掃一掃這個(gè)媒介，我們可以和線上的人/事/物做連接。

說(shuō)來(lái)抽象，舉個(gè)例子，我們熟知的小程序就是用來(lái)進(jìn)行線上線下的連接，比如我們到一個(gè)餐廳，直接掃餐桌上的二維碼便可以打開小程序進(jìn)行下單，省去了線下的服務(wù)員點(diǎn)餐，從點(diǎn)餐、支付都可以在線上完成，這就是線上線下的連接。

與小程序不同的是，小程序是一種產(chǎn)品形態(tài)，可以像各類app一樣滿足人們的各種需求，而掃一掃是一種線下線上進(jìn)行連接的媒介，省去了復(fù)雜的交互和操作，但是掃一掃可以拓展的應(yīng)用場(chǎng)景沒(méi)有小程序廣泛。

二、目前主流app的掃一掃功能

筆者梳理了一些主流 C 端的app，覆蓋電商、社交、視頻、招聘等多個(gè)領(lǐng)域，總結(jié)下來(lái)發(fā)現(xiàn)掃一掃主要的功能有以下幾種：

通過(guò)梳理可以先發(fā)現(xiàn)，我們平常用到掃一掃的功能其實(shí)多集中在前三個(gè)：登錄、添加好友、支付。因?yàn)檫@三種場(chǎng)景我們生活中遇到的會(huì)更多一點(diǎn)，且我們的行為是被動(dòng)，是被教育要用掃一掃才能完成某個(gè)動(dòng)作，比如我們是在支付時(shí)看到二維碼并且寫著“用支付寶支付”我們才會(huì)打開支付寶掃一掃進(jìn)行操作。

接下來(lái)我會(huì)比較詳細(xì)介紹掃一掃背后的設(shè)計(jì)邏輯，過(guò)程中便會(huì)涉及到這些功能。

三、掃一掃的設(shè)計(jì)邏輯

1. 設(shè)計(jì)需要考慮的三要素：用戶、需求、場(chǎng)景

用戶、需求、場(chǎng)景是 pm 日常工作中需要經(jīng)常思考的問(wèn)題，在為不同產(chǎn)品設(shè)計(jì)掃一掃功能的時(shí)候，交互、操作流程、功能等都會(huì)有所不同。

產(chǎn)品設(shè)計(jì)需要考慮用戶群體是誰(shuí)，有什么特征，有什么操作習(xí)慣，掃一掃功能在什么場(chǎng)景下用，有什么需求可以用掃一掃滿足等等問(wèn)題。

比如在為一個(gè) to B 產(chǎn)品設(shè)計(jì)上班掃碼簽到功能時(shí)，先思考掃碼簽到流程是：

我們可以思考一下功能使用場(chǎng)景：一個(gè)場(chǎng)景是用戶簽到時(shí)可能手里提著很多東西（包、早餐等）不方便操作手機(jī)，同時(shí)簽到人可能會(huì)很多，基于這個(gè)常用場(chǎng)景考慮，掃一掃功能的入口就不能太深。

再比如這個(gè)場(chǎng)景下，如果掃碼不成功，提示掃碼失敗后，返回頁(yè)面是主頁(yè)還是停留在掃碼頁(yè)面可以繼續(xù)掃？

對(duì)比兩種操作，其實(shí)就是操作成本的高低區(qū)別。如果掃碼不成功返回主頁(yè)，再發(fā)起掃一掃會(huì)增加操作成本。試想用戶上班起很早，剛擠了地鐵，好不容易排隊(duì)簽到了，不停反復(fù)點(diǎn)擊，用戶難免有一種煩躁的心理。

所以，在主頁(yè)沒(méi)有更多有關(guān)掃碼簽到的有效信息可以參考或沒(méi)有其他價(jià)值更大的操作時(shí)，會(huì)把提示掃碼失敗后的頁(yè)面選擇為當(dāng)前掃碼頁(yè)面，可以繼續(xù)掃碼。

還是這個(gè)場(chǎng)景，如果用戶掃碼不成功，還需要對(duì)掃碼失敗彈窗進(jìn)行設(shè)計(jì)。如果提供錯(cuò)誤原因，或者提供幫助的鏈接幫助用戶快速定位和解決問(wèn)題，可以極大加快用戶解決問(wèn)題的速率。

這時(shí)彈窗設(shè)計(jì)就不僅僅是冰冷的一句“簽到失敗”加一個(gè)“確定”按鈕了。在設(shè)計(jì)這個(gè)彈窗時(shí)，我們甚至可以將“xxs后自動(dòng)返回首頁(yè)示”這種自動(dòng)關(guān)閉彈窗同時(shí)給用戶時(shí)間查看有效信息的功能和手動(dòng)關(guān)閉彈窗功能同時(shí)提供給用戶，滿足不同場(chǎng)景下的不同需求。

此外，就掃碼功能而言，我們可以把我們的用戶細(xì)分，通過(guò)掃一掃的主被動(dòng)性，可以主要分為兩種：

• 一種是用戶看到二維碼或者被教育提示用該掃一掃功能掃碼（被動(dòng)）。
• 另一種是對(duì)于該產(chǎn)品比較敏感，掃一掃上線后主動(dòng)探索該功能（主動(dòng)）。

順著這個(gè)邏輯，可以想象下為用戶設(shè)置答疑解難的功能，用戶主動(dòng)探索和被動(dòng)掃碼都可能遇到問(wèn)題，尤其當(dāng)?shù)谝淮问褂么水a(chǎn)品的時(shí)候。

如果我的用戶群體大多是互聯(lián)網(wǎng)從業(yè)者，對(duì)于產(chǎn)品比較敏感，會(huì)主動(dòng)體驗(yàn)掃一掃功能，遇到了一些產(chǎn)品疑問(wèn)，我的答疑環(huán)節(jié)就主要是介紹功能是什么、怎么操作，解答用戶在主動(dòng)了解掃一掃時(shí)遇到的問(wèn)題。

如果我的用戶多是對(duì)互聯(lián)網(wǎng)產(chǎn)品不敏感的用戶，多屬于被動(dòng)掃碼，掃碼失敗時(shí)，答疑解難就會(huì)側(cè)重提供給用戶失敗解決方案，側(cè)重為什么，怎么做。

當(dāng)然這些設(shè)計(jì)都需要考慮投入產(chǎn)出比，如果我的簽到功能只為幾十個(gè)人設(shè)計(jì)，這個(gè)答疑功能就需要權(quán)衡是否實(shí)現(xiàn)或者排期了，因?yàn)槲铱梢酝ㄟ^(guò)其他成本更小的方式更好地達(dá)到目的，比如做一次簽到宣貫。

2. 根據(jù)業(yè)務(wù)流程進(jìn)行產(chǎn)品設(shè)計(jì)

除了用戶、需求、場(chǎng)景這三個(gè)被說(shuō)爛同時(shí)也是極其重要的因素，在進(jìn)行產(chǎn)品設(shè)計(jì)的時(shí)候還要多考慮業(yè)務(wù)流程。比如我們可以根據(jù)用戶操作掃一掃的步驟進(jìn)行分階段思考和設(shè)計(jì)。

在掃一掃操作流程中，我們可以分為三個(gè)階段：觸達(dá)前、觸達(dá)時(shí)、觸達(dá)后。每個(gè)階段的產(chǎn)品設(shè)計(jì)都需要考慮。筆者總結(jié)了目前掃一掃在各階段的一些產(chǎn)品設(shè)計(jì)，主要是以下幾種：

1. 觸達(dá)前

文案和icon：

文案和icon需要根據(jù)產(chǎn)品調(diào)性決定，京東的掃一掃，文案是“掃啊掃”比較符合購(gòu)物時(shí)放松輕快的調(diào)性，微信的掃一掃則是雙手比劃出的掃描框，比較契合微信溝通、支付的稍顯嚴(yán)肅的調(diào)性。

入口層級(jí)：

類似于愛奇藝、優(yōu)酷、騰訊視頻、微博、boss直聘等之類的掃一掃功能，主要是讓用戶掃碼登陸PC，所以優(yōu)先級(jí)比較低，層級(jí)比較深，在“我的”才可以找到，或者放在首頁(yè)左上角或者收納框里面。

而對(duì)于支付寶、微信這些常用的掃一掃，觸達(dá)不超過(guò)2步，支付寶直接就把掃一掃入口放在首頁(yè)頂部。

所以根據(jù)業(yè)務(wù)不同，決定了掃一掃功能的優(yōu)先級(jí)，優(yōu)先級(jí)則決定了入口和層級(jí)。

2. 觸達(dá)時(shí)

預(yù)測(cè)可能性操作：

網(wǎng)易云音樂(lè)、微信、QQ等的掃一掃有添加好友的動(dòng)作。產(chǎn)品考慮到用戶可能由于客觀原因，比如相機(jī)問(wèn)題、網(wǎng)速問(wèn)題等主動(dòng)添加不成功，因此會(huì)在掃一掃頁(yè)鏈接“我的二維碼”，這時(shí)可以快速調(diào)出我的二維碼，方便對(duì)方添加自己，不必去“我的”調(diào)出我的二維碼。

小米的掃一掃操作較多，包括了掃植物、翻譯等多種功能拓展，這時(shí)提供常用操作設(shè)置用戶就不用每次打開都選擇掃碼功能。

天貓和淘汰會(huì)提供快速跳轉(zhuǎn)功能，因?yàn)橛脩舻竭_(dá)這一步操作層級(jí)已經(jīng)比較深了，同時(shí)很多app還會(huì)提供掃碼記錄功能，方便快速跳轉(zhuǎn)，減少重復(fù)掃描或者用來(lái)查詢記錄。

觸達(dá)時(shí)考慮用戶可能的操作，包括疑問(wèn)，下一步操作等，可以減少用戶操作路徑，提升用戶體驗(yàn)。

幫助用戶答疑解難：

在這一步中，個(gè)人覺(jué)得做的很好的是支付寶的掃一掃，支付寶掃碼超過(guò)一定時(shí)間文案會(huì)變化，由操作方法到操作建議再到幫助中心跳轉(zhuǎn)，幫助用戶解決掃碼過(guò)程中遇到的問(wèn)題。

京東會(huì)建議用戶在掃不出來(lái)的時(shí)候手動(dòng)輸入，并且給予快速入口和操作指引。天貓?zhí)詫殑t會(huì)在幫助里詳細(xì)介紹原因和解決方案。

讓用戶掃得開心:

相信大家用京東、天貓等掃實(shí)物的時(shí)候，會(huì)看到星星點(diǎn)點(diǎn)的交互，可能掃三維比掃二維時(shí)間要長(zhǎng)，這樣的交互給用戶帶來(lái)期待的同時(shí)，還可以安撫其等待的交集感。

此外，掃到實(shí)體物品后會(huì)有標(biāo)簽提醒進(jìn)行快速連接。

考慮產(chǎn)品的商業(yè)模式：

淘寶掃一掃的界面嵌入了垃圾分類，以及會(huì)員廣告，讓整個(gè)掃一掃頁(yè)面略顯臃腫。

京東掃一掃AR模塊可以直接鏈接到店鋪直接進(jìn)行商品實(shí)看和購(gòu)買，同時(shí)還有AR試妝等功能。此外，為了讓廣告變得沒(méi)那么煩人，京東設(shè)計(jì)了很多AR體驗(yàn)游戲，完成游戲后會(huì)推送相關(guān)的產(chǎn)品，比如下面這個(gè)：

同時(shí)類似淘寶、京東掃一掃的AR模塊還會(huì)有很多AR體驗(yàn)活動(dòng)，可以作為該司的一個(gè)AR體驗(yàn)站了。

拓展場(chǎng)景：

不同產(chǎn)品對(duì)應(yīng)著不同的業(yè)務(wù)，不同的業(yè)務(wù)就會(huì)有不同的場(chǎng)景，拿電商產(chǎn)品來(lái)說(shuō)，掃一掃可以用來(lái)AR/拍照購(gòu)物，也可以掃條形碼購(gòu)物，天貓?jiān)趻邨l形碼的時(shí)候允許手動(dòng)調(diào)焦，這就是基于其條形碼在不同商品上大小不一致的場(chǎng)景設(shè)計(jì)的。

再比如，進(jìn)行摩拜單車掃碼操作的時(shí)候，多數(shù)人會(huì)掃車鎖那里的二維碼，所以我們能看到很多人彎腰來(lái)掃碼，摩拜單車考慮到了這一點(diǎn)，如果二維碼較小會(huì)自動(dòng)將其放大進(jìn)行掃碼，用戶不需要進(jìn)行手動(dòng)縮放操作，也不用彎很深的腰了。

對(duì)于一些夜晚場(chǎng)景，掃一掃會(huì)提供手電筒觸發(fā)操作，快速解決獲取光線的需求，有的是輕觸即可點(diǎn)亮手電筒，有的會(huì)直接在掃一掃一面貼一個(gè)手電筒icon供點(diǎn)擊。

小米掃一掃在掃描翻譯的時(shí)候還會(huì)提供參考線，方便用戶準(zhǔn)確地進(jìn)行掃描翻譯。

可以看到不同產(chǎn)品設(shè)計(jì)掃一掃都會(huì)考慮到用戶在使用時(shí)的多種場(chǎng)景，并且給用戶提供解決方案，不同產(chǎn)品，業(yè)務(wù)不同，場(chǎng)景也就不同。

3. 觸達(dá)后

考慮產(chǎn)品的商業(yè)模式：

除了像淘寶直接將廣告貼在掃一掃界面，在觸達(dá)時(shí)就呈現(xiàn)給用戶，很多產(chǎn)品還選擇在有了掃描結(jié)果后提供到相應(yīng)商品詳情或者店鋪的鏈接，方便快速購(gòu)買，同時(shí)為平臺(tái)創(chuàng)收。

設(shè)計(jì)要考慮流程閉環(huán)：

一個(gè)動(dòng)作的發(fā)起和關(guān)閉，可能會(huì)與其他的流程有關(guān)聯(lián)。如果掃一掃的層級(jí)本來(lái)就高，或者掃一掃功能邏輯復(fù)雜，當(dāng)用戶操作掃一掃來(lái)到某一層級(jí)時(shí)，通過(guò)給用戶一個(gè)快捷跳轉(zhuǎn)的操作，將會(huì)讓用戶減少很多操作步驟，一個(gè)小小的交互就可以讓用戶感覺(jué)到貼心。比如淘寶、天貓掃一掃進(jìn)入幫助頁(yè)面后會(huì)提供快速跳轉(zhuǎn)。

四、掃一掃設(shè)計(jì)心得

在分析了掃一掃后，反思下產(chǎn)品設(shè)計(jì)除了考慮用戶、場(chǎng)景、需求，很重要的一點(diǎn)是要根據(jù)業(yè)務(wù)場(chǎng)景、業(yè)務(wù)流程來(lái)考慮產(chǎn)品設(shè)計(jì)。就拿上述掃碼簽到例子而言，其實(shí)從業(yè)務(wù)場(chǎng)景需求分析是不需要快速跳轉(zhuǎn)、操作記錄等功能的。同時(shí)基于業(yè)務(wù)對(duì)每個(gè)邏輯細(xì)節(jié)的處理，都要根據(jù)用戶、場(chǎng)景、需求來(lái)深入考慮。

將操作流程拆分，從觸達(dá)前、觸達(dá)時(shí)、觸達(dá)后進(jìn)行分階段產(chǎn)品設(shè)計(jì)也便于理清設(shè)計(jì)邏輯，同時(shí)保證用戶體驗(yàn)。

同時(shí)未來(lái)掃一掃可能也會(huì)有更多的應(yīng)用場(chǎng)景，比如現(xiàn)在很火的垃圾分類。

甚至可以開個(gè)腦洞，未來(lái)每個(gè)人都有一個(gè)獨(dú)一無(wú)二的二維碼，這個(gè)二維碼就類似身份證，簽到、支付、留聯(lián)系方式等都可以通過(guò)簡(jiǎn)單的掃一掃操作完成，不再需要在不同app間切換，也不再需要手動(dòng)輸入等較為復(fù)雜的操作。

本文由 @?佛系少年 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash, 基于CC0協(xié)議