搜索功能的設計

搜索能幫助用戶快速、精確的找到想要的結果,兩個重要的目標:結果準確,相關性高。搜索過程快速,流程精簡方便高效。

搜索發生的場景

  1. 精確搜索,用戶有自己的搜索目的。這種場景下,用戶有自己的搜索關鍵詞,大腦對搜索結果會有一定的構想。比如淘寶搜索“運動鞋”,那出來的基本就是安踏,耐克阿迪等運動鞋了。

  2. 用戶不知道要什么,以一種瀏覽的心態來到搜索頁面。這種場景下,用戶是出于被動狀態的,我們要提供合適的提示信息,比如可以搜索XX和XX,熱門搜索等,來引導用戶進行搜索查看。

  3. 提升效率,進行分類,指定范圍的搜索查詢。主要體現在信息類產品中,結合篩選功能一起用。

搜索的流程包括幾個方面:搜索入口、搜索中間頁、搜索結果頁

搜索入口

搜索的入口一般有三種形式:
搜索icon按鈕形式,一般放在頁面的右上角或左上角,通過點擊搜索按鈕,觸發來到搜索中間頁。
搜索框(一般置頂顯示),直接在搜索框輸入關鍵字,或者結合語音,拍照,掃碼等形式,觸發來到搜索結果頁面。
搜索出現在標簽欄,這種一般是輕量級,內容為主導的產品出現較多,突出了內容的搜索重要性,在切換頁面的時候,也會存在于標簽欄上,充分暴露搜索入口。

搜索中間頁

搜索中間頁指的是,點擊進入搜索入口之后,呈現的頁面。一般來說有兩大類型,最直觀的搜索和包含信息提示的搜索。
具體如下幾種情況:
1.直白式——入口進來,直接調起輸入鍵盤,輸入焦點設置在搜索框,用戶直接輸入自己的關鍵詞。這種頁面沒有任何提示信息,完全依賴用戶的搜索詞輸入,用戶無法預測搜索結果,缺乏對用戶的引導性和幫助性。

2.提示引導式——在搜索框里有類似占位文字的的信息,比如“在這里你可以搜索你想查看的帖子,視頻或作者名稱”,在用戶輸入之前進行合理的輸入提示。可以限制搜索的關鍵詞,讓用戶對搜索的范圍有一個大致的了解。可以初步預期根據搜索詞,會得到怎樣的結果。


占位文字提示搜索

3.回顧歷史式——從入口進入之后,會展現搜索歷史或者搜索的信息。可以實現重復內容的快速再次搜索,提升重復搜索的效率,同時也記錄了用戶的搜索行為習慣。
這種形式,要注意展示的搜索記錄的數量,太少的話會很快被后面的搜索覆蓋掉,幫助的價值不大了。數量太多要考慮不被鍵盤遮擋。每條信息盡量顯示完整,過長的信息是選擇折行顯示還是省略號替代。
搜索歷史記錄的交互引導要比較明顯,引導用戶直接點擊歷史記錄,然后直接展示搜索結果。
處于用戶某些隱私考慮,歷史記錄要能夠方便的清除。

有歷史記錄的搜索

4.關鍵詞引導式——在輸入搜索關鍵詞之前,就會有相關的關鍵詞標簽,引導用戶點擊搜索。這種對用戶的引導性很好。從運營的角度來講,我們可以由后臺更新熱門搜索詞,將用戶往促進產品活躍的方向引導。也不至于給瀏覽式的用戶留下太多的空白和迷失感覺。對用戶和產品都能有促進。


熱門話題引導搜索

5.分類引導式——會有相應的主題標簽,引導用戶更精準的搜索。這樣會讓用戶有一點的心理預期,也就是說搜索結果會限定在這個標簽的大概范圍內。


分類標簽提示搜索

6.熱門引導——類似于“其他人也在搜”這種表現形式,可主推平臺目前的內容,運營話題,或者高頻搜索詞,可以當做需求驅動出現,提升和豐富產品內容的曝光度和點擊率。


熱門搜索

7.結果補齊式——在輸入搜索關鍵字的時候,下方會動態的出現包含關鍵字的相關結果信息,如果沒有就顯示暫無相關信息。這種效果對用戶體驗很好,用戶能清楚地知道自己搜索的內容是有相應的結果,實時響應用戶的輸入最典型的例子就是知乎的搜索。


實時補齊結果的搜索

搜索結果的展示

搜索結果出來的信息展示有多種方式,可以從幾個方面來考慮信息如何展示:信息的包含的屬性,信息的維度,一個頁面能展示的信息數,沒有結果的處理。

  1. 信息的屬性是指,用戶搜索得到的信息有多少屬性,比如是單純的文字信息,還是有圖文結合,甚至是視頻,音頻等內容的結合體。

  2. 信息的維度,針對不同的產品,用戶搜索的信息結果可能會有多個維度,比如信息的時間,信息的空間等。

3.要考慮一頁能顯示多少信息,盡可能有條理的,排布多的信息在用戶面前,提高信息的聚合度。

  1. 沒有搜索結果的時候,要安慰用戶,或者進行合適的提示,引導用戶再次搜索。

根據以上的考慮點,我們可以預測用戶對待信息結果的需求。比如對屬性或維度單一的信息,能夠快速查看,判斷是否要點擊查看信息詳情。而對一些屬性較多,要考慮維度較廣的信息,用戶需要更詳細的了解,才決定是否去點擊。根據以上分析,對搜索結果的展示一般有幾種方式

  1. 在當前搜索頁,以列表的形式展示搜索結果。這種適合維度單一,屬性較少的信息展示,比如知乎搜索關鍵字,得到的都是文章描述。

  2. 另外新建頁面,來承接搜索結果。這種對于個體較大,維度較多的信息比較適合。比如京東的商品搜索,就是將搜索頁面和結果頁面分離。在搜索結果頁面,用戶能查看更多的結果的信息,甚至配合篩選條件,最終獲取自己想要的。

  3. 當結果為空時,盡量不使用太直白的提示方式,這樣界面缺乏友好性。一方面我們可以換一種友善的方式提示用戶,另外一方面,引導用戶采取其他變通措施。我們可以采取三種方式:
    3.1 可以結合產品主題或Logo,做一個比較生動幽默的提示畫面,輕松的告知用戶結果不存在。
    3.2 提示用戶嘗試更改精確的搜索詞或者別的搜索詞,進行再次嘗試。
    3.3 列出和搜索關鍵詞相類似的關鍵詞或者相關結果,引導用戶進行查看。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 搜索功能無論在web端還是移動端,都是產品中十分重要的功能。文章主要從用戶體驗和產品功能、策略角度來分析,提出一些...
    史蒂芬宋閱讀 2,870評論 4 44
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,595評論 25 708
  • 最近由于工作需要,調研學習各類產品的搜索功能,于是準備做個筆記和大家分享,也督促自己總結抽象。 首先思考一個問題,...
    兔子的產品實驗田閱讀 7,700評論 11 70
  • 小結 Python的函數具有非常靈活的參數形態,既可以實現簡單的調用,又可以傳入非常復雜的參數。 默認參數一定要用...
    Ji_uu閱讀 186評論 0 0
  • 錯過你就會發現好后悔! 皖北門診部定于2017年10月10日——31日舉行大型免費義診活動。 免費義診范圍: ...
    AA老七閱讀 385評論 0 0