編輯導(dǎo)語：搜索功能的存在可以讓用戶在海量信息中檢索自己所需信息，這便利了用戶，且企業(yè)也可以利用搜索功能來提升運營活動指標。那么，應(yīng)該如何做好搜索設(shè)計，優(yōu)化用戶體驗，進而提升用戶轉(zhuǎn)化？本篇文章里，作者就B端產(chǎn)品的搜索功能設(shè)計進行了總結(jié)和梳理，一起來看一下。

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

——彼得?莫維里

打開淘寶，點擊頂部搜索框，輸入馬克杯，點擊搜索，一堆漂亮的馬克杯圖片展現(xiàn)在我們眼前。我們可以開始瀏覽并選擇自己中意的馬克杯，也可以再次精確篩選后，再進行瀏覽并挑選。

搜索——重構(gòu)搜索——瀏覽——對比——下單，是我們在使用淘寶的習慣路徑，搜索拉近了淘寶與用戶的距離，搜索讓我們發(fā)現(xiàn)所需。

可以說，搜索對于移動端APP、B端系統(tǒng)、網(wǎng)站等來說是必備功能，缺少了搜索的產(chǎn)品，將會被用戶丟棄。

試想一下，如果微信沒有搜索、知乎沒有搜索、餓了么沒有搜索，我們還會不會去用它們。

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

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

1. 什么是搜索；
2. 搜索的意義；
3. 搜索的構(gòu)成；
4. 設(shè)計模式；
5. 設(shè)計原則。

一、什么是搜索

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

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

搜索引擎的工作過程可以分解為三步：一是抓取原始信息，存入數(shù)據(jù)庫；二是對原始信息進行提取和組織，建立索引庫；三是當用戶輸入內(nèi)容時，快速檢索并找到結(jié)果內(nèi)容排序（排序規(guī)則多種），返回給用戶。

搜索結(jié)果如何排序，非常影響用戶的滿意度。例如，將幾年以前的信息，或?qū)⑾嚓P(guān)性非常弱的信息展示給用戶，用戶滿意度將會大打折扣。

二、搜索的意義

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

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

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

3）搜索讓信息無國界，跨時間與空間。我們用搜索可以知道當下的時事新聞，現(xiàn)在很多國外熱點事件，一方面是通過報道，另一方面是通過搜索發(fā)現(xiàn)的。

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

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

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

1. 功能入口

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

1）移動端案例（淘寶為例）

淘寶作為電商平臺，其商品數(shù)量大到驚人，除去打發(fā)時間漫無目的瀏覽商品的用戶，絕大多數(shù)用戶都通過搜索完成自己的交易鏈路。

因此，淘寶將搜索放到了首頁頂部最顯著的位置，且搜索框默認處于展開狀態(tài)，框內(nèi)的占位文字（占位文字來自用戶最近搜索的內(nèi)容）引導(dǎo)用戶開啟搜索旅程。淘寶的搜索功能非常豐富，不僅包含了文本搜索，還包含了圖片 、二維碼等搜索方式。

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

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

2. 搜索激活頁

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

1）移動端案例（淘寶為例）

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

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

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

3. 搜索反饋頁

搜索反饋頁是指從用戶輸入本文這一刻起，到還沒有確認搜索的中間過程。這個過程會使用一張頁面來記錄當前搜索的反饋，這就是搜索反饋頁。

在搜索反饋頁中，反饋算法至關(guān)重要，這里細節(jié)就非常多了。例如是否需要自動糾錯、是否要拼音轉(zhuǎn)文字、是否要抹掉空格等。與此同時，還需要涉及到自動補全、最佳優(yōu)先等策略。對于搜索反饋頁來說，其承載的遠不止UI呈現(xiàn)而已，背后的算法邏輯才是搜索是否好用的基礎(chǔ)。

1）移動端案例（淘寶為例）

淘寶的搜索反饋頁采用自動補全機制，協(xié)助用戶更精準地搜索，并且其可以識別拼音，從而轉(zhuǎn)換為文字。關(guān)于淘寶搜索的規(guī)則等，大家可以去網(wǎng)上找找。

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

知乎搜索反饋頁也是采用了自動補全機制，并且可以識別拼音。不過兩者由于產(chǎn)品性質(zhì)、算法等不同，同樣是搜索“上衣、shangyi”，其反饋的結(jié)果也是不同的。

4. 搜索結(jié)果頁

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

1）移動端案例（淘寶為例）

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

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

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

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

四、設(shè)計模式

對于B端產(chǎn)品來說，搜索通常不會只有全局的，而移動端、網(wǎng)站一般只有一個搜索入口。B端產(chǎn)品的搜索會出現(xiàn)在“全局搜索、菜單搜索、某類型內(nèi)容搜索、表數(shù)據(jù)搜索”等上面。

今天要說的B端產(chǎn)品搜索設(shè)計模式不局限在某類型搜索，而是指涉及到搜索這一功能時，可以如何啟發(fā)思考的問題。從個人經(jīng)驗以及相關(guān)資料梳理，我將B端產(chǎn)品搜索的設(shè)計模式總結(jié)為以下6種。

1. 自動補全

1）What 是什么

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

2）When 使用場景

通常來說，用戶并不能準確的輸入完整的內(nèi)容（這需要他們努力回憶，或者精心組織編排文字），即便他們會輸入完整的內(nèi)容，也需要花費掉他們較久的時間。

自動補全不僅可以讓用戶搜索變得高效，讓搜索更精準，也可以發(fā)散用戶的搜索思維，這是搜索情感化的表達。好比你和朋友對話，你才說了半句，他就猜對了下半句，是不是你就會感覺這個朋友很走心。

2. 最佳優(yōu)先

1）What 是什么

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

最佳優(yōu)先數(shù)量建議不要過多，3個以內(nèi)即可。

2）When 使用場景

用戶所輸入的就一定是最佳的嗎？答案是否定的，有時間連我們自己都不知道自己輸入的內(nèi)容是否是最佳的，當我們在B端產(chǎn)品菜單搜索框中輸入內(nèi)容時，非常期望系統(tǒng)能推薦自己真正所需的，所以最佳優(yōu)先非常合適。

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

3. 模糊輸入

1）What 是什么

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

2）When 使用場景

用戶在輸入時，并不一定會正確輸入，有時候因為打字快，會輸入讀音相同但文本不對的內(nèi)容。就像我們在聊天時候，會不小心打一串拼音出去，但由于對方是活生生的人，他的大腦會轉(zhuǎn)譯。

而對于系統(tǒng)來說，這要困難得多，不過也要盡力去做。不管用戶輸入什么，系統(tǒng)都可以糾正，會增強用戶心流；但用戶輸什么錯什么，就會讓用戶有明顯的受阻感。

4. 分面導(dǎo)航

1）What 是什么

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

2）When 使用場景

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

5. 高級搜索

1）What 是什么

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

2）When 使用場景

當用戶期望更精細化的內(nèi)容時，需要使用。

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

6. 歷史搜索

1）What 是什么

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

2）When 使用場景

用戶并不喜歡同樣的內(nèi)容重復(fù)輸入，系統(tǒng)記不住用戶近期的輸入，而要讓用戶不斷從0-1輸入，這會讓用戶覺得系統(tǒng)很傻。

歷史搜索在B端也非常常用，特別是面對經(jīng)常搜索的菜單，很多系統(tǒng)都會給上歷史搜索，來幫助用戶快速定位目標。

歷史搜索在一定程度上參考了表單的設(shè)計思維。在疫情剛開始那時候，我們需要每天上報同樣的信息，我記得一段時間后，很多字段已經(jīng)帶上默認值了，用戶就省去了每次填寫同樣內(nèi)容的麻煩。B端搜索的設(shè)計模式相對較為嚴謹，這與產(chǎn)品的性質(zhì)、用戶對象、數(shù)據(jù)性質(zhì)等有關(guān)系；而C端搜索的設(shè)計模式比較豐富，還會涉及到個性化、展現(xiàn)豐富性、熱門搜索等。

五、設(shè)計原則

關(guān)于搜索，幾乎沒有人不知道，哪怕是不從事產(chǎn)品的人，他們也知道。同時每一個產(chǎn)品，隨著規(guī)模變大，搜索一定必不可少。

那么如何設(shè)計好搜索呢？有哪些原則可以借鑒，本文總結(jié)了4個方面。

1. 漸進呈現(xiàn)

在我們設(shè)計搜索時，可以考慮漸進呈現(xiàn)的方式。這是指搜索結(jié)果不要一股腦兒都塞給用戶，而是使用逐步擴大的方式，讓用戶慢慢進入目標。

但這里要注意，漸進的層級不要太深，漸進的內(nèi)容要做到足夠為用戶著想。

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

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

3. 可操作

對于搜索結(jié)果，我們可以給予操作選擇，例如收藏、分享等，這將會大大提升用戶與搜索結(jié)果之間的后續(xù)聯(lián)系。

可操作性是最佳優(yōu)先的好伙伴。同時給搜索結(jié)果添加使用類操作，這會讓用戶專注于目標。例如搜索音樂后，音樂可以直接播放。

4. 可保存

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

六、總結(jié)

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

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

前些日子，我忽然想吃肯德基，但是我又不想打開手機去搜索，我對著手機喊了一下“hi，Siri，肯德基?！彼苯痈嬖V我最近的肯德基店在哪里。但僅此而已，沒有下文了，如果我還能說購買一個全家桶，然后完成整個交易，那不簡直太美好了。

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

#專欄作家#

知果，公眾號：知果日記，人人都是產(chǎn)品經(jīng)理專欄作家。浙江工商大學品牌設(shè)計專業(yè)碩士，《B端思維-產(chǎn)品經(jīng)理的自我修煉》作者。在產(chǎn)品設(shè)計流程、產(chǎn)品設(shè)計原則、產(chǎn)品設(shè)計方法、產(chǎn)品設(shè)計規(guī)范方面均有豐富經(jīng)驗。

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

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