隨著AI算法效果的不斷提升，掃一掃的對(duì)象已經(jīng)從碼圖擴(kuò)展到各種真實(shí)生活中的領(lǐng)域，那在現(xiàn)有的基礎(chǔ)上，“掃一掃”能玩出哪些花樣？

“掃一掃”是我們?cè)谌粘Ｉ钪惺褂妙l率比較高的功能。

它有很多優(yōu)點(diǎn)，比如快捷準(zhǔn)確地連結(jié)人與人/人與機(jī)器；能支持多人多設(shè)備同時(shí)掃，提高操作效率；不會(huì)暴露手機(jī)號(hào)這種影響更直接的個(gè)人信息；以及在疫情期間，還體現(xiàn)出了無(wú)接觸的優(yōu)點(diǎn)。

隨著AI算法效果的不斷提升，掃一掃的對(duì)象已經(jīng)從碼圖擴(kuò)展到各種真實(shí)生活中的領(lǐng)域?？梢話呶铩呷?、掃文字、掃劇照、掃外文、掃名片、掃文本，還能掃各種Logo。

（應(yīng)用場(chǎng)景舉例）

本質(zhì)上，掃碼、智能識(shí)別和AR功能，是三件不同的事情，但它們都以相機(jī)預(yù)覽作為載體。出于節(jié)省空間/統(tǒng)一交互形式/符合用戶認(rèn)知等原因，最終歸類(lèi)到同一入口內(nèi)。本文中，我會(huì)重點(diǎn)分析一下智能識(shí)別層面的掃一掃功能設(shè)計(jì)。

一、變身為大搜索入口的“掃一掃”

在各種AI算法加持下，很多“掃一掃”已經(jīng)變成了實(shí)質(zhì)上的“搜一搜”。用戶通過(guò)掃一掃的形式，去搜商品、搜人物、搜資訊、搜垃圾分類(lèi)規(guī)則……

1. 需求點(diǎn)

當(dāng)我坐地鐵看到一雙非常喜歡的鞋時(shí)，可能不好意思上前問(wèn)人家要購(gòu)買(mǎi)鏈接。這種時(shí)候，掃一掃搜商品的功能就可以派上用場(chǎng)。

當(dāng)我看到一株不認(rèn)識(shí)的植物時(shí)，可能描述半天也講不清楚它的特征是什么。按圖搜索能夠很好地解決這個(gè)痛點(diǎn)，讓我能更快速準(zhǔn)確地找到自己想要的東西。而且從個(gè)人感受上來(lái)說(shuō)，形色識(shí)花是我家人群里出現(xiàn)頻率最高的小程序之一。如果看到不認(rèn)識(shí)的植物，他們都會(huì)打開(kāi)微信識(shí)別一下。

這些類(lèi)似于“這是什么？”的問(wèn)題，幾乎都可以考慮用“掃一掃”搜索來(lái)解決。因?yàn)閳D片的描述能力可能比語(yǔ)言更加直接和客觀。

2. 功能價(jià)值

提供這么多種類(lèi)的掃一掃，大家的目的是什么呢？

掃一掃識(shí)物的目的是開(kāi)辟一個(gè)用戶直達(dá)微信內(nèi)部生態(tài)內(nèi)容的一個(gè)新窗口，該窗口以用戶掃圖片的形式作為輸入，以微信生態(tài)內(nèi)容中的百科、資訊、電商作為展示頁(yè)提供給用戶。除了用戶非常熟悉的掃操作，后續(xù)我們會(huì)進(jìn)一步拓展長(zhǎng)按識(shí)圖操作，將掃一掃識(shí)物打造成用戶更加觸手可及的運(yùn)用。

掃一掃識(shí)物的落地場(chǎng)景如下圖所示，主要涵蓋 3 大部分：

1. 科普知識(shí)。
2. 購(gòu)物場(chǎng)景。
3. 廣告場(chǎng)景。

——微信「掃一掃識(shí)物」的背后技術(shù)揭秘

上文引用自微信技術(shù)團(tuán)隊(duì)的一篇文章?？梢钥闯觯瑨咭粧咦R(shí)物本質(zhì)上類(lèi)似于一種搜索入口。通過(guò)掃物，來(lái)檢索出微信生態(tài)內(nèi)各類(lèi)相關(guān)的信息。包括上文中提到的長(zhǎng)按識(shí)圖，已經(jīng)有一些手機(jī)廠商做過(guò)，都是通過(guò)識(shí)物/識(shí)圖這種形式，把自己變成了最直接的搜索入口，通過(guò)自己去進(jìn)行資訊的分發(fā)和購(gòu)物渠道推薦。

除了微信這種大生態(tài)外，在一些細(xì)分領(lǐng)域內(nèi)，掃一掃搜索也有助于引發(fā)用戶在產(chǎn)品內(nèi)下一步的行為。以愛(ài)奇藝為例，用戶在按圖搜劇之后，下一步就有可能點(diǎn)開(kāi)對(duì)應(yīng)的影視劇進(jìn)行觀看。當(dāng)我使用拍圖搜車(chē)時(shí)，下一步就會(huì)直接在APP內(nèi)進(jìn)一步了解關(guān)于這輛車(chē)的詳細(xì)信息。

此外，一些新穎的掃一掃功能也可能有助于拉新促活。例如去年垃圾分類(lèi)的話題火熱時(shí)，有好幾款A(yù)PP順勢(shì)推出了掃一掃垃圾分類(lèi)。扔垃圾是生活中的高頻行為，如果通過(guò)推出垃圾識(shí)別，能夠讓用戶更多地打開(kāi)甚至停留在自己的APP內(nèi)，也是很有幫助的。

二、“掃一掃”的設(shè)計(jì)

趨勢(shì)：弱化掃碼界面和掃物界面的差異

目前，復(fù)合功能的掃一掃，都在弱化掃描的特征。

在上一版微信的更新中，我們可以發(fā)現(xiàn)，以前的掃一掃界面，從掃描儀的形式變成更加清爽的相機(jī)預(yù)覽界面。而用于聚焦的黑底和模擬掃描儀的網(wǎng)格都不見(jiàn)了。打開(kāi)淘寶也可以發(fā)現(xiàn)，掃一掃和拍照兩個(gè)入口下的內(nèi)容，相差很小，從掃一掃也可以流暢地切換過(guò)去。就在我這篇文章寫(xiě)了一半的時(shí)候，突然發(fā)現(xiàn)支付寶也修改了掃描界面。這種修改的目的，除了能夠使幾個(gè)子頁(yè)面的設(shè)計(jì)風(fēng)格更加一致外，也可能是向用戶傳達(dá)，除了掃碼，我們還能做更多。（當(dāng)然，如果APP內(nèi)掃一掃只是用于掃碼，也沒(méi)有必要從設(shè)計(jì)上弱化掃描的特征。）

面對(duì)這些相似的功能，不同的公司選擇了不同的入口名稱。例如支付寶和微信都選擇了“掃一掃”這個(gè)定義；百度和拼多多則選擇了“拍照”；而淘寶則把兩個(gè)入口都留了下來(lái)。

這里的掃一掃和拍照，雖然命名不同，但本質(zhì)都是識(shí)別+搜索。定義為拍照的，大多會(huì)把這個(gè)相機(jī)icon直接放在搜索框內(nèi)。因?yàn)檫壿嬌?，以圖搜索、語(yǔ)音搜索和最常用的文字搜索做的都是同一件事。下一步的趨勢(shì)中，搜索框是否會(huì)變成文字+相機(jī)+麥克的形式呢？

保持邏輯/交互/視覺(jué)的一致性

關(guān)于定義為拍照還是掃一掃，各家APP都有不同的做法。不論采用哪一種，我們都應(yīng)該盡量保持用戶體驗(yàn)的一致性，包括邏輯、交互、視覺(jué)各個(gè)層面，在自己的APP內(nèi)都要保持自洽。

“掃”和“拍”這兩個(gè)詞在概念上的差異點(diǎn)，主要在于有沒(méi)有點(diǎn)擊拍照按鈕的這個(gè)動(dòng)作。掃一掃是識(shí)別后自動(dòng)觸發(fā)，而拍照是點(diǎn)擊后觸發(fā)識(shí)別。如果使用“拍照”作為定義，那么內(nèi)部的交互行為應(yīng)盡量與拍照相一致。

截圖來(lái)自于一款汽車(chē)APP，在兩個(gè)tab內(nèi)使用了不同的圖標(biāo)來(lái)表示拍圖識(shí)車(chē)這個(gè)功能，這就會(huì)讓用戶比較困惑。

結(jié)合技術(shù)的設(shè)計(jì)創(chuàng)新

算法分析和檢索圖像會(huì)花費(fèi)一定時(shí)間，多數(shù)APP會(huì)添加動(dòng)效來(lái)緩解用戶等待的焦慮。常見(jiàn)的是為真實(shí)場(chǎng)景的關(guān)鍵點(diǎn)添加動(dòng)效，這種做法會(huì)比過(guò)去純平面的GIF動(dòng)效更加真實(shí)。能夠讓用戶感覺(jué)到真的正在對(duì)空間內(nèi)的物體進(jìn)行分析，而不是只放個(gè)GIF貼圖糊弄一下。

除了常規(guī)的關(guān)鍵點(diǎn)動(dòng)效外，還有公司采取了其他方案。下圖是百度的識(shí)別動(dòng)效，看起來(lái)蠻酷炫的。當(dāng)我們通過(guò)技術(shù)革新獲得了關(guān)鍵點(diǎn)、邊緣分割等信息時(shí)，在設(shè)計(jì)效果上也可以結(jié)合技術(shù)進(jìn)行一些新的嘗試。

三、一點(diǎn)思考，掃一掃的未來(lái)屬于誰(shuí)？

以前支持掃描各種二維碼的APP并不多，用戶主要習(xí)慣使用微信掃一掃。許多用戶（尤其是年紀(jì)稍長(zhǎng)的人），看到二維碼，就會(huì)想到使用微信。微信也因?yàn)閽咭粧哌@個(gè)功能，進(jìn)一步提升了用戶打開(kāi)APP的頻率。

其實(shí)在很多掃一掃場(chǎng)景下，微信是承載了手機(jī)網(wǎng)頁(yè)瀏覽器的功能。現(xiàn)在手機(jī)廠商回過(guò)神來(lái)，紛紛在自有入口內(nèi)加入了對(duì)二維碼識(shí)別的支持。同時(shí)，華米OV也加入了不少花樣識(shí)別的功能。

例如華為和OPPO的拍照識(shí)別卡路里，解決健身人群的煩惱。小米可以拍照搜題，解決學(xué)生群體的煩惱。還有商品識(shí)別，是和第三方進(jìn)行商務(wù)合作的入口。

華為還推出了“河圖”，要把地圖/本地生活/AR都收入自己的平臺(tái)內(nèi)。作為平臺(tái)規(guī)則的制定者，手機(jī)自帶的各類(lèi)入口可以比APP有更高的優(yōu)先級(jí)。例如看到路邊的植物時(shí)，我可以抬起手機(jī)（自動(dòng)亮屏），點(diǎn)擊鎖屏內(nèi)的相機(jī)按鈕，拍下一張超好看的照片，順便了解下這種花叫什么名字。這是很流暢的使用場(chǎng)景。

寫(xiě)完這篇之后，愈發(fā)感覺(jué)，手機(jī)端純搜索引擎的壓力確實(shí)比較大。許多以往要在百度網(wǎng)頁(yè)內(nèi)打字描述的問(wèn)題，其實(shí)很容易就被其他專業(yè)領(lǐng)域內(nèi)的APP分流，甚至手機(jī)廠商自身也要從中分一杯羹。

技術(shù)方、大APP、手機(jī)廠商，多方都在掃一掃的領(lǐng)域內(nèi)不斷深入，似乎都越來(lái)越傾向用自有的產(chǎn)品或平臺(tái)把用戶留住。

那么在以后，能夠贏得用戶的差異點(diǎn)在哪里呢？

是像形色識(shí)花這樣在細(xì)分領(lǐng)域不斷深入的產(chǎn)品建立了數(shù)據(jù)的護(hù)城河，還是微信這樣的大生態(tài)更有吸引力，還是說(shuō)手機(jī)廠商依靠自身平臺(tái)會(huì)越來(lái)越強(qiáng)勢(shì)呢？

參考閱讀：

淘寶攝像頭大解密：智能識(shí)別體驗(yàn)設(shè)計(jì) – 淘寶設(shè)計(jì)的文章?

微信「掃一掃識(shí)物」 的背后技術(shù)揭秘 – 騰訊技術(shù)工程的文章 – 知乎

#專欄作家#

迷思特圓，作者公眾號(hào)：迷思特圓（ID:mryuan55），人人都是產(chǎn)品經(jīng)理專欄作家。目前負(fù)責(zé)新技術(shù)以及ToB相關(guān)的產(chǎn)品設(shè)計(jì)，擅長(zhǎng)需求調(diào)研和交互設(shè)計(jì)。

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

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