發(fā)布時(shí)間:2024-04-13 17:56:49 瀏覽量:223次
搜索功能在各大APP中可以說是司空見慣的標(biāo)配,相對(duì)“社交流量”的信息找人,“搜索流量”是人找信息,它傳遞的是一種“我想知道”的信息。搜索的算法設(shè)計(jì)可以很簡單也可以很復(fù)雜,本文旨在帶對(duì)搜索感興趣的你了解“點(diǎn)擊搜索框到出現(xiàn)搜索結(jié)果”背后的故事。
先從搜索框的設(shè)計(jì)思路說起。UI元素不多提,主要強(qiáng)調(diào)一下宏觀上“針對(duì)不同用戶的不同需求設(shè)計(jì)搜索模塊”的產(chǎn)品思維。
我們看看iOS系統(tǒng)、產(chǎn)品經(jīng)理APP、淘寶、Google的搜索位置和設(shè)計(jì)(如下圖),從左到右依次是手機(jī)系統(tǒng)->閱讀類APP->電商類APP->搜索引擎的代表,用戶在這些場(chǎng)景里對(duì)搜索的需求依次增強(qiáng),搜索在頁面上的表現(xiàn)形式也依次增強(qiáng):搜索半隱藏->搜索icon->搜索在頂部欄固定->索索是首頁主體。
(iOS系統(tǒng)、產(chǎn)品經(jīng)理、天貓、Google搜索框設(shè)計(jì))
產(chǎn)品經(jīng)理APP,搜索功能以icon的形式放在首頁右上角,它的搜索功能非常弱(搜索結(jié)果常常不如人意),首頁強(qiáng)調(diào)的是運(yùn)營的結(jié)果——“你應(yīng)該知道”的信息,弱化了搜索功能——“你想知道”的信息,也可能是出于開發(fā)成本的緣由弱化了搜索。
在抖音和快手APP里,抖音將搜索功能以icon的形式放在首頁左上角,快手將搜索功能放在個(gè)人頁(二級(jí)頁面)里,體驗(yàn)下來,抖音的搜索功能的體驗(yàn)比快手更好,快手也是避短了。以上從本質(zhì)上說,都是為了給用戶提供更好的產(chǎn)品體驗(yàn)。
(左:抖音,右:快手)
搜索icon背后的邏輯是通向“理想結(jié)果”的通道,大致分為四步:
用戶在搜索框輸入的內(nèi)容,常見的是文本,現(xiàn)在也有圖片、語音的方式。
在搜索框內(nèi)設(shè)置“引導(dǎo)暗文”屢見不鮮,它既可以教育新用戶可以搜索哪些關(guān)鍵詞(如下左圖),也可以承擔(dān)運(yùn)營推廣、商業(yè)化的職能(如下右圖)。
(左:多抓魚,右:美團(tuán))
用戶有時(shí)候會(huì)重復(fù)搜索同一內(nèi)容,保留搜索歷史就顯得有必要了。移動(dòng)APP的搜索歷史記錄大致有兩種展示樣式,列表式和按鈕式,按搜索時(shí)間倒序排列,超過顯示條數(shù)會(huì)被折疊。搜索歷史刪除功能有單條刪除或一鍵清除兩種。
搜索歷史記錄下常配有熱門推薦、特色欄目、話題榜等運(yùn)營模塊。在資訊APP中,以熱度榜最為常見,以“標(biāo)題+熱度值或熱度角標(biāo)”的方式出現(xiàn),讓用戶能快速了解當(dāng)前的熱點(diǎn)從而點(diǎn)擊感興趣的內(nèi)容進(jìn)入“消費(fèi)場(chǎng)景”。
這些模塊涉及各自的排序算法或業(yè)務(wù)邏輯,其中蘊(yùn)含商業(yè)化和運(yùn)營價(jià)值,如在熱議榜中穿插運(yùn)營活動(dòng)或廣告或搜索掛件,但要注意熱度和體驗(yàn)的合理性,避免出現(xiàn)突兀感降低用戶的信任感和體驗(yàn)感。
(資訊APP搜索頁面截圖)
如果內(nèi)容類型較多,產(chǎn)品會(huì)傾向于先讓用戶限定范圍再搜索,使搜索結(jié)果更精準(zhǔn),如微信搜索(如下左圖),也有的APP是在搜索結(jié)果上做分類,如資訊APP(如下右圖)。
(左:微信,右:今日頭條)
除了歷史搜索,有沒有其他提高用戶輸入效率、降低輸入錯(cuò)誤率的辦法?
自動(dòng)補(bǔ)全是不錯(cuò)的方法。這是基于產(chǎn)品定位或基于用戶行為/畫像的聯(lián)想部分,對(duì)于前者的理解,如用戶在京東APP上搜索水蜜桃,用戶是想購買水蜜桃,而不是想搜索水蜜桃的百科;對(duì)于后者的理解,如用戶先前瀏覽過陰陽師手辦,當(dāng)他在搜索框輸入“陰陽師”的關(guān)鍵詞時(shí),“陰陽師手辦”會(huì)是自動(dòng)補(bǔ)全的首選。
(自動(dòng)補(bǔ)全示例)
另外,當(dāng)用戶點(diǎn)擊搜索按鈕后,若需要等待搜索結(jié)果,需要有加載提醒的標(biāo)識(shí),避免用戶認(rèn)為搜索功能無響應(yīng)。
對(duì)用戶搜索意圖的分析涉及分詞和詞語處理。
分詞也稱“文本詞條化”,但總的來說用戶更傾向于輸入“連衣裙 藍(lán)色”代替“我想要買一條藍(lán)色的好看的連衣裙”。分詞依賴分詞庫和詞性判斷,前者需要維護(hù)一個(gè)和產(chǎn)品定位相匹配的詞庫(市面上已有很多開源且豐富的詞庫), 詞庫的維護(hù)涉及新詞發(fā)現(xiàn),從大數(shù)據(jù)的分析可以將新詞發(fā)現(xiàn)的流程自動(dòng)化,人工抽檢即可,例如詞語“中國有嘻哈”是2017年才有的新詞,代表一檔Hip-hop音樂選秀節(jié)目。而詞性判斷涉及用詞性庫和上下文去分析詞語的詞性。
詞語處理包括停用詞過濾、同義詞/近義詞轉(zhuǎn)換、詞條歸一化、自動(dòng)糾錯(cuò)等。
停用詞過濾指剔除“的”、“了”這類無意義的詞或字,主要是通過詞或字出現(xiàn)頻次判斷,市面上也有可用的停用詞庫。
用戶在使用搜索的時(shí)候難免會(huì)有輸錯(cuò)關(guān)鍵詞或表意不清的情況,這時(shí)候理解用戶搜索意圖需要“自動(dòng)糾錯(cuò)”,主要是通過噪聲信道模型去糾正用戶的錯(cuò)誤輸入,糾錯(cuò)的類型一般有:
結(jié)果頁頂部最好保留疑似錯(cuò)誤關(guān)鍵詞的搜索結(jié)果入口,避免機(jī)器誤判損傷產(chǎn)品體驗(yàn)。
(百度搜索“自動(dòng)糾錯(cuò)”示例)
在對(duì)內(nèi)容進(jìn)行召回前,我們需要通過索引去連接內(nèi)容,就像查字典時(shí)用的查字目錄。搜索的索引是倒排索引(inverted index),可以簡單理解為“需要根據(jù)屬性的值來查找記錄”。
以電商為例,如下圖:
(倒排索引示例)
召回內(nèi)容時(shí)一般根據(jù)相似度分值擇優(yōu)召回。以資訊APP為例,即計(jì)算關(guān)鍵詞和文章的相似度,通常是通過tfidf算法計(jì)算關(guān)鍵詞和文本的相似度(標(biāo)題、摘要、正文等不同文本有不同權(quán)重)或通過embedding(向量化)召回。
排序可以考慮內(nèi)容靜態(tài)分,評(píng)論、點(diǎn)贊、收藏等業(yè)務(wù)數(shù)據(jù)可以是影響最終score的因素。如果有個(gè)性化部分(如電商),機(jī)器會(huì)基于用戶畫像,在召回和排序的時(shí)候?qū)⒂脩艨赡茏铌P(guān)心的內(nèi)容優(yōu)先召回和排序。重排環(huán)節(jié)加上業(yè)務(wù)邏輯,如商業(yè)化廣告、運(yùn)營活動(dòng)等,該次搜索的結(jié)果展示list就準(zhǔn)備好了。
對(duì)于時(shí)效性要求比較強(qiáng)的產(chǎn)品,如資訊APP,還需要加上一個(gè)時(shí)間衰減因子,避免將老舊內(nèi)容先推出。
搜索結(jié)果展示頁,常規(guī)的是根據(jù)相似度計(jì)算+業(yè)務(wù)邏輯的“關(guān)鍵詞推薦”,另一種是“聯(lián)想推薦”,適合的場(chǎng)景有:
另外,在搜索結(jié)果頁的一個(gè)小技巧,對(duì)命中關(guān)鍵詞的文字進(jìn)行高亮顯示,讓搜索結(jié)果更加“一目了然”。
(資訊APP搜索“慶余年”,結(jié)果展示頁)
以資訊APP為例,我們來看看搜索優(yōu)化的核心目標(biāo)、觀測(cè)指標(biāo)和算法評(píng)估指標(biāo)。
核心指標(biāo):搜索成功率=有點(diǎn)擊的query次數(shù)/總query次數(shù)(成功的定義可以是一次搜索后有消費(fèi)行為,如滿足時(shí)長指標(biāo)的點(diǎn)擊等)
全鏈路指標(biāo):
搜索算法評(píng)估指標(biāo):NDCG
目前市面上常見的搜索商業(yè)化有:
(左中:京東,右:淘寶)
這些位置多以CPM(Cost Per Mille)和CPC(Cost Per Click)的方式進(jìn)行廣告合作,常見的付費(fèi)方式還有CPD(Cost Per Download)、CPA(Cost Per Action)、CPP(Cost Per Purchase)等等。
目前資訊APP的搜索較少個(gè)性化(電商搜索有部分個(gè)性化),主要是基于NLP去設(shè)計(jì)開發(fā)搜索功能。隨著大數(shù)據(jù)和機(jī)器學(xué)習(xí)的發(fā)展,搜索的技術(shù)和功能設(shè)計(jì)也將會(huì)在NLP基礎(chǔ)上,利用用戶行為數(shù)據(jù),往理解用戶(query understanding),搜索延展(query expansion )、搜索推薦(query suggestion)縱深,如深度學(xué)習(xí)模型訓(xùn)練、Learning to rank,如根據(jù)用戶搜索后的點(diǎn)擊行為選擇訓(xùn)練集等等,從而設(shè)計(jì)出更“貼心懂你”的搜索。
我們通過幾個(gè)問題感受下這種趨勢(shì):
本文由 @張小喵Miu 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!