歷史記錄適用兩種場景：一是搜索詞與歷史搜索有一定相關(guān)性，需要在歷史搜索的基礎(chǔ)上調(diào)整關(guān)鍵詞。二是搜索的關(guān)鍵詞，搜索結(jié)果可能有更新（如在 58 搜索酒仙橋三室一廳的租房信息，房源信息可能會增加）、搜索結(jié)果之前并未處理完（如在京東搜索加濕器，只瀏覽了第一頁，并未完成購買）或者需要再次搜索（如高德地圖中從不同的起點(diǎn)搜索某地、做路線規(guī)劃），這時(shí)需要重新輸入關(guān)鍵詞。
歷史記錄能提升重復(fù)搜索時(shí)的效率，但并非所有的搜索都需要?dú)v史記錄。如果搜索結(jié)果操作較為簡單，且通過一次即可完成，那么就可視情況省略。
比如App Store，無論是搜索關(guān)鍵詞或者精確的App名稱，用戶搜到之后，最有可能的動(dòng)作就是下載。如果不滿意，可能會離開，但離開后再搜索同一App的可能性很小，歷史記錄起到的作用有限。
考慮到搜索頁的空間、有效性，通常需要控制歷史記錄的數(shù)目和時(shí)間范圍。
歷史記錄的形式主要有兩種：一種是標(biāo)簽式，一種是列表式。標(biāo)簽式節(jié)約空間，列表式擴(kuò)展性強(qiáng)（可以展示更詳細(xì)的信息，也可支持收藏、刪除等操作）。
考慮到隱私問題，歷史記錄一般支持刪除。刪除有兩種，一種是刪除單條，一種是清空所有。刪除單條功能多見于列表式，一些標(biāo)簽類的也可采用長按的方式刪除單條（比如淘寶）。
圖9 網(wǎng)站搜索歷史記錄
需要注意的一點(diǎn)，歷史記錄只用于搜索初期，后續(xù)可在適合的場景下，引導(dǎo)用戶使用收藏、訂閱、足跡等功能，打造更好的體驗(yàn)。例如，騰訊視頻記錄觀看歷史，不但使用戶免于搜索，而且可以記錄進(jìn)度。什么值得買，在搜索結(jié)果頁添加了“關(guān)注”按鈕，關(guān)注后用戶可以在首頁“關(guān)注動(dòng)態(tài)”tab看到持續(xù)更新的搜索結(jié)果。
圖10 網(wǎng)站搜索功能之更豐富的引導(dǎo)方式
熱搜的作用類似于搜索框中的預(yù)設(shè)文案，起引導(dǎo)作用。但因?yàn)檩o助區(qū)的空間有限（鍵盤會遮蓋一部分），為盡可能提高利用率，熱搜的字?jǐn)?shù)通常會作出限制。
常見的熱搜主要有 4 種：
-
整個(gè)平臺用戶的熱搜
-
基于用戶的個(gè)性化推薦（根據(jù)用戶資料、軌跡等信息做智能化推薦）
-
平臺運(yùn)營內(nèi)容（為某些品類引流）
-
推廣（商業(yè)廣告）
熱搜的展示形式以標(biāo)簽為主。因?yàn)椴糠譄崴咽莻€(gè)性化推薦，可能會暴露隱私，一些App還貼心地設(shè)置了隱藏按鈕。
當(dāng)App中涉及到的業(yè)務(wù)、類型、品類多時(shí)，可能出現(xiàn)多種類別的搜索結(jié)果，其形式和操作也不同。為了讓一部分目的明確的用戶（明確知道要搜索的類別），從中快速、準(zhǔn)確地找到自己預(yù)期的結(jié)果，常常采用分類搜索的方式。
網(wǎng)站設(shè)計(jì)搜索功能具體有 3 種方式：
-
搜索框分類選擇
-
輔助區(qū)分類選擇
-
搜索結(jié)果頁分類選擇
未在搜索框中選擇分類的，仍然有機(jī)會在搜索過程中選擇分類。淘寶采用tab的方式，區(qū)別展示“全部”、“天貓”、“店鋪”的搜索建議和結(jié)果。亞馬遜則在輸入過程中，提供類別的選擇（默認(rèn)搜索全部分類，但提供搜索小類的入口），同樣的還有58、京東、閑魚等。搜索框中的分類選擇，適合那些需求明確的用戶。如在鏈家中，搜索二手房還是租房，用戶是特別明確的。在搜索框中默認(rèn)限定類別，可能會導(dǎo)致搜索結(jié)果偏差。為了照顧到更多用戶，大多數(shù)App提供了“全部”類別，并默認(rèn)搜索“全部”類別下的結(jié)果，比如微博。
更多的App采用搜索結(jié)果分類的方式，將結(jié)果分門別類呈現(xiàn)，減少用戶在搜索過程中的決策壓力。最常見的形式是tab式（代表：知乎、支付寶），第一個(gè)tab一般為各類結(jié)果的堆疊，后面每個(gè)tab為一類，便于切換。還有的采用標(biāo)簽來區(qū)分（代表：Facebook、網(wǎng)易考拉、京東）、用列表作為類別入口（代表：58）、直接將各個(gè)類別模塊堆疊起來（更像是列表式的擴(kuò)展，每個(gè)類別外露一些內(nèi)容，代表：微信、豆瓣）。
這幾種方式并不是完全獨(dú)立的，可以根據(jù)需要靈活運(yùn)用。
圖11 網(wǎng)站制作分類搜索的常見形式
網(wǎng)站制作搜索過程第二階段（開始輸入文字/字符）的反饋如下：
清除icon是一個(gè)貼心的小設(shè)計(jì)。它的作用是一鍵清空搜索框中內(nèi)容，與引導(dǎo)文案交替出現(xiàn)：鍵入文字時(shí)，引導(dǎo)文案消失，清除icon出現(xiàn)；點(diǎn)擊清除icon，文字清空，引導(dǎo)文案出現(xiàn)。
下圖是某App的截圖，需要注意取消按鈕的形式，避免與清除icon沖突，引起用戶困惑。
圖12 網(wǎng)站制作搜索功能避免取消按鈕和清除icon沖突
分析關(guān)鍵詞聯(lián)想之前，我們先來了解下兩種匹配機(jī)制：一種是輸入過程匹配，一種是輸入完成匹配。
網(wǎng)站搜索功能制作輸入過程匹配：在輸入時(shí)，每輸入一個(gè)字/字母/字符，就進(jìn)行一次匹配，同時(shí)更新頁面信息。這里更新的信息，可以是針對輸入內(nèi)容進(jìn)行推薦的信息，也可以是直接的搜索結(jié)果。
前者是對輸入的內(nèi)容進(jìn)行關(guān)鍵詞聯(lián)想，如輸入“女”，推薦信息顯示“女包”“女鞋”“襪子女”等等。這種方式可以即時(shí)提供搜索建議、引導(dǎo)性強(qiáng)、可提高效率。
后者則是每輸入一個(gè)字/字母/字符，就立即對數(shù)據(jù)庫進(jìn)行一次搜索，同時(shí)把搜索結(jié)果展示出來。這種無需點(diǎn)擊搜索按鈕就實(shí)時(shí)展示搜索結(jié)果的方式，被稱為“即時(shí)搜索”。
即時(shí)搜索可以直接、快速地看到結(jié)果，在一定程度上可以提高搜索效率，但對計(jì)算能力要求高，若計(jì)算能力跟不上，則可能需要等待加載，從而影響體驗(yàn)。一般適合于數(shù)據(jù)量不大或者數(shù)據(jù)庫已經(jīng)下載到本地的情況。
例如，QQ郵箱預(yù)先已下載部分?jǐn)?shù)據(jù)到本地，搜索可即時(shí)看到結(jié)果（僅包含已下載的數(shù)據(jù)），點(diǎn)擊“在服務(wù)器上繼續(xù)搜索”，才向服務(wù)器請求數(shù)據(jù)。
網(wǎng)站制作搜索功能之輸入完成匹配：僅在輸入完成后，點(diǎn)擊“搜索”按鈕時(shí)，才開始進(jìn)行搜索、匹配，直接展示搜索結(jié)果。這種方式省去了對輸入過程實(shí)時(shí)分析、引導(dǎo)的過程，適用于對搜索功能要求不高的情況。
目前很多App采用組合方式：輸入過程關(guān)鍵詞聯(lián)想+輸入完成執(zhí)行搜索。圖13 即時(shí)搜索與輸入完成匹配
這是一個(gè)很討巧的組合。既對用戶提供了必要的幫助和引導(dǎo)，又減少了請求次數(shù)，避免出現(xiàn)等待加載的狀況。
關(guān)鍵詞到底有什么作用？簡單來說是：聯(lián)想、匹配、引導(dǎo)、糾正。展開來說，有四個(gè)作用：
-
第一，用戶不一定清楚要搜的精確名稱，關(guān)鍵詞可以作為引導(dǎo)。
-
第二，系統(tǒng)可以根據(jù)已有的搜索數(shù)據(jù)，對關(guān)鍵詞進(jìn)行關(guān)聯(lián)分類，并且與數(shù)據(jù)庫精確匹配。如果用戶選擇了做過關(guān)聯(lián)處理的詞，就可以獲得內(nèi)容更精確、數(shù)量更可控的搜索結(jié)果（而這次選擇，對系統(tǒng)本身也是一次反饋）。同時(shí)，因?yàn)橐杨A(yù)先做了分類，搜索時(shí)可以直接調(diào)取、減少計(jì)算量，速度也更快。
-
第三，可以減少用戶的輸入錯(cuò)誤。
-
第四，提供很多很動(dòng)態(tài)的運(yùn)營位。
關(guān)鍵詞的展示形式比較靈活。最簡單的是根據(jù)輸入詞，直接展示聯(lián)想的關(guān)鍵詞（如今日頭條），但因?yàn)轫撁婵臻g有限，被鍵盤遮蓋后只能露出幾條，于是大家又發(fā)明了二級標(biāo)簽。它伴隨關(guān)鍵詞一起出現(xiàn)，提供更多相關(guān)的入口。
如下圖，搜索“niu rou”，推薦關(guān)鍵詞“牛肉”，后面跟著 3 個(gè)小標(biāo)簽“風(fēng)干”“手撕”“張飛”，這 3 個(gè)關(guān)鍵詞都是對“牛肉”的再次聯(lián)想。點(diǎn)擊整欄，執(zhí)行搜索“牛肉”；點(diǎn)擊二級標(biāo)簽（如“張飛”），執(zhí)行搜索“牛肉張飛”。需要注意的是，二級標(biāo)簽的操作區(qū)域很小，對于操作精準(zhǔn)度要求高，數(shù)量不能超過 3 個(gè)。
圖14 網(wǎng)站制作搜索功能之 今日頭條直接展示聯(lián)想詞、京東采用二級關(guān)鍵詞標(biāo)簽
有時(shí)系統(tǒng)推薦的關(guān)鍵詞不夠精確，用戶需在后面輸入其它內(nèi)容。但無論是關(guān)鍵詞，還是二級標(biāo)簽，點(diǎn)擊后都直接執(zhí)行搜索，這就需要用戶在搜索結(jié)果頁再去激活搜索框，繼續(xù)完善搜索詞，中斷了搜索過程。YouTube、Facebook、亞馬遜、淘寶等采用了“向上補(bǔ)全”功能，點(diǎn)擊關(guān)鍵詞或二級標(biāo)簽，執(zhí)行搜索，點(diǎn)擊向上補(bǔ)全icon，會將關(guān)鍵詞補(bǔ)全到搜索框中。
圖15 網(wǎng)站制作搜索功能案例之淘寶的向上補(bǔ)全功能
還可以將關(guān)鍵詞對應(yīng)的搜索結(jié)果數(shù)量前置，便于用戶控制搜索詞的顆粒度，也避免出現(xiàn)無結(jié)果或者少結(jié)果的情況。代表有Twitter、大眾點(diǎn)評、喜馬拉雅、鏈家、百度外賣等。
圖16 關(guān)鍵詞后顯示結(jié)果數(shù)目
除了提供關(guān)鍵詞，還可以對輸入詞進(jìn)行判斷，適時(shí)提供分類建議（如58、京東、亞馬遜、閑魚等，可參考前文「J.分類搜索」一節(jié)）。 58 作為一個(gè)綜合的生活服務(wù)平臺，業(yè)務(wù)類別多，搜索“牛肉”，在很多類別都有相關(guān)信息，選取“食品”和“招商加盟”這兩個(gè)可能性最大的類別推薦給用戶。
圖17 網(wǎng)站制作搜索功能案例之58 對輸入詞提供分類建議
另外，也可以將部分搜索結(jié)果前置，與關(guān)鍵詞一起顯示。這些搜索結(jié)果，可能是平臺用戶的熱搜、對當(dāng)前用戶的個(gè)性化推薦，也可能是平臺運(yùn)營、推廣的內(nèi)容。
圖18 將部分搜索結(jié)果前置顯示
網(wǎng)站制作搜索過程第三階段，點(diǎn)擊搜索按鈕/關(guān)鍵詞后，跳轉(zhuǎn)至搜索結(jié)果頁。深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。全文未完，詳見下篇
