搜索可以分為輸入、匹配和展示三部分，本文將側(cè)重與輸入與展示方面來對(duì)這三部分分別進(jìn)行分析介紹。

總結(jié)一下對(duì)搜索功能的認(rèn)識(shí)，搜索可歸納為輸入、匹配和展示三大部分，從我的角度側(cè)重講輸入與展示。搜索功能設(shè)計(jì)的關(guān)鍵指標(biāo)是用戶搜索成功率，搜索成功率可以從用戶搜索完成后快速找到相關(guān)內(nèi)容并點(diǎn)擊來設(shè)定。

搜索成功率的轉(zhuǎn)化漏斗就是從輸入、匹配到展示的轉(zhuǎn)化，所以為了提高關(guān)鍵指標(biāo)，我們需要讓過程指標(biāo)（如輸入時(shí)間、搜索準(zhǔn)確率、召回率和搜索結(jié)果的點(diǎn)擊率等）完成的更好，以提高最終轉(zhuǎn)化率。

一、輸入

1.1 輸入入口

常見的搜索入口有：

①固定的輸入框：搜索入口常駐在導(dǎo)航欄，電商類應(yīng)用或信息層級(jí)復(fù)雜的應(yīng)用多采用此方式，因?yàn)樗阉魇且粋€(gè)高頻的使用功能，以及為了用戶易于發(fā)現(xiàn)也會(huì)在其他一級(jí)頁(yè)面展現(xiàn)搜索入口。

②固定的搜索 tab： 從tab進(jìn)入搜索頁(yè)。與第一類方式的需求背景相同。只是表現(xiàn)形式的差異，這種方式可以讓信息架構(gòu)更簡(jiǎn)潔，統(tǒng)一的入口方便用戶“一鍵直達(dá)”。

③搜索 icon ：從搜素icon打開搜索頁(yè)或展開輸入框。與①類似的設(shè)計(jì)方式，以搜索icon代替搜索輸入框。

④隱藏搜索框：需要用戶通過特定的方式來觸發(fā)顯示搜索入口，這樣的設(shè)計(jì)能實(shí)現(xiàn)頁(yè)面的降噪，設(shè)計(jì)理念是當(dāng)用戶需要時(shí)才出現(xiàn)，但同時(shí)這樣的方式也是學(xué)習(xí)成本最高的。微信的小程序搜索采用此方式，但是全局搜索仍采用上述方式。

實(shí)際應(yīng)用中根據(jù)搜索在產(chǎn)品中的使用場(chǎng)景，來采用不同的交互方式。一個(gè)APP中可以靈活采用以上方式的組合。

點(diǎn)擊入口后到文字輸入也有不同的交互方式，一種是在當(dāng)前頁(yè)面直接輸入，還有一種是在跳轉(zhuǎn)另一頁(yè)面，自動(dòng)獲取輸入焦點(diǎn)。

前者多用于搜索內(nèi)容簡(jiǎn)單的場(chǎng)景，通常提供搜索關(guān)鍵詞自動(dòng)補(bǔ)齊，是一種輕量、簡(jiǎn)潔的方式。后者在許多 APP 上比較常見，主要是因?yàn)樗阉鲀?nèi)容復(fù)雜，需要有新的頁(yè)面來承接結(jié)果和結(jié)果篩選等，而且通常搜索頁(yè)面會(huì)用于展示搜索歷史和熱門搜索詞。

1.2 關(guān)鍵詞輸入

①搜索框暗提示，告訴用戶可以通過輸入哪些內(nèi)容來提高搜索準(zhǔn)確率。

②載入搜索頁(yè)自動(dòng)獲取輸入焦點(diǎn)，并顯示對(duì)應(yīng)類型鍵盤是一種較好的交互方式。

③自動(dòng)補(bǔ)齊：用戶輸入關(guān)鍵詞后，會(huì)在下拉列表中顯示候選詞匯，方便用戶輸入。更進(jìn)一步地，提供篩選條件，可以幫助用戶更精確搜索。

④刪除：提供快捷的一鍵刪除輸入內(nèi)容的功能。

⑤搜索熱詞、運(yùn)營(yíng)活動(dòng)：搜索框是一個(gè)大流量的入口，根據(jù)運(yùn)營(yíng)需求，顯示推薦的搜索詞，是一種很好的增長(zhǎng)手段。今日頭條的搜索框會(huì)輪播熱點(diǎn)新聞事件或廣告，讓搜索框成為類似banner一樣的廣告位。

⑥語(yǔ)音輸入：輸入框增加語(yǔ)音輸入按鈕，通過語(yǔ)音轉(zhuǎn)換文字代替手動(dòng)輸入。但語(yǔ)音輸入的場(chǎng)景不多，甚至識(shí)別準(zhǔn)確率不高帶來的修改成本高于手動(dòng)輸入。

1.3 搜索與取消

上一步鍵入關(guān)鍵詞后，執(zhí)行搜索操作。

①搜索：有自動(dòng)搜索、手動(dòng)搜索兩種。

自動(dòng)搜索適用于結(jié)果簡(jiǎn)單的搜索，在鍵入關(guān)鍵詞輸入后即自動(dòng)顯示搜索結(jié)果，如通訊錄中的搜索等，自動(dòng)搜索對(duì)服務(wù)器要求較高。復(fù)雜的搜索場(chǎng)景中多用手動(dòng)操作，輔以自動(dòng)補(bǔ)齊來提高輸入效率。

手動(dòng)搜索的交互方式有多種交互方式，比如通過點(diǎn)擊“搜索”按鈕或軟鍵盤的自定義 enter 鍵來執(zhí)行。后者是 iOS 系統(tǒng)通用的交互方式，但 Android 某些系統(tǒng)版本原因，會(huì)提供鍵盤外的“搜索”按鈕。

還有就是當(dāng)提供輸入時(shí)自動(dòng)補(bǔ)齊功能時(shí)，通過點(diǎn)擊建議候選詞，然后對(duì)建議候選詞進(jìn)行搜索。

②取消：iOS 上通常點(diǎn)擊搜索框幫的“取消”按鈕，取消搜索并返回上一級(jí)頁(yè)面。由于上述原因，Android 設(shè)計(jì)可能會(huì)采用“返回”按鈕來執(zhí)行取消和返回。

1.4 歷史記錄

①首先考慮是否需要提供歷史記錄功能，對(duì)于那些搜索過程明確的，隱私的可以考慮不提供，對(duì)于搜索使用頻繁的，搜索內(nèi)容模糊的，可以考慮增加這一特性。

②展示搜索記錄的數(shù)量，通常有一個(gè)固定的上限；但在搜索引擎類應(yīng)用中，如果用戶需要，會(huì)保留所有的搜索記錄。

③刪除：可以看到不同 APP 對(duì)刪除設(shè)計(jì)有不同的考慮，出于防止誤操作或提高用戶的搜索使用率，有些應(yīng)用的刪除沒提供直接的入口，而且需要二次確認(rèn)。

二、匹配

獲取用戶輸入的關(guān)鍵詞后，對(duì)關(guān)鍵詞進(jìn)行分詞，拆分有效分析的詞語(yǔ)，然后將關(guān)鍵詞與內(nèi)容索引庫(kù)進(jìn)行關(guān)聯(lián)，得到匹配結(jié)果，再根據(jù)篩選策略來判斷需要向優(yōu)先用戶展示哪些信息。

如醫(yī)療 APP 中，用戶期望通過搜索疾病來找到醫(yī)生進(jìn)行在線問診。在用戶輸入疾病名稱后，將關(guān)鍵詞拆分為有效的詞組。如何匹配醫(yī)生呢，需要將醫(yī)生與疾病名稱之間建立關(guān)聯(lián)，一種常用的方式是，醫(yī)生為自己打上自己診療的疾病名稱標(biāo)簽，通過關(guān)鍵詞和標(biāo)簽之間的匹配來關(guān)聯(lián)到具體的醫(yī)生。

搜索中兩個(gè)重要的指標(biāo)：召回率和準(zhǔn)確率，前者表示搜索到的內(nèi)容占應(yīng)該被搜索內(nèi)容的占比，相當(dāng)于覆蓋率，后者表示搜索到的結(jié)果中相關(guān)的內(nèi)容的占比。為了提高召回率，我們可以將匹配規(guī)則定為模糊搜索，顯示所有包含關(guān)鍵詞的內(nèi)容，但內(nèi)容的相關(guān)性可能無法保證。

三、展示

根據(jù)我們?cè)O(shè)計(jì)的搜索策略，獲取了相應(yīng)的結(jié)果。將搜索結(jié)果以恰當(dāng)?shù)姆绞秸故?，是幫助用戶完成完成搜索任?wù)的重要環(huán)節(jié)。

①自動(dòng)糾錯(cuò)

若有匹配的搜索結(jié)果則按照設(shè)計(jì)方式來顯示。若搜索結(jié)果不正確，則可以提供自動(dòng)糾錯(cuò)幫助，提供給用戶建議的搜索結(jié)果，或其他的推薦結(jié)果，盡量避免無內(nèi)容。倘若無內(nèi)容時(shí)，需要設(shè)計(jì)友好的缺省頁(yè)面。

②排序

默認(rèn)排序：需要為所有的搜索結(jié)果設(shè)計(jì)排序規(guī)則，目的是讓相關(guān)性結(jié)果更靠前。

提供自主排序：根據(jù)業(yè)務(wù)形態(tài)，提供相關(guān)的篩選排序條件，如電商根據(jù)價(jià)格排序，銷量排序等。

③內(nèi)容分類

當(dāng)搜索結(jié)果有多種類型時(shí)，提供搜索結(jié)果分類展示，如在 keep搜索關(guān)鍵詞“腹肌”，會(huì)以“話題”“課程”“動(dòng)態(tài)”等分類來顯示。

④結(jié)果顯示

在文本類搜索中，通常會(huì)提供關(guān)鍵詞高亮顯示功能。

梳理總結(jié)了一些常見的搜索交互中輸入、匹配與展示的案例與總結(jié)。根據(jù)我們的業(yè)務(wù)需求采用不同的方式，以及部分優(yōu)化的體驗(yàn)可以在版本迭代中逐步升級(jí)。

①輸入的入口要易于識(shí)別和打開，盡量讓輸入的過程更快捷；

②根據(jù)業(yè)務(wù)需求和數(shù)據(jù)反饋迭代搜索匹配策略；

③搜索結(jié)果展示是提高搜索成功率的重要環(huán)節(jié)。

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

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