設(shè)計(jì)沉思錄丨從水果店到搜索設(shè)計(jì)模式
編輯導(dǎo)讀:本文作者從水果店的案例出發(fā),詳細(xì)的給我們介紹了什么是搜索場景。通過梳理召回率和準(zhǔn)確率提升可用的設(shè)計(jì)模式,對具體的搜索設(shè)計(jì)流程進(jìn)行了優(yōu)化,并對過程遇到的問題展開了分析解答,與大家分享。
01 水果店的故事
有天,你看到旁邊女神在吃一種白色草莓,看起來很好吃的樣子。
你也想嘗嘗,于是到一家水果店。水果種類很多,你也懶得找,就直接問老板:
“老板老板!你家有沒有草莓?都拿出來吧!”
“有的有的!我給你拿!”
老板很熱情,不一會兒拿出來好幾種,你定睛一看,只見標(biāo)簽上寫著:
圖1 老板給拿了三種草莓+兩種其他水果
都不是你要找的那種草莓。你沖老板擺擺手:“我先自己看看吧!”
你逛了一圈,發(fā)現(xiàn)店里還有些老板沒拿的品種。而且,你居然找到了女神吃的那種白色草莓!
圖2 老板沒拿出來的水果品種,其中剛好有你尋找的白色草莓,688元/kg
你咬著牙買了兩顆,心滿意足地離去。隱約聽到老板娘在數(shù)落老板:“自家有啥水果都記不住,偏偏記不住的還是利潤高的品種,凈給顧客推薦一些不賺錢的,我們拿啥交房租嘛!”
02 搜索中的“召回率”和“準(zhǔn)確率”
水果店里發(fā)生的故事,就是一次典型的搜索場景。
水果店里的所有品種可以分為四類:
圖3 水果店的水果分類
- A和B,是老板給拿出來的水果;
- C和D,是老板沒拿的水果。
- A和C,是與草莓相關(guān)的品種;
- B和D,是與草莓不相關(guān)的品種。
這里,我們認(rèn)識/復(fù)習(xí)下搜索設(shè)計(jì)的兩個指標(biāo):
- 召回率=檢索到的相關(guān)結(jié)果/所有相關(guān)的結(jié)果=A/(A+C)
- 準(zhǔn)確率=檢索到的相關(guān)結(jié)果/所有檢索到的結(jié)果=A/(A+B)
圖4 召回率與準(zhǔn)確率計(jì)算示意
水果店老板的搜索召回率為75%,準(zhǔn)確率為60%。確實(shí)不太高,也難怪老板娘要發(fā)飆了。
03 招聘搜索的困境
目前,招聘的搜索也面臨著與水果店老板相同的困境。
搜索時,大量的信息處在C區(qū)域,即相關(guān)但未被檢索到。
對于B端雇主來說,付費(fèi)招人的效果不佳;對于C端求職者來說,可找到的工作機(jī)會變少;對于平臺來說,撮合BC的成功率低,收入降低。
這是一個三方都不樂意看到的局面。
如何改善這種局面呢?
我們需要做兩件事情:
- 讓信息盡可能從C區(qū)域到A區(qū)域(提升召回率)。
- 防止D區(qū)域的信息進(jìn)到B區(qū)域(保持準(zhǔn)確率)。
需要注意的是,雖然從定義和公式上看,召回率和準(zhǔn)確率不相關(guān)。但檢索策略并不完美,提升召回率、希望更多的結(jié)果被檢索到時,往往會放寬檢索策略,從而出現(xiàn)一些并不相關(guān)的結(jié)果,從而使準(zhǔn)確率受到影響。所以提升召回率的同時要兼顧準(zhǔn)確率。
為了緩解困境,我們發(fā)起了招聘搜索列表頁改版的項(xiàng)目,核心目標(biāo)是提升招聘信息的連接效率與連接占比。指標(biāo)為人均投遞量、投遞人數(shù)占比。
04 搜索設(shè)計(jì)模式
我們梳理了召回率和準(zhǔn)確率提升可用的設(shè)計(jì)模式,按照搜索不同階段進(jìn)行歸類,形成了搜索設(shè)計(jì)模式矩陣。
圖5 搜索設(shè)計(jì)模式矩陣
橫軸表示搜索的各個階段,縱軸表示召回率和準(zhǔn)確率。矩陣部分是不同的設(shè)計(jì)模式,越往上代表對召回率的提升作用越明顯,越往下代表對準(zhǔn)確率的提升作用越明顯。
我們可以根據(jù)需要,選取適合的設(shè)計(jì)模式來解決問題。
這里以招聘搜索列表頁改版項(xiàng)目為例,對部分設(shè)計(jì)模式進(jìn)行說明。
05 設(shè)計(jì)模式——跨庫/跨類搜索
跨庫指的是同時搜索多個數(shù)據(jù)庫或是數(shù)據(jù)集,跨類搜索指的是跨越類別或分類進(jìn)行搜索。這種模式非常重要,因?yàn)橛脩敉恢涝搹哪膬洪_始搜索。只要內(nèi)容散布于多處/屬于多個類別,這種模式都值得考慮。
58是做分類網(wǎng)站起家的,目前仍延續(xù)著PC時代的分類體系,類別劃分過多、過細(xì),無形中增加了查找成本。已經(jīng)無法滿足B、C和平臺三方的需求。
圖6 58招聘對于餐飲職業(yè)類別的劃分
同時,58涵蓋多個業(yè)務(wù),這種多業(yè)務(wù)屬性使得其在搜索各個環(huán)節(jié)都需要選擇分類(包括一/二/三級類),造成搜索結(jié)果集不斷減少。
圖7 目前在搜索時,最多需要選擇四次分類
我們在《拆解 | 搜索體驗(yàn)的設(shè)計(jì)套路》一文中指出,分類搜索有三種方式:搜索框、搜索輔助區(qū)、搜索結(jié)果頁分類選擇。其中搜索結(jié)果頁的分類搜索,可以將結(jié)果分門別類呈現(xiàn),減少用戶在搜索過程中的決策壓力,也能夠在不犧牲體驗(yàn)的基礎(chǔ)上,展現(xiàn)盡可能多的結(jié)果和類別。
圖8 分類搜索的常見形式,來源于《拆解 | 搜索體驗(yàn)的設(shè)計(jì)套路》
我們在保證平臺一致性的基礎(chǔ)上,對招聘搜索結(jié)果頁的分類搜索樣式做了改進(jìn)。
圖9 搜索結(jié)果頁分類搜索樣式優(yōu)化
①擴(kuò)大搜索類別
Old默認(rèn)對搜索詞進(jìn)行類別匹配,展示關(guān)鍵詞對應(yīng)的二級類別下的結(jié)果。如搜索“設(shè)計(jì)師”,默認(rèn)展示“美術(shù)/設(shè)計(jì)/創(chuàng)意”類別下的結(jié)果,如果想看“美容/美發(fā)”類別下的設(shè)計(jì)師,則需切換類別。
New擴(kuò)大搜索類別,直接展示全部招聘類別。這樣就擴(kuò)大了搜索結(jié)果集,但會影響結(jié)果的精確性和選擇效率,需要用其他方式進(jìn)行彌補(bǔ)。
②保持類別切換入口
這里與58大搜、其他業(yè)務(wù)線保持一致,避免造成體驗(yàn)差異。
③整合分類
Old除了在②的位置進(jìn)行二級類別切換,還需在③處進(jìn)行三級類別切換,入口分散。New將三級類別切換入口整合進(jìn)②,降低用戶的理解負(fù)擔(dān)與操作成本。
④⑤類別推薦
①中提到,擴(kuò)大類別搜索后,容易影響結(jié)果的精確性和選擇效率。這里通過在④頂部快速篩選標(biāo)簽和⑤feed細(xì)粒度篩選標(biāo)簽中,加入類別推薦,使用戶直接點(diǎn)擊觸達(dá)所需類別,而無需在分類中查找。值得一提的是,這些類別需要依賴于推薦技術(shù)。
06 設(shè)計(jì)模式——預(yù)置搜索集
機(jī)器直接匹配的搜索結(jié)果可能會存在瑕疵,有時需要人工干預(yù),以達(dá)到更好的召回率和準(zhǔn)確率。我們可以預(yù)先匹配一些關(guān)鍵詞-結(jié)果集,將其置于推薦、分類入口,以提高點(diǎn)擊率,并通過不斷地收集反饋,來完善結(jié)果。
如搜索關(guān)鍵詞“配送員”,是一個跨越多個職業(yè)類別的關(guān)鍵詞,在“物流/倉儲”“餐飲”“超市/百貨/零售”“人事/行政/后勤”均有結(jié)果。我們將這幾個類別的結(jié)果打包,建立一個虛擬類目結(jié)果集,并且擴(kuò)大搜索關(guān)鍵詞,在搜索“快遞員”“送餐員”“同城送”“外賣”“騎手”等詞時也呈現(xiàn)相關(guān)結(jié)果。
預(yù)置搜索集的關(guān)鍵詞可以放在搜索入口、搜索中間頁、搜索結(jié)果頁等多處,也需結(jié)合推薦技術(shù)使用。
圖10 本次在搜索中間頁預(yù)置了搜索集入口
07 設(shè)計(jì)模式——匹配標(biāo)示
匹配標(biāo)示是指在相關(guān)結(jié)果上匹配標(biāo)示出與關(guān)鍵詞相關(guān)的信息??梢蕴岣咚阉鹘Y(jié)果的可解釋性,提升用戶對于搜索準(zhǔn)確性的感知,也便于用戶快速鎖定和判斷相關(guān)信息。
我們依據(jù)語義分析技術(shù)和意圖識別分析技術(shù),對列表頁職位卡片進(jìn)行了樣式和信息優(yōu)化,做到了搜索結(jié)果的個性化。
C端在輸入搜索詞時,對他的搜索意圖進(jìn)行分析識別,同時分析抓取職位信息中可匹配的關(guān)鍵詞,拼接形成標(biāo)題、標(biāo)簽與推薦理由,做到千人千面,提高準(zhǔn)確性。
如用戶在搜索“普工”時,分析到他的求職類別為“綜合維修工”,對于吃住、補(bǔ)貼和雙休等福利較為關(guān)注,于是對結(jié)果集中的職位信息進(jìn)行分析,調(diào)取關(guān)鍵詞“普工”“包吃住”“周末雙休”進(jìn)行標(biāo)題拼接,同時提取“加班補(bǔ)貼”作為標(biāo)簽、“工作環(huán)境整潔干凈”“團(tuán)隊(duì)氛圍融洽”作為推薦理由。
圖11 匹配標(biāo)示便于用戶快速鎖定和判斷相關(guān)信息,提高準(zhǔn)確性
08 設(shè)計(jì)模式——標(biāo)簽收集
以上的很多設(shè)計(jì)模式,都與推薦技術(shù)分不開。將推薦標(biāo)簽用于搜索召回,能夠提升搜索召回的精準(zhǔn)度。推薦的越準(zhǔn)確,就越可以淡化和跨越類別的限制。這就需要我們建立完善的用戶標(biāo)簽體系。
我們做了以下幾方面的嘗試:
- 在用戶首次進(jìn)入招聘頁面時,引導(dǎo)用戶進(jìn)行職位類別的選擇。
- 引導(dǎo)用戶填寫求職意向。
- 引導(dǎo)用戶定制精確的職位類別。
- 在搜索結(jié)果列表頁,通過細(xì)粒度標(biāo)簽引導(dǎo)用戶進(jìn)行選擇。
其實(shí),用戶在App上的每一步操作,都可以為豐富用戶標(biāo)簽提供幫助,這就是智能推薦的研究領(lǐng)域了。
圖12 用戶標(biāo)簽體系的完善,對于搜索結(jié)果的準(zhǔn)確性至關(guān)重要
09 搜索設(shè)計(jì)模式的其他應(yīng)用
除此之外,本次搜索列表頁改版還應(yīng)用了多種設(shè)計(jì)模式,例如自動建議、收藏/訂閱、結(jié)果分頁、排序優(yōu)化、搜索結(jié)果反饋等等,篇幅限制不再贅述。
圖13 本次改版用到的收藏/訂閱設(shè)計(jì)模式
可以看一下最終的設(shè)計(jì)方案:
圖14 招聘搜索列表頁改版方案
10 設(shè)計(jì)復(fù)盤
這次搜索列表頁改版,核心目標(biāo)是提升招聘信息的連接效率與連接占比。
我們對業(yè)務(wù)目標(biāo)進(jìn)行了拆解,把目標(biāo)定為在保持準(zhǔn)確率的前提下,提升召回率。
提升召回率主要的策略是跨庫/跨類搜索,打破了類別的限制,對搜索結(jié)果頁的類目展示及選擇形式進(jìn)行了優(yōu)化。
同時,建立了虛擬類目,預(yù)置了搜索集,并在搜索中間頁添加了入口,引導(dǎo)用戶去點(diǎn)擊優(yōu)化過的搜索關(guān)鍵詞,并通過不斷的反饋提升搜索集的質(zhì)量。
此外,為了保持準(zhǔn)確率,對搜索列表卡片進(jìn)行的樣式優(yōu)化和匹配標(biāo)示,通過智能拼接標(biāo)題、標(biāo)簽和推薦語,幫助用戶用戶快速鎖定和判斷相關(guān)信息。在招聘多個頁面中進(jìn)行用戶標(biāo)簽收集、對于搜索結(jié)果進(jìn)行反饋收集與訂閱引導(dǎo),以保證推薦和匹配的準(zhǔn)確性。
方案產(chǎn)出后,為探明各種設(shè)計(jì)模式因子的影響,我們將樣式變化、標(biāo)題拼接、打破類別限制作為單一變量,進(jìn)行了六個方案的灰度測試。
各方案都維持了搜索準(zhǔn)確率??傮wVPPV、人均投遞量、投遞人數(shù)占比保持不變。在召回率上,每種因子都有所提升,影響力由大到小為:打破類別限制、標(biāo)題拼接、樣式變化。雖然一期僅上線了一部分設(shè)計(jì)點(diǎn),但最優(yōu)方案數(shù)據(jù)指標(biāo)提升已達(dá)100%。
11 結(jié)語
搜索設(shè)計(jì)模式矩陣是我們在日常項(xiàng)目中總結(jié)出的一套模型,可有針對性地提高召回率和準(zhǔn)確率,每種設(shè)計(jì)模式對應(yīng)的設(shè)計(jì)策略與形式也有所差異,具體可根據(jù)場景進(jìn)行豐富和擴(kuò)展。篇幅有限,能力有限,難免有遺漏,歡迎各位同仁切磋指點(diǎn)。
作者:韓筱婷,交互設(shè)計(jì)師
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號@58UXD),作者@韓筱婷
題圖來自Unsplash,基于CC0協(xié)議
圖三淡雪寫錯地方了