超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

如何設(shè)計更懂用戶的搜索頁

2021-4-25    資深UI設(shè)計者

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

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

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

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


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

用戶輸入的關(guān)鍵詞首先要經(jīng)過邏輯層進行非法詞過濾,錯詞糾錯,特定跳轉(zhuǎn)幾步操作

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


Step2:根據(jù)用戶輸入信息對內(nèi)容進行分析解讀

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


Step3:對解讀后的結(jié)果進行排序

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


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


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

啟動搜索

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


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


輸入內(nèi)容

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

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

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

            符合移動端的流程可逆的操作習(xí)慣

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

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

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

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

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


獲取結(jié)果

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

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

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


搜索異常狀態(tài)

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

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


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

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


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.miumiuwan.com

存檔