搜索功能分析:一個好的搜索功能有哪些結(jié)構(gòu)?
一個好的搜索功能,需要具備快、準(zhǔn)、人性化的特點,即讓用戶搜得更快、更準(zhǔn)、更舒心。本文作者從搜索入口、搜索過程、搜索結(jié)果等方面,對搜索功能的結(jié)構(gòu)進(jìn)行了拆解分析,一起來看一下吧。
一、什么是好的搜索功能?
好的搜索功能有三個特點:
- 快:讓用戶更快得到想要的搜索結(jié)果,完成搜索過程;
- 準(zhǔn):搜索結(jié)果準(zhǔn)確,符合用戶期望;
- 人性化:搜索功能人性化,易于理解和操作;
其實準(zhǔn)和人性化都是為了更快,人性化的操作幫助用戶快捷且準(zhǔn)確的表達(dá)自己的需求;給用戶提供精確的數(shù)據(jù),讓用戶更快的從系統(tǒng)提供的數(shù)據(jù)中找到符合期望的數(shù)據(jù);所以綜合來說好的搜索功能就是讓用戶搜得更快、更準(zhǔn)、更舒心。
二、搜索功能拆解
搜索功能可以拆解為三個部分:搜索入口、搜索過程、搜索結(jié)果。
搜索過程又可以拆解為三個動作:點擊搜索框/icon、輸入內(nèi)容、點擊搜索按鈕/關(guān)鍵詞。每個動作都有相應(yīng)的反饋。
1)點擊搜索框/icon
- 跳轉(zhuǎn):跳轉(zhuǎn)到搜索頁;
- 激活:激活搜索框,并顯示引導(dǎo)文案;
- 調(diào)起:調(diào)起搜索鍵盤;
2)輸入內(nèi)容
- 變化:搜索框中,引導(dǎo)文案消失,出現(xiàn)清除icon;
- 匹配:根據(jù)輸入內(nèi)容進(jìn)行關(guān)鍵詞聯(lián)想;
3)點擊搜索按鈕/關(guān)鍵詞
- 跳轉(zhuǎn):跳轉(zhuǎn)到搜索結(jié)果頁;
以下是對搜索功能的結(jié)構(gòu)拆解:
1. 搜索入口
五類搜索入口形式:
1)頁面頂部搜索框
應(yīng)用最廣泛的一種形式,滑動頁面時通常會將搜索框吸頂顯示,便于用戶隨時使用,此類形式適合對搜索功能依賴較重的產(chǎn)品。
舉例:如混沌大學(xué)、有道精品課、騰訊課堂等大部分都是采用此類型搜索框。
2)導(dǎo)航欄搜索icon
此類搜索入口應(yīng)用較為廣泛,位置一般在頁面右上角。相對頁面頂部搜索框來說,搜索icon的引導(dǎo)性稍差,運營空間也有限,但優(yōu)點是節(jié)約導(dǎo)航欄空間,適合于對搜索功能依賴不深的產(chǎn)品。
舉例:如跟誰學(xué)、流利說-英語、起點學(xué)院等主要通過各種推薦形式,以及分類等功能為用戶獲取信息。
3)底部導(dǎo)航tab的搜索按鈕
此類搜索形式不常見,因為底部導(dǎo)航tab是很重要的位置,一般是對搜索功能的依賴程度極高APP才會采用此種形式。比如App Store,一般對用戶下載軟件都是通過直接搜索。
4)隱藏的搜索框
這種形式的搜索功能是被弱化的,很少會有,通常入口不可見,有的折疊在其它入口中,有的可通過手勢喚起。此類形式適用搜索對于產(chǎn)品來說相對較弱但是又有可能用到的一個功能。比如IOS的信息模塊。
5)頁面中間的搜索表單
此類搜索入口多用于輸入多個限制條件的表單以及搜索按鈕,適用于只能通過搜索來達(dá)到自己明確目的的產(chǎn)品,如票務(wù),旅居之類需要時間地點等更多條件才能明確搜索目標(biāo)的業(yè)務(wù)。
后面三種形式的搜索入口都是對搜索有特殊要求的產(chǎn)品才會用到,大部分的APP都是采用前兩種方法。
2. 搜索過程
講完搜索入口后,我們繼續(xù)分析搜索過程,首先點擊搜索入口進(jìn)入搜索界面,而搜索界面主要分為搜索欄、輔助區(qū)和搜索鍵盤三部分;其次是輸入搜索內(nèi)容,搜索內(nèi)容又分為支持的內(nèi)容類型、聯(lián)想關(guān)鍵詞等;最后是點擊搜索/關(guān)鍵字去到搜索結(jié)果頁。
1)搜索界面—搜索欄
①搜索欄的形式
搜索欄有兩種常見的形式:兩種形式區(qū)別在于按鈕的設(shè)計,第一種有“返回”和“搜索”兩個按鈕,第二種僅有“取消”按鈕。舉例如混沌大學(xué)采用第一種搜索欄,跟誰學(xué)采用第二種搜索欄。
除此之外還有其他特殊形式。如有道精品課突破了傳統(tǒng)搜索框樣式,采用了更突出的形式。當(dāng)然現(xiàn)在還有增加圖片、語音、二維碼識別的入口,如支付寶的語音、淘寶的圖片識別,這也為信息輸入提供了更多的途徑。
②默認(rèn)提示詞
默認(rèn)提示詞就是在搜索輸入框內(nèi)默認(rèn)有的內(nèi)容,一般有兩種一種是引導(dǎo)用戶去輸入,例如有道精品課的“輸入搜索內(nèi)容”;另一種就是運營推廣,例如“隱秘的角落:內(nèi)容出圈新玩法”默認(rèn)推廣課程名稱。
2)搜索界面—輔助區(qū)
輔助區(qū)主要為用戶提供合適的推薦,以提高搜索效率。此外,也兼具運營屬性,可以作為推廣入口。主要有歷史搜索、熱門搜索、分類三種類型。
①搜索歷史
搜索歷史基本是一個搜索里面必備的功能點,大部分用戶的喜好是固定的,搜索有一定的重復(fù)性。搜索歷史一般適用兩種應(yīng)用場景:一是搜索詞與歷史搜索有一定相關(guān)性,需要在歷史搜索的基礎(chǔ)上調(diào)整關(guān)鍵詞。二是搜索的關(guān)鍵詞,搜索結(jié)果可能有更新、搜索結(jié)果之前并未處理完或者需要再次搜索,這時在搜索歷史里面選擇搜索詞就能提高搜索效率。
考慮到搜索頁的空間、有效性,通常需要控制歷史記錄排序、數(shù)目和時間范圍。
排序主流的都是根據(jù)時間倒序;
數(shù)目有兩種方式,第一種是僅顯示規(guī)定的數(shù)目(如混沌大學(xué)),第二種是默認(rèn)顯示規(guī)定數(shù)目,同時查看全部記錄(如得到)。一般都是采用第一種方式即可,采用第二種方式可能比用戶直接輸入更費時費力;
展示方式主要有兩種:一種是標(biāo)簽式(如混沌大學(xué)),一種是列表式(如得到)。標(biāo)簽式節(jié)約空間,列表式擴(kuò)展性強(qiáng)(可以展示更詳細(xì)的信息,也可支持收藏、刪除等操作)。
除了以上三點,還要考慮到用戶的隱私問題,所以歷史記錄一般支持刪除。刪除有兩種,一種是刪除單條(如得到),一種是清空所有(如混沌大學(xué)),當(dāng)然也有支持兩種方式的。
②熱門搜索
熱門搜索主要是把最近一段時間被搜索次數(shù)最多的詞展示出來,去引導(dǎo)用戶看一些最近熱門的商品或內(nèi)容,便于大部分用戶的快捷選擇;除此外就是運營層面的應(yīng)用,主要有三種:基于用戶的個性化推薦、平臺運營內(nèi)容(為某些品類引流)、推廣(商業(yè)廣告)。
關(guān)于熱搜主要考慮熱搜詞展示數(shù)量、排序、展示類型三個方面。
展示類型目前采用最多的是標(biāo)簽。
排序規(guī)則方面主要結(jié)合熱搜類型來考慮,如果單純是整個平臺用戶的熱搜,那就按熱度來排序,如果是考慮到運營需要,要么是全部由后臺控制(如得到的熱搜),要么是定下那些是運營位,設(shè)計熱搜詞和運營詞放置規(guī)則即可(如混沌大學(xué)的熱搜)。
熱搜詞的展示數(shù)量應(yīng)用最多的是固定數(shù)量,當(dāng)然如果希望展示更多,那么可以增加更多按鈕或者采用tab來承載不同分類下的熱搜詞。
除此之外,還可以通過視覺上的處理來突出重點信息,比如加個tag標(biāo)簽,如混沌大學(xué)的熱搜,把李善友這詞重點突出來。
③分類搜索
當(dāng)App中涉及到的業(yè)務(wù)、類型、品類多時,會出現(xiàn)多種類別的搜索結(jié)果。很多產(chǎn)品就會提供分類搜索的功能,讓一部分明確知道要搜索的類別的用戶,從中快速、準(zhǔn)確地找到自己預(yù)期的結(jié)果。
分類搜索有三種形式,搜索框分類選擇、輔助區(qū)分類選擇、搜索結(jié)果頁分類選擇。
搜索框中的分類選擇,適合那些需求明確的用戶。如在鏈家中,搜索二手房還是租房,用戶是特別明確的。在搜索框中默認(rèn)限定類別,可能會導(dǎo)致搜索結(jié)果偏差,因此會默認(rèn)搜索“全部”類別下的結(jié)果。
輔助區(qū)的分類選擇是在用戶搜索過程中提供分類選擇,同樣適合需求明確的用戶。而且相對于搜索框分類,輔助區(qū)tab搜索分類是支持搜索過程和搜索結(jié)果兩步驟中切換的。粉筆教育采用tab的方式,區(qū)別展示“試題”、“試卷”的搜索建議和結(jié)果。而輔助區(qū)分類選擇列表式,是把在搜索框加分類選擇精簡了,如有道精品課是在輸入過程中,如果搜索詞和分類相關(guān),才提供類別的選擇,否則默認(rèn)搜索全部。
更多的App采用搜索結(jié)果分類的方式,將結(jié)果分門別類呈現(xiàn),減少用戶在搜索過程中的決策壓力。最常見的形式是tab式(如極客時間、得到、樊登讀書),第一個tab一般為各類結(jié)果的堆疊,后面每個tab為一類,便于切換。還有的采用標(biāo)簽來區(qū)分(如京東)、用列表作為類別入口(如58)、直接將各個類別模塊堆疊起來(如混沌大學(xué)、890商學(xué)院)。
3)搜索界面—搜索鍵盤
從操作連貫性方面來說,鍵盤上的搜索按鈕更符合用戶習(xí)慣,所以APP搜索功能調(diào)起的鍵盤通常為搜索鍵盤,自帶“搜索”按鈕。
4)輸入內(nèi)容—內(nèi)容類型
輸入的搜索內(nèi)容最常見的是文字,當(dāng)然現(xiàn)在也有很多圖片和語音。
- 文字輸入主要是注意一下輸入域的一些基本限制條件和對應(yīng)的邏輯,比如輸入字符數(shù)限制;是否支持特殊字符,如果不支持那么輸入空格和輸入特殊字符對應(yīng)的toast提示等等。
- 圖片輸入目前也常見,例如粉筆教育,通過圖片搜索試題,原理就是通過人工智能圖像識別技術(shù),分析出來圖片里面試題,當(dāng)然也有的圖片直接跟數(shù)據(jù)庫里的商品圖片做對比,如淘寶。
- 語音輸入形式比較多樣,最基礎(chǔ)的就是語音轉(zhuǎn)文字功能,還有比如蝦米音樂和網(wǎng)易云音樂的聽歌識曲,通過語音搜索歌曲。
5)輸入內(nèi)容—聯(lián)想關(guān)鍵詞
首先我們說下聯(lián)想詞的作用:聯(lián)想、匹配、引導(dǎo)、糾正。
第一,用戶不一定清楚要搜的精確名稱,關(guān)鍵詞可以作為引導(dǎo)。
第二,系統(tǒng)可以根據(jù)已有的搜索數(shù)據(jù),對關(guān)鍵詞進(jìn)行關(guān)聯(lián)分類,并且與數(shù)據(jù)庫精確匹配,加快搜索數(shù)據(jù)庫速度。
第三,可以減少用戶的輸入錯誤。
第四,提供很多很動態(tài)的運營位。
接著我們聊聊聯(lián)想詞的設(shè)計要點,主要從展示形式、內(nèi)容來源、展示數(shù)量、排序規(guī)則等幾方面。
①展示形式
聯(lián)想關(guān)鍵詞的展現(xiàn)形式有兩種,一種是直接展示聯(lián)想詞的列表,如有道精品課直接展示聯(lián)想詞,當(dāng)然也有像得到這樣把聯(lián)想詞分類的。
一種是在列表的右邊增加二級關(guān)鍵詞標(biāo)簽,這種在電商比較常見,如京東。
②內(nèi)容來源
主要有三種,后臺維護(hù)聯(lián)想詞庫、個性化推薦、把搜索結(jié)果提前。
主要是后臺維護(hù)聯(lián)想詞庫,如有道精品課;把搜索結(jié)果提前,如得到;個性化推薦如騰訊課堂。
③聯(lián)想詞的數(shù)量
聯(lián)想詞展示的空間有限,一般都要規(guī)定展示數(shù)量。當(dāng)然也有像得到這種把結(jié)果提前的,可以展示更多也可不做數(shù)量限制。
④聯(lián)想詞的排序規(guī)則
排序規(guī)則有很多種,最簡單就是后臺自定義排序。如果詞庫太多,可以采用熱度(點擊次數(shù)等)高低來排序。當(dāng)然也能像得到這種搜索結(jié)果前置的,也能對聯(lián)想內(nèi)容分類排序。
⑤關(guān)鍵詞顏色+詳細(xì)描述+(圖標(biāo))+向上補(bǔ)全
關(guān)鍵詞一般用品牌色等來區(qū)分;圖標(biāo)的作用主要是為了示意用戶可點擊,一般是搜索圖標(biāo)或是箭頭;有些還會加上詳細(xì)類別,便于用戶篩選;向上補(bǔ)全主要是把關(guān)鍵詞補(bǔ)全到搜索框,方便用戶二次搜索時進(jìn)行修改。
6)輸入內(nèi)容—多詞搜索
早期的淘寶就有對不同商品屬性進(jìn)行多詞搜索,比如像“大碼”、“套頭”、“藍(lán)色”這些屬性詞。
7)輸入內(nèi)容—修改內(nèi)容
修改內(nèi)容一般都會兼容兩種,鍵盤上的退格鍵逐字刪除和清除icon。
清除icon是一個貼心的小設(shè)計,它的作用是一鍵清空搜索框中內(nèi)容,讓用戶二次搜索方便。
3. 搜索結(jié)果
搜索結(jié)果主要從搜索時機(jī)、展示形式、展示內(nèi)容、排序規(guī)則(rank邏輯)、輔助功能等方面來考慮怎么如何設(shè)計讓用戶更快捷的找到想要的結(jié)果。
1)搜索時機(jī)
搜索時機(jī)有兩種,實時搜索和非實時搜索。實時搜索合小數(shù)量范圍內(nèi)的搜索,一般是精確搜索,適合在聯(lián)系人,好友,我關(guān)注的等有固定且明確的小范圍的業(yè)務(wù)中使用;非實時搜索適合大量數(shù)據(jù)范圍的內(nèi)搜索,一般是模糊搜索,一般會采用輸入過程顯示聯(lián)想關(guān)鍵詞和輸入完成后執(zhí)行搜索。
2)展示形式
根據(jù)平臺的內(nèi)容復(fù)雜性有兩種采用的展示形式,一種是采用tab欄多個分類頁面展示,適合擁有不同類型的搜索內(nèi)容比較多時,如極客時間,一種是一個頁面堆疊展示,適合內(nèi)容類型單一如混沌大學(xué),當(dāng)然也有綜合兩種方式,適合搜索內(nèi)容復(fù)雜,如得到發(fā)現(xiàn)里面是商品大類,商品分為課程、聽書、電子書等小類,除此之外還分開筆記和用戶等不同大類)。
3)展示內(nèi)容
搜索結(jié)果中展示的具體內(nèi)容是通過分析用戶需求,找到最能命中用戶需求的信息。像在線教育平臺,更多是展示課程以及老師重點內(nèi)容,如得到和混沌大學(xué),展示重點都有封面(老師)、課程名、老師以及老師介紹、課程的簡要介紹(得到是一句話,混沌大學(xué)是標(biāo)簽)。
4)排序規(guī)則(rank邏輯)
搜索結(jié)果的rank邏輯是搜索功能最核心的邏輯之一,需要根據(jù)產(chǎn)品的不同發(fā)展階段不斷去優(yōu)化。最簡單話的搜索引擎規(guī)則是如Elasticsearch 的相似度算法被定義為檢索詞頻率/反向文檔頻率(TF/IDF) ,主要考慮檢索詞頻率、反向文檔頻率、字段長度準(zhǔn)則/字段長度歸一值三個因素。除此之外,還能根據(jù)平臺運營需求,增加影響排序的因素,比如搜索詞熱度等。
5)輔助功能
輔助功能主要是搜索內(nèi)容很多的情況下通過讓用戶增加條件縮小選擇范圍更快速更準(zhǔn)確的找到期望的內(nèi)容。主要有輔助篩選欄、搜索結(jié)果分類等方式。
①輔助篩選欄
輔助篩選來就是通過排序與篩選維度來縮小選擇搜索結(jié)果范圍,排序和篩選維度則與業(yè)務(wù)類型密切相關(guān),不同行業(yè)差異較大。通用的排序有時間、距離、熱度、價格、銷量等維度;篩選維度則更加豐富和個性化,甚至?xí)鶕?jù)搜索內(nèi)容進(jìn)行變化。如騰訊課程就有好評率排序、人氣排序等;也能根據(jù)分類篩選;還有課程類型、價格等篩選條件。
②搜索結(jié)果分類
可以參考前面的分類搜索的搜索結(jié)果分類部分。
③更細(xì)致的選擇標(biāo)簽
這種是更細(xì)致化的搜索篩選,主要適合與搜索內(nèi)容單一但是同一內(nèi)容還有不一樣的屬性,如衣二三,就會把衣服的碼數(shù)作為一個搜索結(jié)果的篩選標(biāo)簽。
4. 搜索異常態(tài)
異常態(tài)主要是用戶在特殊情況下出現(xiàn)的非正常狀態(tài),搜索的異常態(tài)主要有搜索無結(jié)果、首次搜索、網(wǎng)絡(luò)異常三種情況。
1)搜索無結(jié)果
搜索無結(jié)果有兩種情況,一種是完全搜索不到內(nèi)容,一種是搜索的內(nèi)容太少。
①完成無內(nèi)容
有兩種解決方案,一種是空白頁,給一個小icon,一句安慰用戶的提示語,讓用戶不至于那么生氣(如得到);另一種是給出其他推薦,這樣不至于讓用戶的操作走向一條“死路”(如跟誰學(xué))。
②搜索的內(nèi)容較少
也是有兩種解決方案。和上面的解決方案類似,匹配相關(guān)結(jié)果進(jìn)行補(bǔ)足,或者提示用戶更換關(guān)鍵詞、擴(kuò)大搜索范圍、進(jìn)行訂閱等。
2)首次搜索
首次使用搜索功能,一般都會缺少某些數(shù)據(jù),比如“搜索歷史”,這時候要考慮到這些功能處理方式,比如無歷史搜索記錄則不保留搜索歷史的標(biāo)題等等。
3)網(wǎng)絡(luò)異常
網(wǎng)絡(luò)異常是每個功能都要考慮的情況,在搜索功能中主要考慮三個問題:
①異常提醒在哪個頁面更合適,用什么樣的方式提醒打擾最少
比如,當(dāng)沒有網(wǎng)的時候,用戶應(yīng)該還能正常點擊搜索框,進(jìn)入搜索頁面,這時候由于網(wǎng)絡(luò)問題“熱門搜索”功能可能顯示不出來,這時候應(yīng)該給用戶一個網(wǎng)絡(luò)異常的提醒。
②聯(lián)想詞頁面的網(wǎng)絡(luò)異常處理方式
常見的有3種,第一種是直接沒有聯(lián)想詞頁面,第二種是有聯(lián)想詞頁面,但是是空白的,第三種是用上一次搜索的聯(lián)想詞內(nèi)容,個人還是傾向第二種處理方式,大家可以試一下。
③搜索結(jié)果頁的網(wǎng)絡(luò)異常處理方式
常見的也有2種,第一種是點擊完搜索直接又跳回來,toast提示異常,第二種是在搜索結(jié)果頁給一個異常狀態(tài),告訴用戶網(wǎng)絡(luò)異常。這其實上面我們說的異常提醒在哪個頁面更合適是一個問題。
本文由 @進(jìn)擊的產(chǎn)品 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
很詳細(xì)!受教了!