設(shè)計(jì)復(fù)盤 | 搜索功能體驗(yàn)優(yōu)化詳解
現(xiàn)在,幾乎每個(gè)產(chǎn)品里都配備了搜索功能,而搜索功能、搜索鏈路設(shè)計(jì)得合理與否,則很大程度上影響了用戶體驗(yàn)與后續(xù)留存。那么,如何才能做好搜索設(shè)計(jì)、搭建完善的搜索鏈路呢?本文作者便結(jié)合實(shí)際案例進(jìn)行了內(nèi)容分享,一起來看。
搜索是每個(gè)產(chǎn)品必不可少的鏈路,影響著產(chǎn)品的體驗(yàn)、留存、變現(xiàn)等重要指標(biāo)。本次大神搜索鏈路的體驗(yàn)優(yōu)化分為三個(gè)部分,分別是「建議頁」的調(diào)動用戶興趣,「聯(lián)想頁」的提高內(nèi)容命中,和「結(jié)果頁」的提升檢索效率。希望通過文章能為大家?guī)硇碌乃伎?,借機(jī)交流探討。
一、項(xiàng)目背景
網(wǎng)易大神作為游戲社區(qū)平臺,大神通過優(yōu)質(zhì)內(nèi)容吸引并留存大批用戶,但內(nèi)容的搜索鏈路卻缺少迭代,制約了后續(xù)業(yè)務(wù)的「規(guī)模滲透增長」及「商業(yè)價(jià)值釋放」。
當(dāng)前項(xiàng)目的關(guān)鍵問題在于體驗(yàn)短板突出且算法支持能力有限?;跁r(shí)間與人力成本的考量,決定讓設(shè)計(jì)先行,快速啟動搜索鏈路體驗(yàn)升級,再逐步優(yōu)化算法。
二、發(fā)現(xiàn)問題與設(shè)計(jì)策略
用戶的搜索階段分為「進(jìn)入搜索」「開始搜索」和「搜索結(jié)束」,分別對應(yīng)的使用路徑為「建議頁」「聯(lián)想頁」和「結(jié)果頁」。建議頁的目標(biāo)是幫助用戶發(fā)現(xiàn)感興趣內(nèi)容,聯(lián)想頁需準(zhǔn)確猜中用戶所想,而結(jié)果頁則需幫助用戶快速檢索出想要的內(nèi)容。
大神搜索存在的問題顯現(xiàn)在三個(gè)路徑上,即無法調(diào)動用戶興趣,猜不中用戶所需,亦找不到用戶想要。
由此,結(jié)合場景目標(biāo)和用戶行為等因素,設(shè)計(jì)側(cè)制定了對應(yīng)設(shè)計(jì)策略。對「建議頁」,需激發(fā)用戶搜索興趣,優(yōu)化配置資源;對「聯(lián)想頁」,需細(xì)化搜索的內(nèi)容類型,提高用戶所搜內(nèi)容的命中;對「結(jié)果頁」,需結(jié)構(gòu)化呈現(xiàn)內(nèi)容結(jié)果,提高檢索效率。
接下來本文將對三個(gè)路徑的優(yōu)化方案進(jìn)行詳細(xì)敘述。
三、搜索「建議頁」設(shè)計(jì)
為尋找設(shè)計(jì)著力點(diǎn),設(shè)計(jì)側(cè)分析了「建議頁」的現(xiàn)存問題,歸納出三個(gè)待優(yōu)化點(diǎn):缺少用戶感興趣的內(nèi)容,缺少資源位及資源位利用率低,缺少搜索氣氛營造。
何為感興趣的內(nèi)容?經(jīng)數(shù)據(jù)發(fā)現(xiàn),大神用戶的搜索內(nèi)容偏好以找攻略和找游戲?yàn)橹?,活動、工具、社交、交易次之,其中攻略?nèi)容主要分為帖子、視頻與話題。由于建議頁頁面資源有限,因此設(shè)計(jì)側(cè)決定將游戲、攻略帖、視頻、話題設(shè)計(jì)成多榜單,使用戶能在有限的空間內(nèi)看到重點(diǎn)內(nèi)容。
資源位如何提高利用?通過一增一減,即新增靈活資源位(搜索bar預(yù)埋詞、Banner、熱搜索詞配置、多榜單配置)及減少次要模塊的曝光(減少歷史記錄高度,去除推薦關(guān)注用戶模塊)。
如何營造搜索氛圍?一是通過上述模塊內(nèi)容的增加,二是通過在重點(diǎn)內(nèi)容上增加「火、新、上升」等標(biāo)識,營造實(shí)時(shí)火熱的互動氛圍。
四、搜索「聯(lián)想頁」設(shè)計(jì)
對于聯(lián)想頁,設(shè)計(jì)側(cè)從內(nèi)容和做法上尋找設(shè)計(jì)著力點(diǎn):
1. 內(nèi)容方面
內(nèi)容上,通過預(yù)設(shè)用戶意圖,展示符合用戶使用目的的內(nèi)容來提高內(nèi)容命中。
前文提及,經(jīng)用研與數(shù)據(jù)發(fā)現(xiàn),用戶主要關(guān)注的內(nèi)容為攻略、游戲、活動、社交等。值得一提的是,進(jìn)入「聯(lián)想頁」的用戶,其目的性會比停留在「建議頁」的用戶強(qiáng),因?yàn)樵擃愑脩粢呀?jīng)產(chǎn)生輸入的行為,已形成搜索對象的雛形。
因此,我們在聯(lián)想頁中補(bǔ)充進(jìn)活動、社交、工具方面的內(nèi)容。對比建議頁,聯(lián)想頁需要更廣的內(nèi)容類型來應(yīng)對用戶更強(qiáng)的目的性。
2. 做法方面
表現(xiàn)形式上,通過細(xì)化內(nèi)容類型和降低用戶認(rèn)知負(fù)荷來配合算法召回,進(jìn)一步提高內(nèi)容命中。
通過細(xì)化,我們從五大類內(nèi)容類型中分出九種內(nèi)容卡片,分別為「游戲詳情」「游戲圈子」「用戶」「群聊」「場景」「攻略」「工具」「活動」及可靈活配置的「資源位」。
同時(shí),為避免命中多項(xiàng)卡片后的層級混亂,設(shè)計(jì)側(cè)按產(chǎn)品調(diào)性及搜索頻次,對上述卡片進(jìn)行樣式上的層級劃分。對高層級內(nèi)容,會增加圖片比例,增強(qiáng)視覺效果,對低層級內(nèi)容,會減少卡片高度,降低視覺比重。
算法方面,由于大神未在聯(lián)想頁中加入過多算法干預(yù),用戶在搜索欄中點(diǎn)擊按鈕切換”全大神/本圈內(nèi)“場景來實(shí)現(xiàn)聯(lián)想內(nèi)容的篩選,造成認(rèn)知負(fù)荷且不符合使用習(xí)性。本次體驗(yàn)升級,加入了算法的召回干預(yù),我們把這項(xiàng)篩選后置在結(jié)果頁中,用戶無需在聯(lián)想階段自主篩選內(nèi)容,更符合目的性從建議頁到結(jié)果頁漸強(qiáng)的用戶行為。
五、搜索「結(jié)果頁」設(shè)計(jì)
上文敘述了「結(jié)果頁」的設(shè)計(jì)策略是「結(jié)構(gòu)化呈現(xiàn)」,那具體如何實(shí)現(xiàn)「結(jié)構(gòu)化呈現(xiàn)」?設(shè)計(jì)側(cè)將其分為三部分,分別是「tab結(jié)構(gòu)優(yōu)化」「流內(nèi)容結(jié)構(gòu)優(yōu)化」以及「內(nèi)容信息層級優(yōu)化」。
1. Tab結(jié)構(gòu)優(yōu)化
在著手優(yōu)化tab前,我們需要先從產(chǎn)品角度入手。
大神是一款內(nèi)容與社交結(jié)合的產(chǎn)品,其中內(nèi)容可以衍生出無數(shù)種類,但攻略為用戶使用的主要目的,因此我們把攻略設(shè)置為單獨(dú)tab項(xiàng),其他內(nèi)容如活動、視頻、用戶動態(tài)等一并收入綜合tab。
對社交而言,群聊和用戶是用戶檢索的高頻對象,因此亦單獨(dú)分出兩項(xiàng)。故「綜合」「攻略」「頻道」「用戶」為優(yōu)化后的4項(xiàng)tab,對比優(yōu)化前的7項(xiàng)tab,減少了用戶不必要的選擇成本。
2. 流內(nèi)容結(jié)構(gòu)優(yōu)化
對于流內(nèi)容結(jié)構(gòu)優(yōu)化,我們了解到隨著頁面的下滑,用戶的檢索效率從高到低遞減。如何在首屏更準(zhǔn)確地呈現(xiàn)用戶想要的,如何在下滑過程中提高檢索效率?接下來我們將進(jìn)行分析。
在首屏中,我們加入了「置頂卡」模塊。置頂卡的作用是為了能和匹配度次高內(nèi)容有明顯樣式上的區(qū)分,讓用戶能第一時(shí)間辨認(rèn)出來。在置頂卡的類型上,我們結(jié)合了產(chǎn)品方向和用戶高頻搜索內(nèi)容數(shù)據(jù),總結(jié)出「游戲卡」「工具卡」「內(nèi)容卡(攻略/帖子)」「賽事直播卡」「百科卡」「群聊卡」六類。
在下滑過程中,我們加入了「聚合卡」模塊。聚合卡的作用是聚合同類內(nèi)容,從而提高屏效。在種類上,我們分了攻略、視頻、用戶三類,展示精選的3到5項(xiàng)代表性內(nèi)容。若用戶感興趣,可通過點(diǎn)擊“查看更多”,跳轉(zhuǎn)到對應(yīng)的tab中。
3. 內(nèi)容信息層級優(yōu)化
關(guān)于內(nèi)容信息層級的優(yōu)化,需要結(jié)合大神現(xiàn)狀考慮。一是大神目前搜索算法基礎(chǔ)薄弱,難靠算法命中用戶所搜,需要借助信息層級的優(yōu)化來提效。二是大神內(nèi)容審核機(jī)制待建設(shè),內(nèi)容圖片與視頻的質(zhì)量均欠佳,需要調(diào)整圖文層級,突出高質(zhì)量內(nèi)容部分。在此基礎(chǔ)上,我們細(xì)分出具體的設(shè)計(jì)方案。
一是通過降低用戶和互動信息的比重,縮小單個(gè)搜索卡片的高度;
二是通過關(guān)鍵字飄紅來提高文字層級,降低圖和視頻在卡片中的比重,突出文字信息。
優(yōu)化后的方案可看出,同樣的內(nèi)容,首屏可多展示2-3項(xiàng)內(nèi)容,利用屏效的提高來彌補(bǔ)目前算法的不足。
六、項(xiàng)目總結(jié)
通過優(yōu)化搜索鏈路,大神用戶對搜索的滿意度、搜索滲透率與完成度也有顯著提升。但由于搜索本身對算法的依賴,更多設(shè)計(jì)方案有待算法基建完善后延伸。后續(xù)我們將不斷探索更多搜索鏈路優(yōu)化的方式,為用戶帶來更好的檢索使用體驗(yàn)。
作者:OK欣;公眾號:ASAK設(shè)計(jì)(ID:ASAK_Design),ASAK設(shè)計(jì)團(tuán)隊(duì)(Astro x Akira)
本文由 @ASAK設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
內(nèi)容詳細(xì)完善 感謝
內(nèi)容挺詳細(xì),贊
收藏了
圖片是用ppt做的嗎?