引言
搜索作為最常用的功能,在產(chǎn)品設計中使用率高、應用面廣。設計時基本以一個輸入框的形式解決,卻忽略了很多設計細節(jié)。B 端搜索一般具有搜索目的明確、數(shù)據(jù)量大、注重結果精確度等特征,針對文字類搜索,結合實際工作與近期調研總結成文,希望給大家?guī)韰⒖紐
用戶使用搜索功能時,一般是想從海量信息中獲取自己所需的信息。當想要得到的結果清晰、具體,且明確知道如何找到該結果,常是輸入較詳細的條件后進行搜索。當用戶清楚知道自己想要得到的結果,但對輸入條件模糊時,通常輸入部分條件,再通過對內容進行篩選,逐級精確結果。
通過挖掘用戶訴求,來分析 B 端場景下的搜索功能設計。
搜索功能可以分為搜索前、搜索中、搜索后三個步驟。
1. 搜索前
找到搜索入口是搜索流程的第一步,而搜索入口的位置取決于產(chǎn)品對搜索功能的定位。
Dawn Shikh 與 Keisi Lenz 的一項研究:展示了在 142 個參與者的調查中,網(wǎng)站搜索框的期望位置。研究發(fā)現(xiàn),對用戶來說最方便使用的地方是網(wǎng)站的左上角與右上角位置。用戶可以使用常見的 F 形掃描模式輕松找到它。
來源:網(wǎng)絡
如圖,搜索框放置在頁面中上方與頁面右上角是用戶最期望的位置,當搜索為產(chǎn)品核心功能時,搜索框一般放置在頁面中心偏上位置,常見于搜索引擎與數(shù)據(jù)庫首頁;當搜索為產(chǎn)品輔助功能時,搜索框放置在頁面左上方/右上方,使用戶能夠隨時找到搜索入口。
搜索方式包含全局搜索與定向搜索兩種。
全局搜索
全局搜索指在用戶輸入關鍵詞后,程序自動匹配系統(tǒng)內的結果信息,使用過程簡單便捷,側重搜索結果的豐富度,但精確率不高,需要通過二次篩選來逐級精確結果。
定向搜索
通常我們進行搜索時都是無序的,只需要簡單輸入關鍵詞即可搜索相關內容,定向搜索是由用戶選定搜索范圍后再進行搜索。適用于注重搜索結果的精準性或展示產(chǎn)品搜索能力等場景。
常見有下拉框型、Tab 型、組合型三種設計形式。
下拉框型:
明確并固定選項類別,降低用戶操作難度。下拉篩選適合的選項類別有限,不適合多類別、復雜維度的分類。
Tab 型:
平鋪展示搜索條件內容,每個 Tab 標簽代表一個篩選維度,操作便捷。Tab 標簽的數(shù)量不宜過多。
組合型:
B 端類產(chǎn)品數(shù)據(jù)量豐富,在實際使用時,簡單的方式很難全面覆蓋到各個搜索場景,精準定位搜索結果。所以通過多個篩選維度的結合,形成多屬性的組合搜索,能夠大幅提升搜索結果的準確性。
此外,高級搜索是在定向搜索的基礎上,進一步豐富了搜索選項,比如指定搜索的時間范圍、數(shù)據(jù)類型等,設置的選項越詳細越能夠提升搜索結果的效果和準確性。
在設計時需要注意,B 端系統(tǒng)用戶角色多,層次不同,所以更加需要注重搜索前的引導,針對搜索規(guī)則、搜索限制等,應適時的以簡練易懂的語言提示。
2. 搜索中
搜索中概括為搜索提示、狀態(tài)反饋兩方面。
搜索提示:
1)搜索聯(lián)想
通過已輸入的關鍵詞來預測可以找到的搜索結果,為用戶創(chuàng)造更加便捷的體驗。在有權限控制的 B 端系統(tǒng)中,需要注意搜索的隱私保護或不啟用搜索聯(lián)想功能。
2)搜索歷史
保留歷史搜索記錄,方便用戶快速定位以前的搜索內容,無需再次輸入。
3)搜索推薦
熱門搜索推薦、或通過算法向用戶推薦相近內容,拓寬用戶的搜索思路,激發(fā)用戶對潛在事物的興趣。
狀態(tài)反饋:
對用戶的輸入內容及時反饋,如輸入限制、輸入格式錯誤等。
3. 搜索后
搜索結果中隱含著搜索邏輯,全局搜索場景下多數(shù)為模糊搜索,即把與搜索關鍵詞詳盡的內容頁反饋出來,匹配度低,需要花時間對結果二次篩選。
B 端中對數(shù)據(jù)結果的篩選重結果查看與數(shù)據(jù)操作,總結出以下場景需求:
- 快速瀏覽數(shù)據(jù),并能夠準確找到數(shù)據(jù)。
- 需要經(jīng)常變換條件的組合迭代查詢數(shù)據(jù),對查詢結果精準定位。
- 對數(shù)據(jù)進行操作,如收藏、刪除、下載等。
針對這三類場景介紹兩種常用的篩選布局方式。
上下布局
上下布局中篩選條件位于數(shù)據(jù)頂部,是當前最常用的方式。
優(yōu)點:上下布局中篩選條件與結果數(shù)據(jù)的聯(lián)系更為緊密,能夠更好適應用戶的高頻操作,適合橫向數(shù)據(jù)項較多時使用。
缺點:可擴展性稍差,當篩選項多時可將篩選項按優(yōu)先級排布,折疊低頻篩選,顯示高頻篩選,保證屏效。
左右布局
左右布局指篩選條件位于頁面的左側或者右側。
優(yōu)點:節(jié)省頁面橫向空間,能夠展示更多篩選條件,可擴展性強。
缺點:用戶對照篩選條件查看數(shù)據(jù)的耗時變長。
特殊場景下,系統(tǒng)通過對用戶輸入的語義的理解,判斷結果與用戶搜索的相關性,按照實際搜索意圖對結果進行前后排序。
如在天眼查中搜索“劉強東”,搜索結果根據(jù)社會影響力優(yōu)先判斷搜索項,展示搜索結果。
以上就是對 B 端搜索功能 3 個階段的梳理與思考,每一個看似簡單的功能背后都隱藏了很多流程與邏輯,結合實際的使用場景,從功能定位、用戶目標等維度綜合分析,才能夠真正提升用戶體驗。
歡迎關注作者微信公眾號:「然然圖文」
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設計101例
已累計誕生 753 位幸運星
發(fā)表評論 為下方 3 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓