B端體驗(yàn)細(xì)節(jié)：搜索的設(shè)計(jì)你真會(huì)嗎？（收藏）

---

?  思考時(shí)刻  ?

搜索在知識(shí)形成和激發(fā)創(chuàng)意方面發(fā)揮了重要的作用。它勢(shì)必將以難以想象的方式調(diào)動(dòng)我們的意識(shí)，振奮我們的精神。——彼得?莫維里

---

打開淘寶，點(diǎn)擊頂部搜索框，輸入馬克杯，點(diǎn)擊搜索，一堆漂亮的馬克杯圖片展現(xiàn)在我們眼前。我們可以開始瀏覽并選擇自己中意的馬克杯，也可以再次精確篩選后，再進(jìn)行瀏覽并挑選。搜索-重構(gòu)搜索-瀏覽-對(duì)比-下單，是我們?cè)谑褂锰詫毜牧?xí)慣路徑，搜索拉近了淘寶與用戶的距離，搜索讓我們發(fā)現(xiàn)所需。

可以說(shuō)，搜索對(duì)于移動(dòng)端APP、B端系統(tǒng)、網(wǎng)站等來(lái)說(shuō)是必備功能，缺少了搜索的產(chǎn)品，將會(huì)被用戶丟棄。試想一下，如果微信沒(méi)有搜索、知乎沒(méi)有搜索、餓了么沒(méi)有搜索，我們還會(huì)不會(huì)去用它們。

今天將和大家分享搜索以及B端搜索的設(shè)計(jì)模式，一起來(lái)了解下搜索這個(gè)朋友，希望借此文給大家?guī)ヒ恍┧阉髟O(shè)計(jì)的啟發(fā)。

本文將從以下5部分展開：

1、什么是搜索

2、搜索的意義

3、搜索的構(gòu)成

4、設(shè)計(jì)模式

5、設(shè)計(jì)原則

- 什么是搜索 -

搜索就是用戶將想要查詢的信息輸入到相應(yīng)的搜索器中，然后搜索引擎就會(huì)在約定的規(guī)則下將獲取到的信息反饋給用戶的過(guò)程。

搜索引擎依托于多種多樣的技術(shù)，比如爬蟲技術(shù)、檢索排序技術(shù)、自然語(yǔ)言處理技術(shù)等?，F(xiàn)今，搜索引擎的技術(shù)和算法已經(jīng)相對(duì)成熟，看看淘寶、百度、谷歌我們就知道了，搜啥有啥，搜錯(cuò)還會(huì)幫助用戶糾正，真的非常聰明。

搜索引擎的工作過(guò)程可以分解為三步：一是抓取原始信息，存入數(shù)據(jù)庫(kù)；二是對(duì)原始信息進(jìn)行提取和組織，建立索引庫(kù)；三是當(dāng)用戶輸入內(nèi)容時(shí)，快速檢索并找到結(jié)果內(nèi)容排序（排序規(guī)則多種），返回給用戶。搜索結(jié)果如何排序，非常影響用戶的滿意度。例如，將幾年以前的信息，或?qū)⑾嚓P(guān)性非常弱的信息展示給用戶，用戶滿意度將會(huì)大打折扣。

- 搜索的意義 -

對(duì)于產(chǎn)品和用戶來(lái)說(shuō)，搜索的意義不言而喻，主要有以下幾點(diǎn)：

1、在信息浩如煙海的時(shí)代，光靠人類的記憶已經(jīng)無(wú)法記住如此多的信息。它們?cè)谀睦?，沿著什么路徑可以去找它們，總之，已?jīng)記不住了。搜索是個(gè)好幫手，只要輸入關(guān)鍵詞，就可以得到自己需要的信息資源。

2、在搜索目標(biāo)信息的同時(shí)，我們也會(huì)獲得熱門搜索、推薦結(jié)果、高相似度等信息資源，這極大地促進(jìn)了銷售額、運(yùn)營(yíng)活動(dòng)指標(biāo)的提升，搜索對(duì)商業(yè)價(jià)值、KPI績(jī)效的提升也不容易忽視。

3、搜索讓信息無(wú)國(guó)界，跨時(shí)間與空間。我們用搜索可以知道當(dāng)下的時(shí)事新聞，現(xiàn)在很多國(guó)外熱點(diǎn)事件，一方面是通過(guò)報(bào)道，另一方面是通過(guò)搜索發(fā)現(xiàn)的。

4、產(chǎn)品通過(guò)加入智能搜索能力，變得對(duì)用戶更友好了，產(chǎn)品不再是冷冰冰的系統(tǒng)，而是有溫度的伙伴，可以提升用戶粘性。

- 搜索的構(gòu)成 -

對(duì)于產(chǎn)品經(jīng)理/設(shè)計(jì)師來(lái)說(shuō)，要為產(chǎn)品設(shè)計(jì)搜索功能，通常要思考到這4點(diǎn)。

1、功能入口

功能入口是指用戶可以從哪里觸發(fā)搜索這一行為。在移動(dòng)端上，功能入口有些在頂部，有些在底部，還有一些會(huì)懸浮在頁(yè)面的某個(gè)部位；PC端由于屏幕面積大，搜索通常放在產(chǎn)品頁(yè)頂部，如果放在其他位置，用戶幾戶注意不到。

移動(dòng)端案例（淘寶為例）：

淘寶作為電商平臺(tái)，其商品數(shù)量大到驚人，除去打發(fā)時(shí)間漫無(wú)目的瀏覽商品的用戶，絕大多數(shù)用戶都通過(guò)搜索完成自己的交易鏈路。因此，淘寶將搜索放到了首頁(yè)頂部最顯著的位置，且搜索框默認(rèn)處于展開狀態(tài)，框內(nèi)的占位文字（占位文字來(lái)自用戶最近搜索的內(nèi)容）引導(dǎo)用戶開啟搜索旅程。淘寶的搜索功能非常豐富，不僅包含了文本搜索，還包含了圖片 、二維碼等搜索方式。

網(wǎng)站案例（知乎為例）：

知乎作為問(wèn)答社區(qū)，其搜索入口也位于頂部導(dǎo)航欄的顯著位置，引導(dǎo)用戶進(jìn)行搜索，并且搜索框內(nèi)的占位文字根據(jù)算法會(huì)間隔一段時(shí)間改變，引導(dǎo)用戶發(fā)現(xiàn)新的內(nèi)容，促進(jìn)用戶在知乎上的使用時(shí)長(zhǎng)。

2、搜索激活頁(yè)

搜索激活頁(yè)是指當(dāng)用戶激活搜索框時(shí)，反饋的狀態(tài)。有些產(chǎn)品的數(shù)據(jù)量不大，搜索是一個(gè)非常次要的功能，那么其搜索激活頁(yè)可能就沒(méi)有。但很多產(chǎn)品會(huì)利用搜索激活頁(yè)做一些營(yíng)銷活動(dòng)，以提升用戶粘性、商品轉(zhuǎn)化率、銷售額等。

移動(dòng)端案例（淘寶為例）：

淘寶的搜索激活頁(yè)呈現(xiàn)給用戶歷史搜索情況、搜索發(fā)現(xiàn)、新趨勢(shì)熱點(diǎn)等推薦內(nèi)容，對(duì)于沒(méi)有目的來(lái)淘寶閑逛的用戶來(lái)說(shuō)，可以利用搜索激活頁(yè)的內(nèi)容開啟瀏覽，說(shuō)不定看著看著就下單了。而對(duì)于有目的性來(lái)淘寶購(gòu)買商品的用戶來(lái)說(shuō)，也可以利用淘寶預(yù)置的內(nèi)容，去發(fā)現(xiàn)新的內(nèi)容。

網(wǎng)站案例（知乎為例）：

當(dāng)鼠標(biāo)進(jìn)入知乎搜索框時(shí)，知乎搜索激活頁(yè)提供了近期熱門內(nèi)容和歷史搜索，這是C端搜索激活頁(yè)常見的設(shè)計(jì)模式。

3、搜索反饋?lái)?yè)

搜索反饋?lái)?yè)是指從用戶輸入本文這一刻起，到還沒(méi)有確認(rèn)搜索的中間過(guò)程。這個(gè)過(guò)程會(huì)使用一張頁(yè)面來(lái)記錄當(dāng)前搜索的反饋，這就是搜索反饋?lái)?yè)。在搜索反饋?lái)?yè)中，反饋算法至關(guān)重要，這里細(xì)節(jié)就非常多了。例如是否需要自動(dòng)糾錯(cuò)、是否要拼音轉(zhuǎn)文字、是否要抹掉空格等，于此同時(shí)，還需要涉及到自動(dòng)補(bǔ)全、最佳優(yōu)先等策略，對(duì)于搜索反饋?lái)?yè)來(lái)說(shuō)，其承載的遠(yuǎn)不止UI呈現(xiàn)而已，背后的算法邏輯才是搜索是否好用的基礎(chǔ)。

移動(dòng)端案例（淘寶為例）：

淘寶的搜索反饋?lái)?yè)采用自動(dòng)補(bǔ)全機(jī)制，協(xié)助用戶更精準(zhǔn)的搜索，并且其可以識(shí)別拼音，從而轉(zhuǎn)換為文字。關(guān)于淘寶搜索的規(guī)則等，大家可以去網(wǎng)上找找。

網(wǎng)站案例（知乎為例）：

知乎搜索反饋?lái)?yè)也是采用了自動(dòng)補(bǔ)全機(jī)制，并且可以識(shí)別拼音。不過(guò)兩者由于產(chǎn)品性質(zhì)、算法等不同，同樣是搜索“上衣、shangyi”，其反饋的結(jié)果也是不同的。

4、搜索結(jié)果頁(yè)

搜索結(jié)果頁(yè)是指用戶確認(rèn)當(dāng)前搜索后，產(chǎn)品所呈現(xiàn)給用戶的內(nèi)容頁(yè)面。在搜索結(jié)果頁(yè)上，通常會(huì)將與關(guān)鍵詞有關(guān)的內(nèi)容按照一定的排序規(guī)則進(jìn)行呈現(xiàn)，例如按照點(diǎn)贊量、購(gòu)買量、收藏量等。

移動(dòng)端案例（淘寶為例）：

淘寶的搜索結(jié)果頁(yè)根據(jù)一定的排序規(guī)則將搜索結(jié)果呈現(xiàn)給用戶，同時(shí)用戶可以進(jìn)一步通過(guò)精細(xì)化篩選將結(jié)果進(jìn)一步縮小。

網(wǎng)站案例（知乎為例）：

知乎的搜索結(jié)果頁(yè)也設(shè)計(jì)的非常豐富，與普通的問(wèn)答瀏覽頁(yè)幾乎沒(méi)有差別，只是內(nèi)容更聚焦了，且頂部有分類導(dǎo)航，右側(cè)有搜索發(fā)現(xiàn)。

產(chǎn)品由于調(diào)性不同、用戶群不同、運(yùn)營(yíng)目標(biāo)不同等原因，應(yīng)用的搜索設(shè)計(jì)模式也會(huì)不同，但產(chǎn)品一旦涉及到搜索，就要盡力去設(shè)計(jì)好，特別是從用戶需求出發(fā)進(jìn)行設(shè)計(jì)，讓用戶感受到搜索不僅是一個(gè)功能，更是懂他們的知心朋友，幫助他們找到所需的信息。

- 設(shè)計(jì)模式 -

對(duì)于B端產(chǎn)品來(lái)說(shuō)，搜索通常不會(huì)只有全局的，而移動(dòng)端、網(wǎng)站一般只有一個(gè)搜索入口。B端產(chǎn)品的搜索會(huì)出現(xiàn)在“全局搜索、菜單搜索、某類型內(nèi)容搜索、表數(shù)據(jù)搜索”等上面。今天要說(shuō)的B端產(chǎn)品搜索設(shè)計(jì)模式不局限在某類型搜索，而是指涉及到搜索這一功能時(shí)，可以如何啟發(fā)思考的問(wèn)題。

從個(gè)人經(jīng)驗(yàn)以及相關(guān)資料梳理，我將B端產(chǎn)品搜索的設(shè)計(jì)模式總結(jié)為以下6種。

1、自動(dòng)補(bǔ)全

a、What 是什么

當(dāng)用戶輸入內(nèi)容時(shí)，系統(tǒng)會(huì)幫助補(bǔ)全內(nèi)容，無(wú)需用戶全部輸入完整。例如輸入“小白鞋”，就會(huì)出現(xiàn)“小白鞋女、小白鞋清潔劑、小白鞋厚底”等內(nèi)容。

b、When 使用場(chǎng)景

通常來(lái)說(shuō)，用戶并不能準(zhǔn)確的輸入完整的內(nèi)容（這需要他們努力回憶，或者精心組織編排文字），即便他們會(huì)輸入完整的內(nèi)容，也需要花費(fèi)掉他們較久的時(shí)間。自動(dòng)補(bǔ)全不僅可以讓用戶搜索變得高效，讓搜索更精準(zhǔn)，也可以發(fā)散用戶的搜索思維，這是搜索情感化的表達(dá)。好比你和朋友對(duì)話，你才說(shuō)了半句，他就猜對(duì)了下半句，是不是你就會(huì)感覺(jué)這個(gè)朋友很走心。

2、最佳優(yōu)先

a、What 是什么

人們總是關(guān)注排列在靠前的內(nèi)容，或者最后的內(nèi)容，而不是中間那一堆。最佳優(yōu)先設(shè)計(jì)模式將搜索結(jié)果中最重要、最推薦、最符合用戶預(yù)期的排列在最前面，從而讓用戶快算定位，完成搜索。最佳優(yōu)先數(shù)量建議不要過(guò)多，3個(gè)以內(nèi)即可。

b、When 使用場(chǎng)景

用戶所輸入的就一定是最佳的嗎？答案是否定的，有時(shí)間連我們自己都不知道自己輸入的內(nèi)容是否是最佳的，當(dāng)我們?cè)贐端產(chǎn)品菜單搜索框中輸入內(nèi)容時(shí)，非常期望系統(tǒng)能推薦自己真正所需的，所以最佳優(yōu)先非常合適。系統(tǒng)可以通過(guò)用戶近期點(diǎn)擊的菜單、停留的頁(yè)面時(shí)長(zhǎng)來(lái)算出最佳優(yōu)先。

例如圖書館書籍管理系統(tǒng)，可以將近期借閱量高的書籍，好評(píng)率高的書籍進(jìn)行最佳優(yōu)先排序，保證圖書管理員可以搜索出所需的書籍，擺放在合適的書架，以至于可以被借閱者快速借閱。而不能是搜索關(guān)鍵詞，出現(xiàn)的是一堆非熱門、非有用的書籍。

3、模糊輸入

a、What 是什么

模糊輸入是指用戶不用關(guān)心自己輸入了什么格式，哪怕錯(cuò)了，系統(tǒng)也會(huì)推薦給你相對(duì)正確的，讓用戶達(dá)到預(yù)期目標(biāo)。包括：繁體轉(zhuǎn)為簡(jiǎn)體、自動(dòng)糾錯(cuò)（例如“群子”糾正為“裙子”）、拼音轉(zhuǎn)為文字、同義詞轉(zhuǎn)換（例如“聯(lián)想”轉(zhuǎn)為“聯(lián)想集團(tuán)”）。

b、When 使用場(chǎng)景

用戶在輸入時(shí)，并不一定會(huì)正確輸入，有時(shí)候因?yàn)榇蜃挚?，?huì)輸入讀音相同但文本不對(duì)的內(nèi)容。就像我們?cè)诹奶鞎r(shí)候，會(huì)不小心打一串拼音出去，但由于對(duì)方是活生生的人，他的大腦會(huì)轉(zhuǎn)譯，而對(duì)于系統(tǒng)來(lái)說(shuō)，這要困難的多，不過(guò)也要盡力去做。

不管用戶輸入什么，系統(tǒng)都可以糾正，會(huì)增強(qiáng)用戶心流；但用戶輸什么錯(cuò)什么，就會(huì)讓用戶有明顯的受阻感。

4、分面導(dǎo)航

a、What 是什么

分面導(dǎo)航又被稱為導(dǎo)引式導(dǎo)航，它讓用戶通過(guò)漸進(jìn)式查找，最終找到自己需要的目標(biāo)。該設(shè)計(jì)模式是小范圍到大范圍的搜索行動(dòng)，不斷明確目標(biāo)的過(guò)程。

b、When 使用場(chǎng)景

用戶對(duì)搜索的需求有時(shí)候需要多維度呈現(xiàn)，并不是一個(gè)維度可以呈現(xiàn)完成的，多維度的篩選是用戶對(duì)信息多維度感知的需求。用戶會(huì)在多個(gè)分面上輾轉(zhuǎn)，以查詢他們的所需。好比查股票，可以從漲跌幅度、行業(yè)分類、市盈率等維度展開，用戶并不只想看某個(gè)維度。

5、高級(jí)搜索

a、What 是什么

高級(jí)搜索是指將不常用，但又可以進(jìn)一步縮小內(nèi)容范圍的條件整合起來(lái)，幫助用戶更精準(zhǔn)的搜索目標(biāo)內(nèi)容。

b、When 使用場(chǎng)景

當(dāng)用戶期望更精細(xì)化的內(nèi)容時(shí)，需要使用。拿B端的數(shù)據(jù)表格舉個(gè)例子，當(dāng)用戶拿到一張公司成員表時(shí)，只想提取“姓黃、年齡25-30歲、男性、身高170以上”的成員時(shí)，就要使用高級(jí)搜索了，普通搜索無(wú)法滿足精細(xì)化搜索的需求。

6、歷史搜索

a、What 是什么

歷史搜索顧名思義就是將用戶曾經(jīng)搜索過(guò)的內(nèi)容進(jìn)行展現(xiàn)，方便用戶再次搜索，無(wú)需重復(fù)輸入。

b、When 使用場(chǎng)景

用戶并不喜歡同樣的內(nèi)容重復(fù)輸入，系統(tǒng)記不住用戶近期的輸入，而要讓用戶不斷從0-1輸入，這會(huì)讓用戶覺(jué)得系統(tǒng)很傻。歷史搜索在B端也非常常用，特別是面對(duì)經(jīng)常搜索的菜單，很多系統(tǒng)都會(huì)給上歷史搜索，來(lái)幫助用戶快速定位目標(biāo)。

歷史搜索在一定程度上參考了表單的設(shè)計(jì)思維。在疫情剛開始那時(shí)候，我們需要每天上報(bào)同樣的信息，我記得一段時(shí)間后，很多字段已經(jīng)帶上默認(rèn)值了，用戶就省去了每次填寫同樣內(nèi)容的麻煩。

B端搜索的設(shè)計(jì)模式相對(duì)較為嚴(yán)謹(jǐn)，這與產(chǎn)品的性質(zhì)、用戶對(duì)象、數(shù)據(jù)性質(zhì)等有關(guān)系；而C端搜索的設(shè)計(jì)模式比較豐富，還會(huì)涉及到個(gè)性化、展現(xiàn)豐富性、熱門搜索等。

- 設(shè)計(jì)原則  -

關(guān)于搜索，幾乎沒(méi)有人不知道，哪怕是不從事產(chǎn)品的人，他們也知道。同時(shí)每一個(gè)產(chǎn)品，隨著規(guī)模變大，搜索一定必不可少。那么如何設(shè)計(jì)好搜索呢？有哪些原則可以借鑒，本文總結(jié)了4個(gè)方面。

1、漸進(jìn)呈現(xiàn)

在我們?cè)O(shè)計(jì)搜索時(shí)，可以考慮漸進(jìn)呈現(xiàn)的方式。這是指搜索結(jié)果不要一股腦兒都塞給用戶，而是使用逐步擴(kuò)大的方式，讓用戶慢慢進(jìn)入目標(biāo)。但這里要注意，漸進(jìn)的層級(jí)不要太深，漸進(jìn)的內(nèi)容要做到足夠?yàn)橛脩糁搿?/span>

2、結(jié)構(gòu)化

結(jié)構(gòu)化是指搜索結(jié)果呈現(xiàn)的形式要有歸納和整理的意圖，不能反饋給用戶的是沒(méi)有層次的內(nèi)容。簡(jiǎn)單來(lái)說(shuō)，分類就是結(jié)構(gòu)化呈現(xiàn)的體現(xiàn)，內(nèi)容結(jié)構(gòu)化后用戶查找和定位才會(huì)更快速。

3、可操作

對(duì)于搜索結(jié)果，我們可以給予操作選擇，例如收藏、分享等，這將會(huì)大大提升用戶與搜索結(jié)果之間的后續(xù)聯(lián)系?？刹僮餍允亲罴褍?yōu)先的好伙伴。

同時(shí)給搜索結(jié)果添加使用類操作，這會(huì)讓用戶專注于目標(biāo)。例如搜索音樂(lè)后，音樂(lè)可以直接播放。

4、可保存

不輪搜索任何內(nèi)容，用戶都有權(quán)保存自己常用的搜索結(jié)果，保證用戶后續(xù)無(wú)需重復(fù)搜索。這點(diǎn)上已經(jīng)有很多C端產(chǎn)品做的很好了，我們B端也可以考慮起來(lái)。

- 總結(jié) -

搜索不會(huì)是個(gè)過(guò)時(shí)的功能，相反，搜索會(huì)長(zhǎng)盛不衰。就如彼得?莫維里說(shuō)的：“搜索在知識(shí)形成和激發(fā)創(chuàng)意方面發(fā)揮了重要的作用。它勢(shì)必將以難以想象的方式調(diào)動(dòng)我們的意識(shí)，振奮我們的精神?！?/span>

現(xiàn)在，搜索已經(jīng)不僅限于文字，還有圖片、語(yǔ)音、音樂(lè)等的搜索方式，未來(lái)還會(huì)不會(huì)有更多的呢？答案是肯定的。

前些日子，我忽然想吃肯德基，但是我又不想打開手機(jī)去搜索，我對(duì)著手機(jī)喊了一下“hi，Siri，肯德基。”它直接告訴我最近的肯德基店在哪里。但僅此而已，沒(méi)有下文了，如果我還能說(shuō)購(gòu)買一個(gè)全家桶，然后完成整個(gè)交易，那不簡(jiǎn)直太美好了。

我們可以暢享下搜索，振奮一下我們的精神~

關(guān)注作者公眾號(hào)：