手淘的兩個(gè)攝像頭識別入口——「掃一掃」和「拍立淘」，很多小伙伴大概都使用過吧？這兩個(gè)屬于強(qiáng)調(diào)智能體感、自帶神秘色彩的技術(shù)流派產(chǎn)品，如今都已跨入千萬用戶俱樂部的行列。

實(shí)際上，許多較大的平臺型APP 上都能見到掃一掃的身影，而通過「以圖搜圖」，幫助用戶找到相似同款商品的「拍立淘」，則從誕生開始就打上了電商平臺的特殊印記。

作為設(shè)計(jì)師，又該如何在兩個(gè)技術(shù)為王的產(chǎn)品中推進(jìn)體驗(yàn)升級的設(shè)計(jì)與落地？本文就將為大家一一道來。

△ 手淘首頁的兩個(gè)攝像頭智能入口

機(jī)遇和挑戰(zhàn)的博弈

掃一掃和拍立淘在近期都經(jīng)歷了一次較為徹底的體驗(yàn)升級，這次升級恰逢應(yīng)用場景拓寬、產(chǎn)品轉(zhuǎn)型以及技術(shù)提升的關(guān)鍵節(jié)點(diǎn)，既得益于產(chǎn)品快速擴(kuò)張時(shí)期的試錯(cuò)積累，又需要系統(tǒng)解決智能感不足、新舊場景交替等棘手問題。

△ 掃一掃和拍立淘改版前后對比

? 1. 用戶訴求不同了

首要的一個(gè)變化是，產(chǎn)品的服務(wù)對象不再只是 C端的普通用戶，也包含了行業(yè)運(yùn)營、品牌商、零售商和內(nèi)外合作方。從滿足用戶識別二維碼、尋找相似同款商品的基礎(chǔ)訴求到嘗試激發(fā)用戶參與互動的擴(kuò)展訴求，發(fā)現(xiàn)性變得尤為重要。

? 2. 技術(shù)是萬能的嗎？

識別精準(zhǔn)度依賴于算法優(yōu)化，而圖像算法的核心是視覺相似性，通過不斷訓(xùn)練可以獲得持續(xù)提升，但時(shí)至今日仍需面臨識別結(jié)果不是用戶想要的窘境。

△ 視覺相似性高不代表識別結(jié)果符合預(yù)期

究其根本，用戶并不在意圖像的絕對相似，而是需要找到圖片背后對應(yīng)的商品或物品，這兩者永遠(yuǎn)存在一個(gè)無法自動連接的間隙，而我們需要不斷探尋縮短這個(gè)間隙的可行性方案。

△ 機(jī)會點(diǎn)洞察

? 3. 機(jī)會點(diǎn)洞察到設(shè)計(jì)策略成型

從用戶、技術(shù)、商業(yè)三個(gè)維度，我們梳理了可切入的機(jī)會點(diǎn)：智能感塑造無法單純依賴圖像識別技術(shù)的提升；現(xiàn)有產(chǎn)品框架無法承載新場景和發(fā)現(xiàn)性訴求的擴(kuò)展。

圍繞切入點(diǎn)結(jié)合設(shè)計(jì)思考進(jìn)行進(jìn)一步的推演，從而得出了具體的設(shè)計(jì)策略：基于攝像頭識別特性打造多元場景體驗(yàn)，突顯智能體感；定制統(tǒng)一分層框架，支撐新舊場景更迭和沉淀。

△ 設(shè)計(jì)策略推導(dǎo)

智能識別的新嘗試

極致的智能識別體驗(yàn)應(yīng)如同科幻電影一般，對準(zhǔn)想要識別的目標(biāo)，無需多余操作就能立即獲得預(yù)期結(jié)果。但理想和現(xiàn)實(shí)無法一步轉(zhuǎn)換到位，因此在實(shí)際項(xiàng)目推動過程中，我們采用了場景分級策略，實(shí)現(xiàn)智能感的逐步升級。

? 1. 打通不同識別方式的應(yīng)用場景

識別方式和應(yīng)用場景是一對密不可分的好基友，用戶不知道什么場景用「掃描識別」，什么場景又該用「拍照識別」，識別花草和識別普通商品對他們來說也沒有什么本質(zhì)區(qū)別。

我們嘗試重新梳理了兩者的匹配關(guān)系，將識別方式的場景邊界逐漸模糊化，讓一種識別方式盡可能兼容多種場景。

△ 掃描和拍照兩種識別方式的場景逐步打通

? 2. 找到場景劃分的金字塔規(guī)則

我們將分散的應(yīng)用場景聚攏成了2大類：確定性的精準(zhǔn)場景和非確定性的通用場景（泛場景）。

如下圖的金字塔分布所示，塔尖部分屬于少量的精準(zhǔn)場景，率先提供實(shí)時(shí)、自動、準(zhǔn)確的智能識別服務(wù)。

△ 場景分級的識別體驗(yàn)示例

基底的通用場景則適用范圍廣，可以通過設(shè)計(jì)實(shí)時(shí)識別標(biāo)簽引導(dǎo)用戶手動確認(rèn)目標(biāo)物，通過大量訓(xùn)練，逐步向塔尖體驗(yàn)靠攏。

△ 通過微動效體現(xiàn)動態(tài)識別

「識別不準(zhǔn)」怎么辦？

「識別不準(zhǔn)」，無論對用戶還是對產(chǎn)品設(shè)計(jì)師而言，都是最頭疼的問題。結(jié)合后臺日志和上傳圖片比對，我們發(fā)現(xiàn)，除算法模型精準(zhǔn)度因素外，誤操作問題也會影響識別結(jié)果的準(zhǔn)確性。

拍攝主體模糊、攝像頭距離過遠(yuǎn)或過近、視角受到遮檔、多個(gè)識別目標(biāo)……分分鐘帶著用戶掉入識別不準(zhǔn)的神坑。更理想的情況下，需要經(jīng)歷「鏡頭識別目標(biāo)→得到不良結(jié)果→返回調(diào)整取圖或重新識別」等多步反復(fù)，才可能獲得想要的結(jié)果。

為降低誤操作誘發(fā)非精準(zhǔn)結(jié)果的出現(xiàn)概率，我們采用了實(shí)時(shí)動態(tài)輔助的方案，幫助用戶獲得更好的搜索質(zhì)量。在識別過程中，后臺通過客戶端模型做置信度打分，前臺關(guān)聯(lián)分值通過鏡頭提示來引導(dǎo)用戶操作，為整個(gè)識別體驗(yàn)過程保駕護(hù)航。

△ 輔助用戶正向操作，降低識別不準(zhǔn)概率

△ 多個(gè)目標(biāo)物的識別引導(dǎo)過程

創(chuàng)造新場景的體驗(yàn)環(huán)境

隨著掃一掃和拍立淘的產(chǎn)品體驗(yàn)升級，應(yīng)用場景也由淘寶優(yōu)勢的商品類目進(jìn)一步擴(kuò)展到了汽車、花草、寵物等新領(lǐng)域。作為設(shè)計(jì)師，不僅需要吸引用戶注意場景的更新，還要幫助用戶快速上手進(jìn)行體驗(yàn)。

通過以往的實(shí)踐發(fā)現(xiàn)，簡單的引導(dǎo)提示容易被用戶忽略，即使受到吸引也會由于缺乏體驗(yàn)的環(huán)境而放棄嘗試。所以我們一直在思考，如何能將功能引導(dǎo)和實(shí)際使用串聯(lián)起來，通過模擬真實(shí)場景的「體驗(yàn)式教育」起到上新提示和直接體驗(yàn)試用的雙重作用。

△ 新場景的體驗(yàn)式教育

框架統(tǒng)一升級路漫漫

掃一掃和拍立淘是兩個(gè)入口不同卻有著相同的功能模式，但同一模式下的識別體驗(yàn)又不一致，用戶認(rèn)知與產(chǎn)品迭代成本都很高。

受用戶固有心智和產(chǎn)品流量雙重因素制約，兩個(gè)入口合并具有長期不確定性。因此統(tǒng)一產(chǎn)品內(nèi)部體驗(yàn)成為更可行的改造目標(biāo)，從而更好地為未來徹底融合做足鋪墊。

? 1. 定義新的框架結(jié)構(gòu)

新框架從橫縱兩個(gè)方向進(jìn)行了結(jié)構(gòu)分層，橫向支撐不同模式的差異化體驗(yàn)，滿足基礎(chǔ)識別訴求；縱向控制同一模式內(nèi)的識別和互動分區(qū)，激發(fā)潛在的發(fā)現(xiàn)性訴求。

△ 新框架的分層結(jié)構(gòu)

? 2. 功能模式橫向延展

功能模式可按照識別方式、互動技術(shù)、應(yīng)用場景做不同維度的組合或拆分。

△ 實(shí)際應(yīng)用的三種模式：AR、掃描、拍照

? 3. 識別與互動縱向分區(qū)

識別區(qū)用于不同場景識別的直接體驗(yàn)，互動區(qū)承載場景上新、品牌活動、黑科技玩法的推薦和引導(dǎo)，兩者從縱向進(jìn)行分離。根據(jù)場景要求，可以動態(tài)調(diào)配兩個(gè)區(qū)域比例和互動區(qū)坑位數(shù)量。

△ 識別與互動區(qū)域比例調(diào)配

△ 互動區(qū)坑位數(shù)量和氛圍調(diào)配

寫在最后

如果把平臺比作一座寶藏，設(shè)計(jì)、產(chǎn)品、技術(shù)都在從不同角度去挖掘這座寶藏，在相同位置挖掘久了難免會產(chǎn)生「好像沒什么可以再挖」的錯(cuò)覺，又可能感嘆挖出的東西不夠有完整價(jià)值。此時(shí)不妨轉(zhuǎn)換下角度，蒙塵的原石可能就在原地等候有心人的發(fā)現(xiàn)，經(jīng)過仔細(xì)打磨，最后仍有機(jī)會串聯(lián)成珍寶。

掃一掃和拍立淘早已度過初創(chuàng)時(shí)期，設(shè)計(jì)師需要在產(chǎn)品成熟進(jìn)程中不斷挖掘體驗(yàn)進(jìn)化的新機(jī)會。智能互動是個(gè)很有趣的研究課題，以上分享的體驗(yàn)升級是感知層強(qiáng)化和框架層改造的初步嘗試，后續(xù)會結(jié)合細(xì)分場景差異化設(shè)計(jì)和互動玩法做更多探索。

歡迎關(guān)注「淘寶設(shè)計(jì)」公眾號：