引言

搜索作為最常用的功能，在產(chǎn)品設(shè)計(jì)中使用率高、應(yīng)用面廣。設(shè)計(jì)時(shí)基本以一個(gè)輸入框的形式解決，卻忽略了很多設(shè)計(jì)細(xì)節(jié)。B 端搜索一般具有搜索目的明確、數(shù)據(jù)量大、注重結(jié)果精確度等特征，針對(duì)文字類搜索，結(jié)合實(shí)際工作與近期調(diào)研總結(jié)成文，希望給大家?guī)韰⒖紐

一、用戶訴求

用戶使用搜索功能時(shí)，一般是想從海量信息中獲取自己所需的信息。當(dāng)想要得到的結(jié)果清晰、具體，且明確知道如何找到該結(jié)果，常是輸入較詳細(xì)的條件后進(jìn)行搜索。當(dāng)用戶清楚知道自己想要得到的結(jié)果，但對(duì)輸入條件模糊時(shí)，通常輸入部分條件，再通過對(duì)內(nèi)容進(jìn)行篩選，逐級(jí)精確結(jié)果。

通過挖掘用戶訴求，來分析 B 端場(chǎng)景下的搜索功能設(shè)計(jì)。

二、搜索流程

搜索功能可以分為搜索前、搜索中、搜索后三個(gè)步驟。

1. 搜索前

找到搜索入口是搜索流程的第一步，而搜索入口的位置取決于產(chǎn)品對(duì)搜索功能的定位。

Dawn Shikh 與 Keisi Lenz 的一項(xiàng)研究：展示了在 142 個(gè)參與者的調(diào)查中，網(wǎng)站搜索框的期望位置。研究發(fā)現(xiàn)，對(duì)用戶來說最方便使用的地方是網(wǎng)站的左上角與右上角位置。用戶可以使用常見的 F 形掃描模式輕松找到它。

來源：網(wǎng)絡(luò)

如圖，搜索框放置在頁面中上方與頁面右上角是用戶最期望的位置，當(dāng)搜索為產(chǎn)品核心功能時(shí)，搜索框一般放置在頁面中心偏上位置，常見于搜索引擎與數(shù)據(jù)庫首頁；當(dāng)搜索為產(chǎn)品輔助功能時(shí)，搜索框放置在頁面左上方/右上方，使用戶能夠隨時(shí)找到搜索入口。

搜索方式包含全局搜索與定向搜索兩種。

全局搜索

全局搜索指在用戶輸入關(guān)鍵詞后，程序自動(dòng)匹配系統(tǒng)內(nèi)的結(jié)果信息，使用過程簡(jiǎn)單便捷，側(cè)重搜索結(jié)果的豐富度，但精確率不高，需要通過二次篩選來逐級(jí)精確結(jié)果。

定向搜索

通常我們進(jìn)行搜索時(shí)都是無序的，只需要簡(jiǎn)單輸入關(guān)鍵詞即可搜索相關(guān)內(nèi)容，定向搜索是由用戶選定搜索范圍后再進(jìn)行搜索。適用于注重搜索結(jié)果的精準(zhǔn)性或展示產(chǎn)品搜索能力等場(chǎng)景。

常見有下拉框型、Tab 型、組合型三種設(shè)計(jì)形式。

下拉框型：

明確并固定選項(xiàng)類別，降低用戶操作難度。下拉篩選適合的選項(xiàng)類別有限，不適合多類別、復(fù)雜維度的分類。

Tab 型：

平鋪展示搜索條件內(nèi)容，每個(gè) Tab 標(biāo)簽代表一個(gè)篩選維度，操作便捷。Tab 標(biāo)簽的數(shù)量不宜過多。

組合型：

B 端類產(chǎn)品數(shù)據(jù)量豐富，在實(shí)際使用時(shí)，簡(jiǎn)單的方式很難全面覆蓋到各個(gè)搜索場(chǎng)景，精準(zhǔn)定位搜索結(jié)果。所以通過多個(gè)篩選維度的結(jié)合，形成多屬性的組合搜索，能夠大幅提升搜索結(jié)果的準(zhǔn)確性。

此外，高級(jí)搜索是在定向搜索的基礎(chǔ)上，進(jìn)一步豐富了搜索選項(xiàng)，比如指定搜索的時(shí)間范圍、數(shù)據(jù)類型等，設(shè)置的選項(xiàng)越詳細(xì)越能夠提升搜索結(jié)果的效果和準(zhǔn)確性。

在設(shè)計(jì)時(shí)需要注意，B 端系統(tǒng)用戶角色多，層次不同，所以更加需要注重搜索前的引導(dǎo)，針對(duì)搜索規(guī)則、搜索限制等，應(yīng)適時(shí)的以簡(jiǎn)練易懂的語言提示。

2. 搜索中

搜索中概括為搜索提示、狀態(tài)反饋兩方面。

搜索提示：

1）搜索聯(lián)想

通過已輸入的關(guān)鍵詞來預(yù)測(cè)可以找到的搜索結(jié)果，為用戶創(chuàng)造更加便捷的體驗(yàn)。在有權(quán)限控制的 B 端系統(tǒng)中，需要注意搜索的隱私保護(hù)或不啟用搜索聯(lián)想功能。

2）搜索歷史

保留歷史搜索記錄，方便用戶快速定位以前的搜索內(nèi)容，無需再次輸入。

3）搜索推薦

熱門搜索推薦、或通過算法向用戶推薦相近內(nèi)容，拓寬用戶的搜索思路，激發(fā)用戶對(duì)潛在事物的興趣。

狀態(tài)反饋：

對(duì)用戶的輸入內(nèi)容及時(shí)反饋，如輸入限制、輸入格式錯(cuò)誤等。

3. 搜索后

搜索結(jié)果中隱含著搜索邏輯，全局搜索場(chǎng)景下多數(shù)為模糊搜索，即把與搜索關(guān)鍵詞詳盡的內(nèi)容頁反饋出來，匹配度低，需要花時(shí)間對(duì)結(jié)果二次篩選。

B 端中對(duì)數(shù)據(jù)結(jié)果的篩選重結(jié)果查看與數(shù)據(jù)操作，總結(jié)出以下場(chǎng)景需求：

1. 快速瀏覽數(shù)據(jù)，并能夠準(zhǔn)確找到數(shù)據(jù)。
2. 需要經(jīng)常變換條件的組合迭代查詢數(shù)據(jù)，對(duì)查詢結(jié)果精準(zhǔn)定位。
3. 對(duì)數(shù)據(jù)進(jìn)行操作，如收藏、刪除、下載等。

針對(duì)這三類場(chǎng)景介紹兩種常用的篩選布局方式。

上下布局

上下布局中篩選條件位于數(shù)據(jù)頂部，是當(dāng)前最常用的方式。

優(yōu)點(diǎn)：上下布局中篩選條件與結(jié)果數(shù)據(jù)的聯(lián)系更為緊密，能夠更好適應(yīng)用戶的高頻操作，適合橫向數(shù)據(jù)項(xiàng)較多時(shí)使用。

缺點(diǎn)：可擴(kuò)展性稍差，當(dāng)篩選項(xiàng)多時(shí)可將篩選項(xiàng)按優(yōu)先級(jí)排布，折疊低頻篩選，顯示高頻篩選，保證屏效。

左右布局

左右布局指篩選條件位于頁面的左側(cè)或者右側(cè)。

優(yōu)點(diǎn)：節(jié)省頁面橫向空間，能夠展示更多篩選條件，可擴(kuò)展性強(qiáng)。

缺點(diǎn)：用戶對(duì)照篩選條件查看數(shù)據(jù)的耗時(shí)變長(zhǎng)。

特殊場(chǎng)景下，系統(tǒng)通過對(duì)用戶輸入的語義的理解，判斷結(jié)果與用戶搜索的相關(guān)性，按照實(shí)際搜索意圖對(duì)結(jié)果進(jìn)行前后排序。

如在天眼查中搜索"劉強(qiáng)東"，搜索結(jié)果根據(jù)社會(huì)影響力優(yōu)先判斷搜索項(xiàng)，展示搜索結(jié)果。

小結(jié)

以上就是對(duì) B 端搜索功能 3 個(gè)階段的梳理與思考，每一個(gè)看似簡(jiǎn)單的功能背后都隱藏了很多流程與邏輯，結(jié)合實(shí)際的使用場(chǎng)景，從功能定位、用戶目標(biāo)等維度綜合分析，才能夠真正提升用戶體驗(yàn)。

作者：然然圖文