如何設計更懂用戶的搜索頁

2021-4-25    資深UI設計者

搜索模塊的邏輯原理
搜索模塊的功能及流程分析

“搜索”是目前互聯(lián)網產品中最常見也是最有必要的功能模塊,搜索一方面幫助用戶快速觸達自己想要商品/服務/咨詢等,另一方面作為平臺的重要數據入口可以獲取比較有價值的用戶信息。

目前大部分產品的搜索模塊后臺邏輯和前端設計大同小異,但是不同的品類的產品又存在一些差異,從產品邏輯上分析基本原理如下圖,

用戶輸入一個關鍵詞,搜索系統(tǒng)根據用戶的輸入的信息,篩選出系統(tǒng)認為用戶感興趣的內容,同時按照系統(tǒng)認定的重要性進行排序展示。簡單而言,搜索可以分為三步。


Step1:對用戶輸入信息的過濾

用戶輸入的關鍵詞首先要經過邏輯層進行非法詞過濾,錯詞糾錯,特定跳轉幾步操作

非法詞過濾顯而易見就是用戶輸入的敏感詞匯會根據后端的非法詞庫進行判斷屏蔽,網上一般有現(xiàn)成的詞庫可以直接導入系統(tǒng),不滿足的后臺可以根據產品屬性及業(yè)務需求再進行維護擴充。錯詞糾錯輸入查詢關鍵詞,用戶可能會輸入成拼音、或者錯別字,邏輯中有一套糾錯詞處理,當系統(tǒng)對比有錯誤時,會進行糾錯處理,最終輸出糾錯后的結果進行輸出。特定跳轉是后端將特定詞匯設置為特殊跳轉,后端需要維護的映射庫。比如雙十一的時候,輸入雙十一可能會直接跳轉到活動會場,而不是具體的某個商品。 


Step2:根據用戶輸入信息對內容進行分析解讀

經過三種異常詞庫的過濾后,關鍵詞會進入常規(guī)搜索詞庫。搜索詞庫是有限的,但是用戶的輸入卻是沒有限制的,怎么將無限制的搜索轉化為有限的詞庫,并且匹配到對應的結果呢?這里需要一個關鍵的步驟即分詞,分詞是將一個比較長的關鍵字拆分成多個合理的比較短的關鍵字,經過分詞非標準的關鍵詞就被轉化為標準的詞庫,而這些詞就會對應一些搜索目標內容,但這些目標內容并不全展示給用戶,展示給用戶的也不一定完全跟用戶搜索的相關,這里就有兩個跟搜索相關的兩個關鍵指標即準確率和召回率,準確率是指所有展示的內容中與用戶搜索相關的內容的占比,召回率是指所有與用戶搜索相關的內容中被展示出來內容的占比。準確率和召回率是一對存在矛盾的指標,搜索后臺會有調和這兩個數據相關的目標函數,后臺搜索優(yōu)化的目標就是提高準確率和召回率,讓后臺與用戶搜索相關的內容都能盡可能展示出來。


Step3:對解讀后的結果進行排序

搜索系統(tǒng)標準詞庫都有與之現(xiàn)關聯(lián)的具體內容,每個具體內容是否包含關鍵詞決定是否展示這些內容,同時根據關鍵詞的權重給展示的內容一個分數,最終根據每個內容的分數進行排序,不同平臺的關鍵詞權重不一樣,這屬于平臺運營的機密,權重的高低直接影響目標內容的排序,也直接影響平臺的銷售額和用戶體驗。


在前端設計看來一個簡單的搜索框,但是后端卻需要多層邏輯的判斷和輸出,最終實現(xiàn)業(yè)務與體驗的最優(yōu)化。以上只是作為設計人員的簡單總結,方便我們做設計的時候更好跟研發(fā)人員溝通。 


從前端功能流程上分析搜索模塊可以拆分為啟動搜索-輸入內容-獲取結果

啟動搜索

目前大部分的搜索入口分為頂部搜索框/底部導航/局部圖標,產品的屬性決定搜索功能的重要級,從而影響搜索入口的樣式,另外需要明確搜索在當前頁面中的的優(yōu)先級從而明確搜索的樣式,底部是app的一個最重要位置,將搜索功能放在底部導航一方面突出搜索功能的重要級別,但相對于放在首頁頂部又不至于影響首頁的流量分發(fā)。頁面局部設置搜索圖標,相對搜索功能的重要級會低一些。頂部搜索一般是吸頂懸停,用戶對搜索的依賴性很高,此類搜索入口的功能也最完整,對設計的要求也最高。 


完整的搜索框從功能點上分包括,掃碼/語音/圖片/文本等幾種搜索能力,設計時需明確搜索框自帶的功能點有哪些,功能點的優(yōu)先級和關聯(lián)性,總結發(fā)現(xiàn)一般電商類服務類產品會比社交信息類產品的搜索更為明顯且搜索的功能點更多一些。


輸入內容

在輸入內容這個階段,用戶可能進行的操作是是輸入(語音/文本/圖片等)功能,選擇聯(lián)想關鍵詞,清除/修改文本功能信息展示上一般有搜索歷史,搜索維度,推薦搜索,默認提示詞等,歸納起來基本為關聯(lián)搜索,引導搜索,細分搜索這三種,目的都是一方面為了滿足用戶高效搜索的需求,另一方面實現(xiàn)平臺營銷策略。設計要兼顧這兩點,在滿足業(yè)務的同時給用戶更好的搜索體驗。

以上搜索返回流程中兩大主流平臺有一些差異的原因

第一種:搜索結果頁—搜索啟動頁-搜索入口,可能的原因:

            符合移動端的流程可逆的操作習慣

            營銷需要,返回至搜索推薦頁,多一層頁面的曝光機會

            便于用戶觸發(fā)再次搜索的行為

第二種:搜索結果頁—搜索入口,可能的原因:

            用戶用取消操作,表達的是取消搜索模塊,故返回入口,同時也能再次調起

            縮短返回路徑,更加高效,注重高效的操作體驗 


獲取結果

平臺屬性不同搜索結果頁的目標內容會有區(qū)別,除了目標內容的輸出外,搜索結果頁會對應的展示篩選條件和推薦,此時需要做到的是篩選維度清晰,業(yè)務核心明確,平臺特點突出

在這個階段用戶的目的是在目標信息/商品/服務中進行對比選擇,獲得自己最想要(從平臺角度則是推薦給用戶)的。在設計搜索結果頁的目標內容時,需要注意信息層級的展示,比如電商平臺最突出價格,而咨詢分享類產品可能要突出關注度熱度等。

大部分平臺都有自己的rank邏輯,rank邏輯是根據商品的相關因素綜合起來形成的一種排序邏輯,比如電商產品中的轉化率/銷量/點擊率等,而且會根據產品的不同階段去優(yōu)化升級,目的是可以輸出更符合用戶心理的排序,從而更精準高效的滿足用戶,提升產品體驗。


搜索異常狀態(tài)

搜索異常的狀態(tài)一般有三種,1.搜索結果為空;2.智能糾錯;3.網絡異常等,

搜索結果為空時一般需要空態(tài)圖和文案說明和引導,緩解用戶需求沒有達成的心情。智能糾錯,是在用戶輸入內容上的一種提示或糾正,如果用戶輸入的內容有問題或不夠標準,在搜索結果中會能給最貼切的搜索結果。網絡異常,需要考慮的是提示是在哪個階段告知用戶,用戶在沒有網絡的情況下仍然可以調起搜索啟動頁,此時提示用戶網絡異常會比在搜索結果頁告知用戶的體驗要好。


文章來源:站酷  作者:周沐Zhoumu 

藍藍設計www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔