B 端業(yè)務(wù)場(chǎng)景下數(shù)據(jù)量多且復(fù)雜，對(duì)數(shù)據(jù)的精準(zhǔn)度和查找效率要求高。本文基于威脅情報(bào)中心業(yè)務(wù)設(shè)計(jì)背景對(duì) B 端搜索功能進(jìn)行探究分析，總結(jié)設(shè)計(jì)過程中的思考和要點(diǎn)。

概述

搜索是產(chǎn)品中很常見的一個(gè)功能，它需要豐富的底層數(shù)據(jù)作為其存在的必要條件，同時(shí)也具備很強(qiáng)的用戶主動(dòng)性，通過搜索讓用戶在海量的信息中快速找到自己的目標(biāo)項(xiàng)。

搜索涉及到數(shù)據(jù)的匹配規(guī)則、算法的精準(zhǔn)度及商業(yè)運(yùn)營需求的影響，在設(shè)計(jì)過程中除了關(guān)注顯性的設(shè)計(jì)內(nèi)容，也需要明確如何更好地匹配用戶的搜索需求、各個(gè)不同搜索入口的搜索方式、搜索結(jié)果的精確程度等方面，從多方面保障用戶體驗(yàn)。

B 端的搜索構(gòu)成

搜索流程可以拆解為三個(gè)關(guān)鍵節(jié)點(diǎn)，每個(gè)關(guān)鍵節(jié)點(diǎn)中都有設(shè)計(jì)需要核心關(guān)注的點(diǎn)，不同交互方式側(cè)重也不同。

1. 搜索前

功能入口

B 端業(yè)務(wù)中搜索入口通常存在多個(gè)，常見的有首頁搜索、頂部導(dǎo)航欄搜索，復(fù)雜的場(chǎng)景中也存在同一個(gè)頁面中有多個(gè)搜索入口，設(shè)計(jì)前需梳理清楚每一個(gè)搜索入口的交互邏輯；不同搜索入口覆蓋的搜索范圍、搜索過程、搜索結(jié)果是否一致，在占位文本上也需體現(xiàn)出該搜索入口的搜索內(nèi)容。

搜索方式

搜索方式包括全局搜索、定向搜索或兩者兼具。

全局搜索

全局搜索是通過關(guān)鍵詞匹配全局范圍內(nèi)的信息；設(shè)計(jì)全局搜索時(shí)要注意搜索后的結(jié)果展示邏輯。

其優(yōu)勢(shì)是無學(xué)習(xí)門檻，用戶無需考慮內(nèi)容對(duì)應(yīng)的分類只需輸入關(guān)鍵詞；劣勢(shì)是精準(zhǔn)度不夠高；搜索出來內(nèi)容泛；需用戶二次通過選項(xiàng)查找目標(biāo)內(nèi)容。

定向搜索

定向搜索則是由用戶主動(dòng)選定搜索范圍后再進(jìn)行搜索，優(yōu)勢(shì)是搜索精準(zhǔn)度高，劣勢(shì)是增加了部分用戶的學(xué)習(xí)成本及操作步驟。

定向搜索適用的幾種場(chǎng)景：

• 產(chǎn)品數(shù)據(jù)量足夠大且重搜索、用戶對(duì)于搜索有明確目標(biāo)、定向可以幫助用戶提高搜索的精準(zhǔn)范圍和效率；
• 搜索時(shí)輸入的內(nèi)容無法通過同一套搜索交互方式和后臺(tái)計(jì)算邏輯承載，如單次搜索和批量搜索的輸入格式不同，搜索結(jié)果存在多樣性；
• 需外露產(chǎn)品亮點(diǎn)功能，對(duì)于前置條件的數(shù)據(jù)計(jì)算能力和開發(fā)成本更高。

可以根據(jù)產(chǎn)品的發(fā)展階段、需求側(cè)重、用戶的專業(yè)度和使用習(xí)慣來綜合決策使用哪一種方式更合適。如果側(cè)重查詢效率且用戶是有專業(yè)門檻的使用者時(shí)，可以優(yōu)先考慮定向搜索；如果側(cè)重查詢結(jié)果的豐富度，可以優(yōu)先考慮全局搜索。

2. 搜索中

搜索激活

搜索激活指用戶激活搜索框時(shí)出現(xiàn)的內(nèi)容，B 端業(yè)務(wù)中搜索激活內(nèi)容常見以下兩種：

1）承載搜索歷史或運(yùn)營內(nèi)容，如推薦搜索、相關(guān)搜索等。

2）承載定向搜索項(xiàng)，重引導(dǎo)先選擇后輸入，可同時(shí)選擇多個(gè)定向范圍進(jìn)行搜索；適用于非核心但數(shù)據(jù)維度復(fù)雜的搜索場(chǎng)景。

搜索反饋

搜索反饋指用戶輸入本文時(shí)未確認(rèn)搜索執(zhí)行的中間過程狀態(tài)。在 B 端場(chǎng)景下搜索反饋具備很強(qiáng)的引導(dǎo)作用，相較于 C 端減少了觸覺和聽覺反饋，常通過視覺反饋（顏色、樣式、文本）給予用戶當(dāng)下的狀態(tài)提示。

關(guān)鍵詞聯(lián)想

搜索聯(lián)想承載的不止顯性的設(shè)計(jì)呈現(xiàn)，還有背后的算法邏輯；例如是否可以識(shí)別拼音、不同搜索方式呈現(xiàn)的聯(lián)想詞范圍，都需要提前確認(rèn)落地可行性后再統(tǒng)一定義相關(guān)交互規(guī)則，并在產(chǎn)品中的所有搜索場(chǎng)景中保持相同的交互邏輯。

狀態(tài)反饋

搜索過程中的異常情況需實(shí)時(shí)給予用戶精準(zhǔn)反饋，將反饋內(nèi)容前置可以減少用戶后續(xù)的往返操作步驟。

觸發(fā)方式

常規(guī)搜索通過點(diǎn)擊按鈕或回車觸發(fā)，但無法覆蓋一些復(fù)雜場(chǎng)景下的搜索觸發(fā)；如威脅情報(bào)業(yè)務(wù)中有批量搜索功能，輸入內(nèi)容包含多種標(biāo)點(diǎn)符號(hào)，如果使用常規(guī)的回車鍵作為觸發(fā)則無法生成單條搜索內(nèi)容（下圖），這時(shí)就需要定義清楚不同場(chǎng)景下的觸發(fā)規(guī)則。

3. 搜索后

搜索結(jié)果

搜索結(jié)果根據(jù)搜索方式及內(nèi)容決定。全局搜索多數(shù)場(chǎng)景下為模糊搜索-展示結(jié)果分類，但在特殊場(chǎng)景時(shí)也會(huì)存在隱藏的搜索邏輯，如威脅情報(bào)中心中單次搜索時(shí)，搜索結(jié)果優(yōu)先判斷是否命中具體的搜索項(xiàng)，命中展示搜索結(jié)果詳情，未命中則展示包含關(guān)鍵詞的模糊搜索結(jié)果。

設(shè)計(jì)注意事項(xiàng)&思考

基于上述的搜索構(gòu)成可以總結(jié)出在設(shè)計(jì)過程中的關(guān)鍵要素和需要思考清楚的交互細(xì)節(jié)。

1. 關(guān)鍵詞匹配邏輯

當(dāng)前多數(shù)的 B 端場(chǎng)景搜索功能都很簡(jiǎn)單，在內(nèi)容匹配的定義上也比較模糊；隨著業(yè)務(wù)的發(fā)展，可以參考 C 端的搜索場(chǎng)景，將更多設(shè)計(jì)細(xì)節(jié)借鑒在 B 端業(yè)務(wù)中來幫助提升使用體驗(yàn)和效率。

例如在微博分別搜索眼影盤、品牌名稱、書單、電視劇名稱，這幾個(gè)關(guān)鍵詞的結(jié)果頁中基礎(chǔ)交互架構(gòu)是相同的，但內(nèi)容排列是完全不同的，分析后認(rèn)為結(jié)果是以關(guān)鍵詞類別+用戶搜索目的+運(yùn)營策略來做判斷的。

2. 多端適配

B 端除了 web 端外，部分產(chǎn)品也會(huì)存在著多端場(chǎng)景，如云防火墻、威脅情報(bào)等都有小程序版本?；径际窍扔?web 端產(chǎn)品之后延伸到移動(dòng)端，這時(shí)用戶的使用習(xí)慣已經(jīng)養(yǎng)成，所以在做多端適配時(shí)，視覺上因?yàn)槌叽缦拗撇荒芡耆€原，但在交互邏輯上務(wù)必保持統(tǒng)一性，避免用戶新的學(xué)習(xí)成本。

總結(jié)

搜索乍看是很簡(jiǎn)單的功能，其實(shí)在設(shè)計(jì)過程中包含了很多細(xì)節(jié)和規(guī)則需要定義清楚，每個(gè)產(chǎn)品對(duì)于搜索功能的需求不同，在設(shè)計(jì)初期也需要跟產(chǎn)品充分溝通達(dá)成一致。

交互設(shè)計(jì)通常不止一種解決方案，決策時(shí)可以根據(jù)具體場(chǎng)景下用戶最核心的使用需求和初期溝通的設(shè)計(jì)目標(biāo)作為參考，在功能和體驗(yàn)之間做好取舍。

作者：騰訊設(shè)計(jì)族