搜索功能更夠很好的提高用戶使用產(chǎn)品的效率，用戶對(duì)于這一功能的依賴性也比較大，所以設(shè)計(jì)好搜索功能將會(huì)很大程度上提高用戶體驗(yàn)。

由于搜索引擎技術(shù)的不斷成熟，加上用戶的時(shí)間越來(lái)越珍貴，像搜索這樣提高用戶檢索效率的功能在產(chǎn)品中已經(jīng)逐漸成為標(biāo)配。今天創(chuàng)新互聯(lián)來(lái)談一下搜索功能的設(shè)計(jì)。

首先搜索功能的原理主要就是三步：

• Step1：對(duì)用戶輸入信息的解讀轉(zhuǎn)譯
• Step2：根據(jù)用戶的輸入信息對(duì)內(nèi)容進(jìn)行篩選
• Step3：將篩選后的結(jié)果進(jìn)行排序

第一步主要是對(duì)用戶輸入的信息進(jìn)行轉(zhuǎn)譯的過(guò)程，通過(guò)切分用戶的輸入文本，過(guò)濾非相關(guān)內(nèi)容，進(jìn)行一個(gè)關(guān)鍵信息的解讀。第二步主要是對(duì)這些轉(zhuǎn)譯后的關(guān)鍵文本的結(jié)果進(jìn)行準(zhǔn)確率和召回率評(píng)估后的篩選。第三步是根據(jù)算法對(duì)內(nèi)容的相關(guān)度計(jì)算和業(yè)務(wù)相關(guān)性對(duì)篩選后的結(jié)果進(jìn)行打分后進(jìn)行排序。通過(guò)這三步就完成了一個(gè)搜索的過(guò)程?？赐炅怂阉鞯幕驹?，我們來(lái)看看搜索產(chǎn)品設(shè)計(jì)中的一些功能和特點(diǎn)。

搜索前的設(shè)計(jì)

首先看一下搜索前這個(gè)場(chǎng)景，在使用搜索前，用戶是一種帶有相對(duì)較明確的目的才會(huì)去使用搜索功能。所以對(duì)于搜索前這一場(chǎng)景，我們需要考慮的第一個(gè)問(wèn)題是搜索框在哪里，怎樣的交互形式呈現(xiàn)給用戶。

一般來(lái)說(shuō)，搜索框有三種常見(jiàn)樣式：

1. 以ICON的形式展示，功能使用在二級(jí)頁(yè)面
2. 與分類，發(fā)現(xiàn)合并出現(xiàn)在一個(gè)主tab上
3. 在首頁(yè)的頂部bar上直接外露展示

示例：

對(duì)于天貓這類的電商類產(chǎn)品，由于搜索是個(gè)高頻剛需，所以一般都會(huì)默認(rèn)置于最顯眼的首頁(yè)，并且大多會(huì)配以運(yùn)營(yíng)干預(yù)的空間，設(shè)置一些默認(rèn)的推廣詞，給一些特定的商品進(jìn)行導(dǎo)流曝光。像開(kāi)眼視頻這類也是一種常見(jiàn)的情況，往往是由于首頁(yè)的頂部區(qū)域有更為重要的結(jié)構(gòu)在展示著，如果像天貓那樣進(jìn)行平鋪會(huì)破壞一些整體的布局結(jié)構(gòu)，兩者相害取其輕，就采取了ICON的形式。

對(duì)于像布卡漫畫這樣的內(nèi)容產(chǎn)品，搜索和分類在一起的主tab上在結(jié)構(gòu)上其實(shí)也是很合理的，分類和搜索都是用以檢索的功能，所以將他們進(jìn)行聚類。那么一般來(lái)說(shuō)搜索不放在首頁(yè)展示的原因有：

• 通過(guò)數(shù)據(jù)監(jiān)控發(fā)現(xiàn)搜索的使用率不是很高
• 由于內(nèi)容數(shù)量的問(wèn)題，搜索后有比較高概率出現(xiàn)無(wú)結(jié)果

而第二點(diǎn)原因其實(shí)對(duì)于很多剛剛起步的APP來(lái)說(shuō)很重要，剛起步的APP一般數(shù)據(jù)量較小，所以很多往往都是先只提供分類檢索，而不提供搜索功能，避免出現(xiàn)提供了功能但卻喂不飽用戶需求進(jìn)而導(dǎo)致用戶流失的局面。

搜索中的設(shè)計(jì)

說(shuō)完了搜索前這個(gè)場(chǎng)景，那么我們來(lái)聊一聊搜索中的場(chǎng)景對(duì)應(yīng)功能該如何設(shè)計(jì)。搜索中場(chǎng)景下有幾個(gè)比較重要的功能設(shè)計(jì)點(diǎn)。

1.熱門搜索及歷史記錄：

騰訊動(dòng)漫

熱門搜索在搜索產(chǎn)品中也算一個(gè)比較常見(jiàn)的功能了。熱門搜索需要注意的有以下一些問(wèn)題：

• a.無(wú)搜索結(jié)果詞不進(jìn)入熱門搜索
• b.后臺(tái)建立熱門搜索的黑名單，將一些違禁詞或惡意刷量詞進(jìn)行管控
• c.建立白名單，方便運(yùn)營(yíng)對(duì)熱搜進(jìn)行排序調(diào)整或是手動(dòng)添加某熱搜詞
• d.多種內(nèi)容提供時(shí)，熱門搜索展示的內(nèi)容類型分布。

關(guān)于d這一條，再解釋一下，例如熱門搜索有作者，作品，商品。你是不管哪一種都進(jìn)行展示，還是根據(jù)業(yè)務(wù)對(duì)這幾種不同的類型進(jìn)行占比排布，展示60%作者，30%作品，10%商品，還是只展示搜索作品。這些都是需要由不同的產(chǎn)品形態(tài)和業(yè)務(wù)需要進(jìn)行調(diào)整的。

歷史搜索記錄這個(gè)功能是方便用戶進(jìn)行二次搜索的一個(gè)快捷入口，一般都是按照時(shí)間順序排列，最近搜索的在上方，騰訊動(dòng)漫的這個(gè)清空歷史記錄功能的位置處理的很好，很多APP會(huì)放在下方，容易出現(xiàn)搜索記錄很多的時(shí)候?qū)е逻@個(gè)清空歷史記錄的功能首屏不可見(jiàn)了。

2.搜索建議

搜索建議這一功能是為了滿足用戶只記得部分關(guān)鍵字等一些模糊搜索需求時(shí)的場(chǎng)景，同時(shí)還能節(jié)省用戶的操作成本，不用全部打完，只打出部分文字就可以給出建議搜索詞。搜索建議的注意點(diǎn)有：

• a.搜索建議詞的匹配規(guī)則
• b.搜索建議相關(guān)詞的高亮
• c.完全命中的建議結(jié)果有特殊的展示方式
• d.一些可操作內(nèi)容可以考慮是否要前置到建議列表，如播放，收藏
• e.同義詞的建議
• f.智能糾錯(cuò)
• g.拼音模糊匹配

關(guān)于搜索建議詞的匹配規(guī)則，在這里稍微展開(kāi)講一下。一般來(lái)說(shuō)的匹配原則為計(jì)算文本相關(guān)度算法，但對(duì)于大多數(shù)APP內(nèi)搜索其實(shí)是不用做到這么深入這種程度的。一般都是將用戶輸入的文本去依次匹配。

例如用戶輸入“妖”這個(gè)字，會(huì)先去檢索內(nèi)容(這里的內(nèi)容又要考慮到底是匹配作品名/商品名/作者/店鋪名/描述等)中第一個(gè)字為“妖”開(kāi)始的，再去檢索第二個(gè)字為“妖”開(kāi)始的。得到這些結(jié)果后又需要對(duì)這些結(jié)果進(jìn)行排序。一般是按照查詢量高低進(jìn)行排序，如果數(shù)據(jù)庫(kù)沒(méi)有記錄這些的話，還可以考慮從該建議詞的銷量，點(diǎn)擊，人氣，閱讀，評(píng)分等維度去進(jìn)行排序，總之就是把大多數(shù)人更加感興趣的結(jié)果排序提前。

關(guān)于同義詞的建議，這是一個(gè)相對(duì)高端一點(diǎn)的功能，但是確實(shí)能提高檢索信息的效率。解釋一下，就是建立一個(gè)同義詞的關(guān)聯(lián)規(guī)則，當(dāng)用戶輸入如“鳴人”能夠建議出“漩渦鳴人”這樣的同義詞。這個(gè)相對(duì)來(lái)說(shuō)高端一些，要建立關(guān)聯(lián)規(guī)則。所以一般非大廠的搜索不用做到這一程度。

下面看幾個(gè)示例：

先看看淘寶的搜索建議列表，亮點(diǎn)在于提供了細(xì)化搜索條件的信息前置，省去了用戶到搜索結(jié)果頁(yè)再去進(jìn)一步選擇。騰訊動(dòng)漫的搜索建議就是比較傳統(tǒng)的像我們上文提到的，從首字開(kāi)始匹配。而豆瓣的搜索直接省去了搜索建議這一步，豆瓣做的是響應(yīng)式搜索，用戶每次輸入停留后會(huì)自動(dòng)進(jìn)行搜索結(jié)果呈現(xiàn)。將不同分類的查找結(jié)果進(jìn)行了匯聚，可分別點(diǎn)擊查看各類型的詳細(xì)搜索結(jié)果列表信息。像豆瓣和淘寶都提供了搜索時(shí)先進(jìn)行搜索范圍的選擇，再進(jìn)行搜索的功能，是為了提高精準(zhǔn)度。

搜索后的設(shè)計(jì)

最后來(lái)講一下搜索行為后這一場(chǎng)景下的一些設(shè)計(jì)。搜索后其實(shí)也就是搜索結(jié)果頁(yè)的設(shè)計(jì)了。搜索結(jié)果頁(yè)比較重要的點(diǎn)有：

• 自主排序
• 篩選條件/篩選器
• 無(wú)結(jié)果的展示，例如猜你想搜等高關(guān)聯(lián)度結(jié)果推薦
• 搜索結(jié)果的默認(rèn)排序算法

下面看一下示例：

像騰訊動(dòng)漫的搜索結(jié)果，由于不像電商類有搜索結(jié)果量大，篩選條件繁多的問(wèn)題，所以處理比較簡(jiǎn)潔清晰，采用列表頁(yè)平鋪的樣式，同時(shí)提供了快速開(kāi)始閱讀的入口。而騰訊動(dòng)漫也只有一個(gè)系統(tǒng)的默認(rèn)序，沒(méi)有提供自主的排序選擇。而騰訊的默認(rèn)排序也比較清晰，先按照文本的相關(guān)度檢索規(guī)則，之后再按照人氣值降序排列。

像天貓由于結(jié)果量繁多，首先結(jié)果的呈現(xiàn)樣式采用了櫥窗式，提高商品的展示效率。天貓不僅提供了豐富的自主排序條件，還提供了一個(gè)功能強(qiáng)大的篩選器，可支持按品牌，類別，店鋪類型，服務(wù)折扣，商品所在地這些條件對(duì)結(jié)果進(jìn)行進(jìn)一步的篩選。

小紅書的結(jié)果亮點(diǎn)是它的標(biāo)簽系統(tǒng)，提供了一些跟你結(jié)果相關(guān)的標(biāo)簽，成為了僅僅篩選商品/筆記的一個(gè)補(bǔ)充,方便用戶去發(fā)現(xiàn)更多的可能。

總結(jié)

本文從產(chǎn)品設(shè)計(jì)和產(chǎn)品策略兩個(gè)方面對(duì)移動(dòng)端的搜索進(jìn)行了大概的分析介紹。里邊所描述的基本屬于輕量級(jí)搜索，適合早中期階段的產(chǎn)品。至于搜索引擎的架構(gòu)是如何的，有興趣的童鞋話可以自行再深入去了解下，從spider到倒排索引表一直到語(yǔ)義分析、點(diǎn)擊反饋、排序模型等等，這些是保證搜索引召回率和準(zhǔn)確率的關(guān)鍵。

希望這篇文章能讓你對(duì)搜索功能有一個(gè)更深刻的認(rèn)知。

本文標(biāo)題：了解搜索功能如何設(shè)計(jì)只需五分鐘
新聞來(lái)源：http://jinyejixie.com/news36/172536.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、面包屑導(dǎo)航、靜態(tài)網(wǎng)站、網(wǎng)站排名、App設(shè)計(jì)、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)