營銷網(wǎng)站建設(shè)
全網(wǎng)營銷網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開發(fā)
區(qū)塊鏈開發(fā)
物聯(lián)網(wǎng)項(xiàng)目開發(fā)
定制app開發(fā)
在線教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機(jī)械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫
文章編輯:網(wǎng)站建設(shè) 文章來源:建站行業(yè)資訊 瀏覽量:次
網(wǎng)站制作搜索功能之歷史記錄
歷史記錄適用兩種場景:一是搜索詞與歷史搜索有一定相關(guān)性,需要在歷史搜索的基礎(chǔ)上調(diào)整關(guān)鍵詞。二是搜索的關(guān)鍵詞,搜索結(jié)果可能有更新(如在 58 搜索酒仙橋三室一廳的租房信息,房源信息可能會增加)、搜索結(jié)果之前并未處理完(如在京東搜索加濕器,只瀏覽了第一頁,并未完成購買)或者需要再次搜索(如高德地圖中從不同的起點(diǎn)搜索某地、做路線規(guī)劃),這時(shí)需要重新輸入關(guān)鍵詞。
歷史記錄能提升重復(fù)搜索時(shí)的效率,但并非所有的搜索都需要?dú)v史記錄。如果搜索結(jié)果操作較為簡單,且通過一次即可完成,那么就可視情況省略。
比如App Store,無論是搜索關(guān)鍵詞或者精確的App名稱,用戶搜到之后,最有可能的動(dòng)作就是下載。如果不滿意,可能會離開,但離開后再搜索同一App的可能性很小,歷史記錄起到的作用有限。
考慮到搜索頁的空間、有效性,通常需要控制歷史記錄的數(shù)目和時(shí)間范圍。
歷史記錄的形式主要有兩種:一種是標(biāo)簽式,一種是列表式。標(biāo)簽式節(jié)約空間,列表式擴(kuò)展性強(qiáng)(可以展示更詳細(xì)的信息,也可支持收藏、刪除等操作)。
考慮到隱私問題,歷史記錄一般支持刪除。刪除有兩種,一種是刪除單條,一種是清空所有。刪除單條功能多見于列表式,一些標(biāo)簽類的也可采用長按的方式刪除單條(比如淘寶)。

圖9 網(wǎng)站搜索歷史記錄
需要注意的一點(diǎn),歷史記錄只用于搜索初期,后續(xù)可在適合的場景下,引導(dǎo)用戶使用收藏、訂閱、足跡等功能,打造更好的體驗(yàn)。例如,騰訊視頻記錄觀看歷史,不但使用戶免于搜索,而且可以記錄進(jìn)度。什么值得買,在搜索結(jié)果頁添加了“關(guān)注”按鈕,關(guān)注后用戶可以在首頁“關(guān)注動(dòng)態(tài)”tab看到持續(xù)更新的搜索結(jié)果。

圖10 網(wǎng)站搜索功能之更豐富的引導(dǎo)方式
網(wǎng)站制作搜索功能之熱搜
熱搜的作用類似于搜索框中的預(yù)設(shè)文案,起引導(dǎo)作用。但因?yàn)檩o助區(qū)的空間有限(鍵盤會遮蓋一部分),為盡可能提高利用率,熱搜的字?jǐn)?shù)通常會作出限制。
常見的熱搜主要有 4 種:
整個(gè)平臺用戶的熱搜
基于用戶的個(gè)性化推薦(根據(jù)用戶資料、軌跡等信息做智能化推薦)
平臺運(yùn)營內(nèi)容(為某些品類引流)
推廣(商業(yè)廣告)
熱搜的展示形式以標(biāo)簽為主。因?yàn)椴糠譄崴咽莻€(gè)性化推薦,可能會暴露隱私,一些App還貼心地設(shè)置了隱藏按鈕。
網(wǎng)站搜索功能之分類搜索
當(dāng)App中涉及到的業(yè)務(wù)、類型、品類多時(shí),可能出現(xiàn)多種類別的搜索結(jié)果,其形式和操作也不同。為了讓一部分目的明確的用戶(明確知道要搜索的類別),從中快速、準(zhǔn)確地找到自己預(yù)期的結(jié)果,常常采用分類搜索的方式。
網(wǎng)站設(shè)計(jì)搜索功能具體有 3 種方式:
搜索框分類選擇
輔助區(qū)分類選擇
搜索結(jié)果頁分類選擇
未在搜索框中選擇分類的,仍然有機(jī)會在搜索過程中選擇分類。淘寶采用tab的方式,區(qū)別展示“全部”、“天貓”、“店鋪”的搜索建議和結(jié)果。亞馬遜則在輸入過程中,提供類別的選擇(默認(rèn)搜索全部分類,但提供搜索小類的入口),同樣的還有58、京東、閑魚等。搜索框中的分類選擇,適合那些需求明確的用戶。如在鏈家中,搜索二手房還是租房,用戶是特別明確的。在搜索框中默認(rèn)限定類別,可能會導(dǎo)致搜索結(jié)果偏差。為了照顧到更多用戶,大多數(shù)App提供了“全部”類別,并默認(rèn)搜索“全部”類別下的結(jié)果,比如微博。
更多的App采用搜索結(jié)果分類的方式,將結(jié)果分門別類呈現(xiàn),減少用戶在搜索過程中的決策壓力。最常見的形式是tab式(代表:知乎、支付寶),第一個(gè)tab一般為各類結(jié)果的堆疊,后面每個(gè)tab為一類,便于切換。還有的采用標(biāo)簽來區(qū)分(代表:Facebook、網(wǎng)易考拉、京東)、用列表作為類別入口(代表:58)、直接將各個(gè)類別模塊堆疊起來(更像是列表式的擴(kuò)展,每個(gè)類別外露一些內(nèi)容,代表:微信、豆瓣)。
這幾種方式并不是完全獨(dú)立的,可以根據(jù)需要靈活運(yùn)用。


圖11 網(wǎng)站制作分類搜索的常見形式
網(wǎng)站制作搜索過程第二階段(開始輸入文字/字符)的反饋如下:
變化:搜索框中,引導(dǎo)文案消失,出現(xiàn)清除icon
匹配:根據(jù)輸入的內(nèi)容,進(jìn)行關(guān)鍵詞聯(lián)想
清除icon
清除icon是一個(gè)貼心的小設(shè)計(jì)。它的作用是一鍵清空搜索框中內(nèi)容,與引導(dǎo)文案交替出現(xiàn):鍵入文字時(shí),引導(dǎo)文案消失,清除icon出現(xiàn);點(diǎn)擊清除icon,文字清空,引導(dǎo)文案出現(xiàn)。
下圖是某App的截圖,需要注意取消按鈕的形式,避免與清除icon沖突,引起用戶困惑。

圖12 網(wǎng)站制作搜索功能避免取消按鈕和清除icon沖突
網(wǎng)站制作搜索功能兩種匹配機(jī)制
分析關(guān)鍵詞聯(lián)想之前,我們先來了解下兩種匹配機(jī)制:一種是輸入過程匹配,一種是輸入完成匹配。
網(wǎng)站搜索功能制作輸入過程匹配:在輸入時(shí),每輸入一個(gè)字/字母/字符,就進(jìn)行一次匹配,同時(shí)更新頁面信息。這里更新的信息,可以是針對輸入內(nèi)容進(jìn)行推薦的信息,也可以是直接的搜索結(jié)果。
前者是對輸入的內(nèi)容進(jìn)行關(guān)鍵詞聯(lián)想,如輸入“女”,推薦信息顯示“女包”“女鞋”“襪子女”等等。這種方式可以即時(shí)提供搜索建議、引導(dǎo)性強(qiáng)、可提高效率。
后者則是每輸入一個(gè)字/字母/字符,就立即對數(shù)據(jù)庫進(jìn)行一次搜索,同時(shí)把搜索結(jié)果展示出來。這種無需點(diǎn)擊搜索按鈕就實(shí)時(shí)展示搜索結(jié)果的方式,被稱為“即時(shí)搜索”。
即時(shí)搜索可以直接、快速地看到結(jié)果,在一定程度上可以提高搜索效率,但對計(jì)算能力要求高,若計(jì)算能力跟不上,則可能需要等待加載,從而影響體驗(yàn)。一般適合于數(shù)據(jù)量不大或者數(shù)據(jù)庫已經(jīng)下載到本地的情況。
例如,QQ郵箱預(yù)先已下載部分?jǐn)?shù)據(jù)到本地,搜索可即時(shí)看到結(jié)果(僅包含已下載的數(shù)據(jù)),點(diǎn)擊“在服務(wù)器上繼續(xù)搜索”,才向服務(wù)器請求數(shù)據(jù)。
網(wǎng)站制作搜索功能之輸入完成匹配:僅在輸入完成后,點(diǎn)擊“搜索”按鈕時(shí),才開始進(jìn)行搜索、匹配,直接展示搜索結(jié)果。這種方式省去了對輸入過程實(shí)時(shí)分析、引導(dǎo)的過程,適用于對搜索功能要求不高的情況。

目前很多App采用組合方式:輸入過程關(guān)鍵詞聯(lián)想+輸入完成執(zhí)行搜索。圖13 即時(shí)搜索與輸入完成匹配
這是一個(gè)很討巧的組合。既對用戶提供了必要的幫助和引導(dǎo),又減少了請求次數(shù),避免出現(xiàn)等待加載的狀況。
網(wǎng)站搜索功能之關(guān)鍵詞聯(lián)想
關(guān)鍵詞到底有什么作用?簡單來說是:聯(lián)想、匹配、引導(dǎo)、糾正。展開來說,有四個(gè)作用:
第一,用戶不一定清楚要搜的精確名稱,關(guān)鍵詞可以作為引導(dǎo)。
第二,系統(tǒng)可以根據(jù)已有的搜索數(shù)據(jù),對關(guān)鍵詞進(jìn)行關(guān)聯(lián)分類,并且與數(shù)據(jù)庫精確匹配。如果用戶選擇了做過關(guān)聯(lián)處理的詞,就可以獲得內(nèi)容更精確、數(shù)量更可控的搜索結(jié)果(而這次選擇,對系統(tǒng)本身也是一次反饋)。同時(shí),因?yàn)橐杨A(yù)先做了分類,搜索時(shí)可以直接調(diào)取、減少計(jì)算量,速度也更快。
第三,可以減少用戶的輸入錯(cuò)誤。
第四,提供很多很動(dòng)態(tài)的運(yùn)營位。
關(guān)鍵詞的展示形式比較靈活。最簡單的是根據(jù)輸入詞,直接展示聯(lián)想的關(guān)鍵詞(如今日頭條),但因?yàn)轫撁婵臻g有限,被鍵盤遮蓋后只能露出幾條,于是大家又發(fā)明了二級標(biāo)簽。它伴隨關(guān)鍵詞一起出現(xiàn),提供更多相關(guān)的入口。
如下圖,搜索“niu rou”,推薦關(guān)鍵詞“牛肉”,后面跟著 3 個(gè)小標(biāo)簽“風(fēng)干”“手撕”“張飛”,這 3 個(gè)關(guān)鍵詞都是對“牛肉”的再次聯(lián)想。點(diǎn)擊整欄,執(zhí)行搜索“牛肉”;點(diǎn)擊二級標(biāo)簽(如“張飛”),執(zhí)行搜索“牛肉張飛”。需要注意的是,二級標(biāo)簽的操作區(qū)域很小,對于操作精準(zhǔn)度要求高,數(shù)量不能超過 3 個(gè)。

圖14 網(wǎng)站制作搜索功能之 今日頭條直接展示聯(lián)想詞、京東采用二級關(guān)鍵詞標(biāo)簽
有時(shí)系統(tǒng)推薦的關(guān)鍵詞不夠精確,用戶需在后面輸入其它內(nèi)容。但無論是關(guān)鍵詞,還是二級標(biāo)簽,點(diǎn)擊后都直接執(zhí)行搜索,這就需要用戶在搜索結(jié)果頁再去激活搜索框,繼續(xù)完善搜索詞,中斷了搜索過程。YouTube、Facebook、亞馬遜、淘寶等采用了“向上補(bǔ)全”功能,點(diǎn)擊關(guān)鍵詞或二級標(biāo)簽,執(zhí)行搜索,點(diǎn)擊向上補(bǔ)全icon,會將關(guān)鍵詞補(bǔ)全到搜索框中。

圖15 網(wǎng)站制作搜索功能案例之淘寶的向上補(bǔ)全功能
還可以將關(guān)鍵詞對應(yīng)的搜索結(jié)果數(shù)量前置,便于用戶控制搜索詞的顆粒度,也避免出現(xiàn)無結(jié)果或者少結(jié)果的情況。代表有Twitter、大眾點(diǎn)評、喜馬拉雅、鏈家、百度外賣等。

圖16 關(guān)鍵詞后顯示結(jié)果數(shù)目
除了提供關(guān)鍵詞,還可以對輸入詞進(jìn)行判斷,適時(shí)提供分類建議(如58、京東、亞馬遜、閑魚等,可參考前文「J.分類搜索」一節(jié))。 58 作為一個(gè)綜合的生活服務(wù)平臺,業(yè)務(wù)類別多,搜索“牛肉”,在很多類別都有相關(guān)信息,選取“食品”和“招商加盟”這兩個(gè)可能性最大的類別推薦給用戶。

圖17 網(wǎng)站制作搜索功能案例之58 對輸入詞提供分類建議
另外,也可以將部分搜索結(jié)果前置,與關(guān)鍵詞一起顯示。這些搜索結(jié)果,可能是平臺用戶的熱搜、對當(dāng)前用戶的個(gè)性化推薦,也可能是平臺運(yùn)營、推廣的內(nèi)容。

圖18 將部分搜索結(jié)果前置顯示
網(wǎng)站制作搜索過程第三階段,點(diǎn)擊搜索按鈕/關(guān)鍵詞后,跳轉(zhuǎn)至搜索結(jié)果頁。深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。全文未完,詳見下篇
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點(diǎn),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】,我們在確認(rèn)后,會立即刪除,保證您的版權(quán)。
技術(shù)咨詢
價(jià)格咨詢
建議投訴
0755-82538016
關(guān)閉窗口