搜索功能更夠很好的提高用戶使用產(chǎn)品的效率，用戶對于這一功能的依賴性也比較大，所以設(shè)計好搜索功能將會很大程度上提高用戶體驗。

由于搜索引擎技術(shù)的不斷成熟，加上用戶的時間越來越珍貴，像搜索這樣提高用戶檢索效率的功能在產(chǎn)品中已經(jīng)逐漸成為標配。今天我們來談一下搜索功能的設(shè)計。

首先搜索功能的原理主要就是三步：

• Step1：對用戶輸入信息的解讀轉(zhuǎn)譯
• Step2：根據(jù)用戶的輸入信息對內(nèi)容進行篩選
• Step3：將篩選后的結(jié)果進行排序

第一步主要是對用戶輸入的信息進行轉(zhuǎn)譯的過程，通過切分用戶的輸入文本，過濾非相關(guān)內(nèi)容，進行一個關(guān)鍵信息的解讀。第二步主要是對這些轉(zhuǎn)譯后的關(guān)鍵文本的結(jié)果進行準確率和召回率評估后的篩選。第三步是根據(jù)算法對內(nèi)容的相關(guān)度計算和業(yè)務(wù)相關(guān)性對篩選后的結(jié)果進行打分后進行排序。通過這三步就完成了一個搜索的過程?？赐炅怂阉鞯幕驹?，我們來看看搜索產(chǎn)品設(shè)計中的一些功能和特點。

搜索前的設(shè)計

首先看一下搜索前這個場景，在使用搜索前，用戶是一種帶有相對較明確的目的才會去使用搜索功能。所以對于搜索前這一場景，我們需要考慮的第一個問題是搜索框在哪里，怎樣的交互形式呈現(xiàn)給用戶。

一般來說，搜索框有三種常見樣式：

1. 以ICON的形式展示，功能使用在二級頁面
2. 與分類，發(fā)現(xiàn)合并出現(xiàn)在一個主tab上
3. 在首頁的頂部bar上直接外露展示

示例：

對于天貓這類的電商類產(chǎn)品，由于搜索是個高頻剛需，所以一般都會默認置于最顯眼的首頁，并且大多會配以運營干預(yù)的空間，設(shè)置一些默認的推廣詞，給一些特定的商品進行導(dǎo)流曝光。

像開眼視頻這類也是一種常見的情況，往往是由于首頁的頂部區(qū)域有更為重要的結(jié)構(gòu)在展示著，如果像天貓那樣進行平鋪會破壞一些整體的布局結(jié)構(gòu)，兩者相害取其輕，就采取了ICON的形式。

對于像布卡漫畫這樣的內(nèi)容產(chǎn)品，搜索和分類在一起的主tab上在結(jié)構(gòu)上其實也是很合理的，分類和搜索都是用以檢索的功能，所以將他們進行聚類。那么一般來說搜索不放在首頁展示的原因有：

• 通過數(shù)據(jù)監(jiān)控發(fā)現(xiàn)搜索的使用率不是很高
• 由于內(nèi)容數(shù)量的問題，搜索后有比較高概率出現(xiàn)無結(jié)果

而第二點原因其實對于很多剛剛起步的APP來說很重要，剛起步的APP一般數(shù)據(jù)量較小，所以很多往往都是先只提供分類檢索，而不提供搜索功能，避免出現(xiàn)提供了功能但卻喂不飽用戶需求進而導(dǎo)致用戶流失的局面。

搜索中的設(shè)計

說完了搜索前這個場景，那么我們來聊一聊搜索中的場景對應(yīng)功能該如何設(shè)計。搜索中場景下有幾個比較重要的功能設(shè)計點。

? ?1.熱門搜索及歷史記錄：

騰訊動漫

熱門搜索在搜索產(chǎn)品中也算一個比較常見的功能了。熱門搜索需要注意的有以下一些問題：

• a.無搜索結(jié)果詞不進入熱門搜索
• b.后臺建立熱門搜索的黑名單，將一些違禁詞或惡意刷量詞進行管控
• c.建立白名單，方便運營對熱搜進行排序調(diào)整或是手動添加某熱搜詞
• d.多種內(nèi)容提供時，熱門搜索展示的內(nèi)容類型分布。

關(guān)于d這一條，再解釋一下，例如熱門搜索有作者，作品，商品。你是不管哪一種都進行展示，還是根據(jù)業(yè)務(wù)對這幾種不同的類型進行占比排布，展示60%作者，30%作品，10%商品，還是只展示搜索作品。這些都是需要由不同的產(chǎn)品形態(tài)和業(yè)務(wù)需要進行調(diào)整的。

歷史搜索記錄這個功能是方便用戶進行二次搜索的一個快捷入口，一般都是按照時間順序排列，最近搜索的在上方，騰訊動漫的這個清空歷史記錄功能的位置處理的很好，很多APP會放在下方，容易出現(xiàn)搜索記錄很多的時候?qū)е逻@個清空歷史記錄的功能首屏不可見了。

?2.搜索建議

搜索建議這一功能是為了滿足用戶只記得部分關(guān)鍵字等一些模糊搜索需求時的場景，同時還能節(jié)省用戶的操作成本，不用全部打完，只打出部分文字就可以給出建議搜索詞。搜索建議的注意點有：

• a.搜索建議詞的匹配規(guī)則
• b.搜索建議相關(guān)詞的高亮
• c.完全命中的建議結(jié)果有特殊的展示方式
• d.一些可操作內(nèi)容可以考慮是否要前置到建議列表，如播放，收藏
• e.同義詞的建議
• f.智能糾錯
• g.拼音模糊匹配

關(guān)于搜索建議詞的匹配規(guī)則，在這里稍微展開講一下。一般來說的匹配原則為計算文本相關(guān)度算法，但對于大多數(shù)APP內(nèi)搜索其實是不用做到這么深入這種程度的。一般都是將用戶輸入的文本去依次匹配。

例如用戶輸入“妖”這個字，會先去檢索內(nèi)容（這里的內(nèi)容又要考慮到底是匹配作品名/商品名/作者/店鋪名/描述等）中第一個字為“妖”開始的，再去檢索第二個字為“妖”開始的。得到這些結(jié)果后又需要對這些結(jié)果進行排序。一般是按照查詢量高低進行排序，如果數(shù)據(jù)庫沒有記錄這些的話，還可以考慮從該建議詞的銷量，點擊，人氣，閱讀，評分等維度去進行排序，總之就是把大多數(shù)人更加感興趣的結(jié)果排序提前。

關(guān)于同義詞的建議，這是一個相對高端一點的功能，但是確實能提高檢索信息的效率。解釋一下，就是建立一個同義詞的關(guān)聯(lián)規(guī)則，當(dāng)用戶輸入如“鳴人”能夠建議出“漩渦鳴人”這樣的同義詞。這個相對來說高端一些，要建立關(guān)聯(lián)規(guī)則。所以一般非大廠的搜索不用做到這一程度。

下面看幾個示例：

先看看淘寶的搜索建議列表，亮點在于提供了細化搜索條件的信息前置，省去了用戶到搜索結(jié)果頁再去進一步選擇。騰訊動漫的搜索建議就是比較傳統(tǒng)的像我們上文提到的，從首字開始匹配。而豆瓣的搜索直接省去了搜索建議這一步，豆瓣做的是響應(yīng)式搜索，用戶每次輸入停留后會自動進行搜索結(jié)果呈現(xiàn)。將不同分類的查找結(jié)果進行了匯聚，可分別點擊查看各類型的詳細搜索結(jié)果列表信息。像豆瓣和淘寶都提供了搜索時先進行搜索范圍的選擇，再進行搜索的功能，是為了提高精準度。

搜索后的設(shè)計

最后來講一下搜索行為后這一場景下的一些設(shè)計。搜索后其實也就是搜索結(jié)果頁的設(shè)計了。搜索結(jié)果頁比較重要的點有：

• 自主排序
• 篩選條件/篩選器
• 無結(jié)果的展示，例如猜你想搜等高關(guān)聯(lián)度結(jié)果推薦
• 搜索結(jié)果的默認排序算法

下面看一下示例：

像騰訊動漫的搜索結(jié)果，由于不像電商類有搜索結(jié)果量大，篩選條件繁多的問題，所以處理比較簡潔清晰，采用列表頁平鋪的樣式，同時提供了快速開始閱讀的入口。而騰訊動漫也只有一個系統(tǒng)的默認序，沒有提供自主的排序選擇。而騰訊的默認排序也比較清晰，先按照文本的相關(guān)度檢索規(guī)則，之后再按照人氣值降序排列。

像天貓由于結(jié)果量繁多，首先結(jié)果的呈現(xiàn)樣式采用了櫥窗式，提高商品的展示效率。天貓不僅提供了豐富的自主排序條件，還提供了一個功能強大的篩選器，可支持按品牌，類別，店鋪類型，服務(wù)折扣，商品所在地這些條件對結(jié)果進行進一步的篩選。

小紅書的結(jié)果亮點是它的標簽系統(tǒng)，提供了一些跟你結(jié)果相關(guān)的標簽，成為了僅僅篩選商品/筆記的一個補充,方便用戶去發(fā)現(xiàn)更多的可能。

總結(jié)

本文從產(chǎn)品設(shè)計和產(chǎn)品策略兩個方面對移動端的搜索進行了大概的分析介紹。里邊所描述的基本屬于輕量級搜索，適合早中期階段的產(chǎn)品。至于搜索引擎的架構(gòu)是如何的，有興趣的童鞋話可以自行再深入去了解下，從spider到倒排索引表一直到語義分析、點擊反饋、排序模型等等，這些是保證搜索引召回率和準確率的關(guān)鍵。

希望這篇文章能讓你對搜索功能有一個更深刻的認知。

作者： 阿拉丁神燈，簡書ID：阿拉丁的大神燈

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