搜索結果頁
搜索結果頁在首屏內所提供的信息與體驗是整個搜索流程的關鍵環節,搜索結果的準確性和轉化率的高低是評判搜索引擎好壞的標準。
①表現形式
a、分類Tab式
業務屬性和內容量多而雜的應用在結果頁通常采用Tab分類的形式,有效地對同類信息進行歸納,提升用戶查找結果的效率。當分類較多時,可將標簽設計為可以折疊展開的狀態。可以通過點擊右側的下拉按鈕展示更多標簽;或以列表的形式展示,并在右側標注結果數;也可以采用橫滑的方式展示更多。
圖26 搜索結果分類Tab式
b、卡片堆疊式
卡片堆疊式是將同類結果以卡片化的形式從上至下堆疊顯示,并規定每個卡片內信息顯示的數目(如微信),而每個類別的卡片也會根據搜索詞展示不同的排序。與分類Tab式相比較其優點是在一屏內可同時展示多個分類下的搜索結果。缺點是展示的分類有限,用戶想看到更多分類需手動滑動,適合分類不是很多的情況。
c、列表式
列表式適合分類較少的情況,形式上有純文字列表式和圖文列表式。圖文列表式可以橫向排版也可以豎向排版(類似于卡片)。有的結果項中還帶有操作控件(如快方送藥中添加商品至購物車的操作控件)。
圖27 搜索結果列表式
在實際的頁面結構中,三種形式通常會相互結合使用。我們經??吹椒诸怲ab式的首個標簽一般都是全部搜索結果的集合,并以卡片堆疊的形式依次展示,同時卡片中的信息很多也是列表式排版。
②排序規則
搜索結果是根據一定的規則進行排序的,排序規則由相關后臺算法作為支撐。以電商類應用為例,系統會先識別用戶輸入的關鍵詞,并根據關鍵詞執行匹配度算法,從后臺數據庫中調取相匹配的結果,按匹配度進行初步排序。但初步排序的結果依舊雜亂,什么樣的信息都有,直接將這樣的結果呈現給用戶不會有良結果的排序維度有很多(如價格、距離、時間、銷量、滿意度等),產品應根據自身的業務屬性為用戶提供相應的排序選項。
③篩選
用戶對大量信息不知所措,篩選能幫助用戶縮小搜索范圍,提高搜索效率。
全品類篩選指同一個關鍵詞在不同的分類下均有結果,通過選擇具體的分類得到對應的結果。單一品類篩選指針對明確類別的結果,篩選條件要根據結果不同的屬性和特點來確定。
調出篩選有兩種方式:一種是抽屜式,點擊結果頁中的篩選按鈕,篩選條件從屏幕右側向左滑出,適用于篩選維度較為豐富的情況,一般支持全品類篩選;另一種是下拉列表式,適用于篩選維度較少的情況。好體驗。所以系統會繼續將與結果有關的信息(如收藏量、瀏覽量、商品轉化率、詳情頁停留時長、好評率、主圖效果和商家信譽等)提煉成不同的因子,并設置不同的權重,通過執行新的算法得到新的排序,最終展示給用戶,這就是常見的系統默認排序(也稱綜合排序)。如果默認排序仍難以滿足用戶的需求,用戶也可以手動調整每個因子的權重,得到自己想要的排序結果。
對于默認排序的算法,系統需要在產品不同的發展階段不斷調整。因為按照原來的規則會導致馬太效應,造成兩極分化,即老牌的商戶或銷量很高的商品會一直排在前面,而新的商品或小的商戶一直得不到曝光。
圖28 調出篩選的方式
④細節優化
a、保留搜索詞
在結果頁中最好保留搜索框和其中的搜索詞,當用戶對搜索結果不滿意時,可直接點擊搜索框并根據之前的搜索詞進行調整,避免重新輸入增加操作成本。
b、結果與搜索詞匹配顯示
實時有效地反饋對用戶很重要,在搜索結果頁中應高亮顯示與搜索詞的匹配關系,保持搜索詞的可見性,讓用戶知道得到的搜索結果與輸入的搜索詞是有聯系的,并沒有展示無關的結果。如在大眾點評中搜索“宮保雞丁”,得到的每條結果中都會高亮顯示與搜索詞相匹配的字段。
c、搜索建議
當用戶在搜索頁內長時間瀏覽都沒有進行下一步操作的情況下,說明沒有找到滿意的結果,可以在結果頂部和中間提供搜索建議。頂部通常采用圖文標簽的形式,中間的一般為文字標簽。用戶點擊標簽后,建議詞會跟在原搜索詞的后面。
圖29
⑤運營模塊
結果頁中也有很多可以運營的位置,穿插在結果列表中。有的是以banner形式展現的廣告位;有的是某一類別的專題模塊或合集;有些電商類應用會在用戶搜索某一品牌時前置顯示該品牌模塊的入口。
圖30 搜索結果頁中的運營模塊
⑥特殊情況
在設計的過程中,除了常規的情況,一些特殊情況也需要考慮在內。
a、結果較少
有時搜索結果較少,不能滿足用戶的搜索需求。可以通過分析輸入的關鍵詞和用戶數據為用戶提供相關其他結果,如猜你喜歡等。
b、網絡異常
用戶使用移動設備的場景復雜多變,網絡環境可能存在不穩定性。當斷網的時候,最好以情感化的設計給出異常提示,告知用戶沒有網絡,并引導用戶刷新或更改網絡設置,為用戶提供解決方案,而不是讓用戶無路可走。
c、網絡狀態不良
當網絡狀態不良時,可運用懶加載技術提前加載文字信息,避免用戶面對空頁面而影響體驗。
d、搜索結果不正確
當用戶輸入的關鍵詞有誤時,應提供智能糾錯的功能,推測正確的關鍵詞引導用戶正確搜索,同時告知用戶當前搜索的結果,并繼續搜索原來的關鍵詞(如在知乎中搜索“裸泳浩”,系統會自動糾偏為“羅永浩”,并告知用戶會繼續搜索“裸泳浩”)。
e、無結果
若當前的關鍵詞沒有搜索結果,應以情感化設計告知用戶,并為用戶推薦相關其他結果(如猜你喜歡)。或通過拆解詞條,向用戶展示拆解后的搜索結果(如在淘寶里輸入“海螺博了”,系統會將詞條拆解為“海螺”和“博”進行搜索,優先展示“海螺”的搜索結果,并提示用戶可以嘗試“博”的搜索結果)。也可以引導用戶進行補充或訂閱,等有結果時再通知用戶。
圖31 搜索結果頁特殊情況
設計合理性驗證
設計是有目的的活動,設計師不能只注重設計過程的執行,驗證最終設計方案的合理性同樣重要,只有達到預期設定的目標才是合理的設計。
定性驗證
在設計方案確定后,可以用問卷調查的方法搜集用戶反饋,也可以找一些用戶進行現場或電話訪談,記錄他們實際使用過程中得感受。還可以邀請用戶進行用戶測試,為他們制定一些搜索任務,通過觀察用戶完成任務過程中的行為捕捉反饋信息,用于搜索設計的優化和迭代。
定量驗證
數據能為我們提供理性的視角,作為我們發現和分析問題的依據。通過數據分析的方法可以幫助設計師對設計方案進行有效的合理性驗證。
對于數據的采集,可以在每個階段的頁面中對需要關注的數據進行埋點。產品主頁主要采集與搜索入口有關的數據,如產品主頁面訪問量、搜索請求次數和搜索請求率等,其中搜索請求率的高低影響著搜索功能的重要性,如果比率很低說明用戶在使用產品時對搜索功能的需求很小,那我們就可以弱化搜索入口。
搜索主頁中,熱門搜索的點擊率是否提升,決定了熱搜模塊的運營是否有效。猜你喜歡的點擊率驗證了算法分析用戶數據的準確性。
關鍵詞輸入頁面中,搜索聯想詞的點擊率越高,用戶輸入的詞長越短,說明聯想詞越符合用戶的預期,算法越合理。還可以通過搜集平臺上用戶在每日或某一品類中搜索頻率最高的幾個關鍵詞,為用戶優先展示,提升搜索效率。
結果頁中,前三條結果的點擊率、篩選功能的使用頻次以及瀏覽時長等數據都可以作為判斷搜索結果是否準確和合理的依據。
小結
本文通過對幾十款應用的搜索功能的體驗和相關資料的查閱,總結了搜索設計的各種形式,并將搜索功能的使用流程按頁面的維度進行詳細的剖析,如有理解錯誤或總結不當的地方歡大家指正和交流。
在設計或分析產品的過程中,設計師需要了解和判斷產品的定位和業務屬性,清楚設計所針對的人群和使用場景以及所要達到的目標,才能得出合理的設計方案。
關于搜索的話題,并不止于本文所涉及的內容。隨著技術的進步和互聯網行業的高速發展,智能語音搜索的普及或許已成為搜索領域的新課題,同時我也相信還會有更豐富,更高效的搜索方式等著大家繼續研究與探索。
聲明:本文由網站用戶維維發表,超夢電商平臺僅提供信息存儲服務,版權歸原作者所有。若發現本站文章存在版權問題,如發現文章、圖片等侵權行為,請聯系我們刪除。