做好“搜尋”功能的7個小細節

“搜尋功能基本上是現代任何互聯網產品的剛需了,而如何做好『搜尋體驗』其實有幾個實用技巧將分享給讀者們。

基本上只要一項產品的資料內容有達十幾筆以上,都一定會需要用到搜尋功能,並且隨著產品運營的時間越長內容也只會越來越豐富,而搜尋的重要性也會越來越明顯,因為用戶需要更快更精準的方式去找他們所想要的內容(包括我們工作人員需要查詢某些用戶資料時也是如此。)。而如何做好“搜尋體驗”以下將會分享最為實用的7點技巧給各位參考,希望對各位設計師&產品經理有幫助!

以下7點技巧可以有效做好搜尋體驗

  • 清楚且明顯的功能曝光位置
  • 曝光推薦、熱門搜尋的關鍵字
  • 搜尋的歷史紀錄
  • 輸入關鍵字同時給予相關聯的關鍵字推薦
  • 搜尋”描述條件“的關鍵字
  • 搜尋結果提供“分類”或“篩選”方式
  • 沒有結果也可以給予相關推薦內容

1.清楚且明顯的功能曝光位置

使用場景:進入搜尋功能的點擊入口

上述提到搜尋功能已經是眾多產品功能中的使用剛需,所以讓用戶能輕鬆找到搜尋功能的入口就顯得非常重要。而目前最為常見的搜尋入口位置多半直接曝光在產品的首頁頂部、右上角、或者是Tab bar。呈現的方式可能是一個搜尋icon,或者是呈現一條輸入框樣式加強搜尋功能的曝光率。

2.曝光推薦、熱門搜尋的關鍵字

使用場景:剛進入搜尋頁面

『推薦&熱門搜尋的關鍵字』可以說是任何搜尋功能的起手式,在用戶剛進入到搜尋頁面時就先曝光目前站內用戶都在搜尋或關心的關鍵字內容,這設計的好處不僅可以縮短用戶搜尋內容的過程,更曝光了原本用戶沒有預期卻可能感興趣的關鍵字內容。

更進階一點的做法是透過用戶的站內行為,有“根據”的推薦&熱門關鍵字的內容,舉個電商例子:如果系統已經確定當前用戶是“男性”,那推薦的關鍵字就盡量不要有『衛生棉、口紅、化妝品等…』這類較為跟男性無關的關鍵字。(別浪費了這些官方推薦的關鍵字內容“商機”)

3.搜尋的歷史紀錄

使用場景:剛進入搜尋頁面、輸入搜尋關鍵字過程中

這可以說是搜尋功能裡的剛需,很多時候用戶是會重複使用幾個特定的搜尋關鍵字,所以提供搜尋的“歷史紀錄”可以讓用戶省略掉輸入這些重複性高的關鍵字內容,讓搜尋體驗更佳友善。但是記得!同時也要提供用戶可以彈性刪除這些搜尋紀錄的功能,以便用戶做搜尋紀錄的管理。(畢竟有些紀錄用戶未必想留下來,是男人都懂…)

4.輸入關鍵字同時給予相關聯的關鍵字推薦

使用場景:正在輸入關鍵字的過程

當用戶正在搜尋欄位上輸入關鍵字的同時,可以即時給予相關聯的關鍵字推薦,縮短用戶輸入完整關鍵字的繁瑣動作並快速進到搜尋結果。而這裡有個細節就是系統給予的相關聯關鍵字可以依照“站內搜尋熱門度”為排序。

5.搜尋”描述條件“的關鍵字

使用場景:輸入與某筆資料有相關聯的“描述、條件”關鍵字

「我好想找一首歌,但我忘記歌名了!只記得這首歌的一些歌詞而已。」這個情境相信你並不陌生,就以這場景為例,若你的搜尋功能可以做到輸入某首歌的歌詞、電視劇名稱、電影名稱就能找到相關的歌曲結果,那麼你的搜尋體驗會讓用戶倍感親切友善。不過要做到像這樣的深度搜尋條件就得請相關的編輯&內容部同仁建立好這些資料的描述條件與相關聯的標籤內容。

6.搜尋結果提供“分類”或“篩選”方式

使用場景:用戶輸入的關鍵字搜尋結果

如果搜尋功能所提供的資料”類型“有超過3種以上,那麼我建議可以在搜尋結果中增加“分類”的篩選功能。以電商為例,搜尋“關鍵字”後的結果通常都會先默認“綜合排名”的排序方式,接著會提供其他像是:銷量、價格高/低、好評、品牌等…相關的分類條件,讓用戶可以透過這些篩選方式更快的找到合適商品。

7.沒有結果也可以給予相關推薦內容

使用場景:搜不到任何與用戶輸入的關鍵字相匹配的內容

除非你的產品資料庫包羅萬象,不然基本上還是得面對搜尋結果沒有任何資料的狀況。這時候不要只是單單呈現“無任何相關資料”的狀態,而是可以在此推薦用戶“可能會喜歡”的其他結果內容,但是這類“其他結果”最好還是要與該用戶的興趣喜好有關,才能讓用戶感受到推薦的其他內容是為他量身定做。

總結

其實搜尋功能做得好能夠帶出非常高的商業價值(如Google、Yahoo、百度搜索),其重點就是如何幫助用戶迅速找到合適的搜尋內容,同時又曝光了用戶“可能感興趣”的搜尋結果,讓用戶自然而然地被引導到原本沒有預期的結果內容,卻不會覺得突兀反而感到“理所當然”的友好搜尋體驗。

感謝你們的瀏覽閱讀,如果你覺得這篇文章寫得不錯並且有幫助到你,希望你能給我一點「拍手鼓勵」,也歡迎在下方留言讓我知道你的想法,我會持續分享更多實用&實戰的經驗方式給你們。

想轉職UI/UX設計師,請發關注我或追蹤我的IG:@jielin.designer,瞭解更多UI/UX設計的實用技巧與職場經驗吧!

拍手小秘訣: 只要將滑鼠(或手指)持續按著不放手掌的icon,就能夠連續拍手囉,試試看吧!

--

--

jielin designer

J designer-UI/UX 產品設計一點通 一個專門打雜的UI/UX 產品設計經理,沒事做一下UI視覺設計、有事就規劃/優化一下產品的用戶體驗。想轉職UI/UX設計師,請關注我或追蹤我的IG:@jielin.designer,瞭解更多UI/UX設計的實用技巧與職場經驗吧!