5分鐘帶你了解搜索功能如何設計

12 評論 49781 瀏覽 233 收藏 12 分鐘

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

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

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

  • Step1:對用戶輸入信息的解讀轉譯
  • Step2:根據用戶的輸入信息對內容進行篩選
  • Step3:將篩選后的結果進行排序

第一步主要是對用戶輸入的信息進行轉譯的過程,通過切分用戶的輸入文本,過濾非相關內容,進行一個關鍵信息的解讀。第二步主要是對這些轉譯后的關鍵文本的結果進行準確率召回率評估后的篩選。第三步是根據算法對內容的相關度計算和業務相關性對篩選后的結果進行打分后進行排序。通過這三步就完成了一個搜索的過程??赐炅怂阉鞯幕驹恚覀儊砜纯此阉鳟a品設計中的一些功能和特點。

搜索前的設計

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

一般來說,搜索框有三種常見樣式:

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

示例:

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

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

對于像布卡漫畫這樣的內容產品,搜索和分類在一起的主tab上在結構上其實也是很合理的,分類和搜索都是用以檢索的功能,所以將他們進行聚類。那么一般來說搜索不放在首頁展示的原因有:

  • 通過數據監控發現搜索的使用率不是很高
  • 由于內容數量的問題,搜索后有比較高概率出現無結果

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

搜索中的設計

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

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

騰訊動漫

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

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

關于d這一條,再解釋一下,例如熱門搜索有作者,作品,商品。你是不管哪一種都進行展示,還是根據業務對這幾種不同的類型進行占比排布,展示60%作者,30%作品,10%商品,還是只展示搜索作品。這些都是需要由不同的產品形態和業務需要進行調整的。

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

?2.搜索建議

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

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

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

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

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

下面看幾個示例:

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

搜索后的設計

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

  • 自主排序
  • 篩選條件/篩選器
  • 無結果的展示,例如猜你想搜等高關聯度結果推薦
  • 搜索結果的默認排序算法

下面看一下示例:

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

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

小紅書的結果亮點是它的標簽系統,提供了一些跟你結果相關的標簽,成為了僅僅篩選商品/筆記的一個補充,方便用戶去發現更多的可能。

總結

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

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

 

作者: 阿拉丁神燈,簡書ID:阿拉丁的大神燈

本文由 @阿拉丁神燈 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. “無搜索結果詞不進入熱門搜索”能解釋一下這句話什么意思嗎?

    來自上海 回復
    1. 我的理解是,輸入的關鍵詞如果沒有相應的搜索結果,那么這樣的關鍵詞不被記錄進入熱門搜索

      來自廣東 回復
  2. 感謝分享,期待后續

    來自上海 回復
  3. 寫的真的很好

    希望作者可以再寫一篇搜索功能的升級篇 ??

    來自遼寧 回復
  4. 對搜索功能總結的很棒,感謝!

    來自上海 回復
  5. 櫥窗式和列表式 不是應該搜索結果量大的影響決定的

    來自浙江 回復
  6. 感謝分享,期待后續

    來自浙江 回復
  7. ??

    來自日本 回復
  8. 不錯,謝謝樓主的分享。。。

    來自北京 回復
  9. ????

    回復
  10. 來自北京 回復
    1. 謝謝

      來自上海 回復