搜索結(jié)果頁優(yōu)化

搜索就像是用戶和系統(tǒng)之間的對話:用戶鍵入他們的信息需求作為問詢關(guān)鍵詞,系統(tǒng)則展現(xiàn)出它的回答作為一組結(jié)果。搜索結(jié)果頁是搜索體驗(yàn)的一個重要部分:它提供了一個能夠引導(dǎo)用戶信息需求的對話機(jī)會。

交互過程中,在用戶點(diǎn)擊搜索按鈕之后不要抹除他們的搜索詞,保留原始的搜索關(guān)鍵詞文本。重新闡述關(guān)鍵詞在很多信息檢索過程中都是極其重要的步驟。如果用戶沒找到他們想要的結(jié)果,他們可能會用微調(diào)后的關(guān)鍵詞再次搜索。為了讓這個過程更加簡單,就在搜索框中給用戶保留他們最初鍵入的文本吧,這樣他們就可以不用再重新鍵入搜索關(guān)鍵詞了。

搜索結(jié)果頁是搜索體驗(yàn)的主要焦點(diǎn),并且是決定網(wǎng)站轉(zhuǎn)化率成敗的關(guān)鍵。用戶通常會通過一兩組搜索結(jié)果的質(zhì)量,對網(wǎng)站的價值做出快速判斷。給用戶返回準(zhǔn)確的搜索結(jié)果顯然非常重要,否則他們就不再信任這個搜索工具了。因此很必要的一點(diǎn)是,以一種實(shí)用的順序來排列搜索結(jié)果,并且最重要的內(nèi)容都要出現(xiàn)在搜索結(jié)果的第一頁。

提到搜索建議,我們需要采用有用的自動建議,無用的自動建議會傳遞出一種糟糕的搜索體驗(yàn)。比如搜索“上海迪士尼樂園酒店”,當(dāng)用戶輸入“上?!眱蓚€字時,應(yīng)該匹配前面兩個字是上海的結(jié)果,而不是匹配出“大上海酒店”之類的結(jié)果。因此要確保自動建議是有效用的。有幫助的功能包括識別詞根,預(yù)測輸入文本并在用戶鍵入時給出提示。這些功能可以加速用戶的搜索進(jìn)程,并讓用戶在搜索中順利完成轉(zhuǎn)化。

我們在搜索輸入文字時,打字很容易輸錯。如果用戶錯誤輸入了關(guān)鍵詞而你可以監(jiān)測出來,那么你就能在顯示結(jié)果的時候,以猜測的修正的關(guān)鍵詞的結(jié)果,代替那個錯誤關(guān)鍵詞的結(jié)果。這就避免了用戶因?yàn)檩斿e得到“無搜索結(jié)果”而被迫重新輸入而產(chǎn)生的挫敗感。

在用戶搜索出結(jié)果后,我們應(yīng)該展示搜索結(jié)果的數(shù)量,這樣用戶就可以大致決定要花多長時間來瀏覽這些結(jié)果。顯示匹配結(jié)果的條目數(shù)可以讓用戶在重新闡述關(guān)鍵詞時有更多參考信息。比如在搜索“上海酒店”后,顯示上海有1000家酒店;還有一種就是分類的搜索結(jié)果數(shù)量,比如上海市區(qū)有300家酒店,上海虹橋機(jī)場有100家酒店等。

在用戶搜索過后,我們要保留用戶的最近搜索關(guān)鍵詞,雖然用戶很熟悉搜索功能了,但有時搜索仍會需要用戶從他們的記憶中回想信息。要想出一個有意義的搜索關(guān)鍵詞,用戶得仔細(xì)考慮跟自己的目標(biāo)相關(guān)的詞匯并整合到一起。所以設(shè)計搜索流程的時候,你需要時刻記住一條基本的可用性原則:尊重用戶的努力;你的網(wǎng)站應(yīng)該要存儲所有用戶最近用過的搜索詞,以便用戶下次執(zhí)行搜索時提供給他。最近搜索結(jié)果能讓用戶在搜索相同內(nèi)容時節(jié)約時間和精力,同時展示10個以內(nèi)的條目,不要用滾動條,這樣信息就不會過多。

如何設(shè)計搜索結(jié)果頁的頁面布局,展示搜索結(jié)果的一大挑戰(zhàn)就是不同類型的內(nèi)容需要不同的布局。內(nèi)容呈現(xiàn)的兩大基本布局是列表式和網(wǎng)格式。我的經(jīng)驗(yàn)就是:細(xì)節(jié)用列表式,圖片用網(wǎng)格式。列表式更適合以細(xì)節(jié)為導(dǎo)向的布局,網(wǎng)格式對展示細(xì)節(jié)較少的產(chǎn)品或是展示相似產(chǎn)品的APP來說,則是一個更好的選擇。例如服裝類商品,在不同產(chǎn)品間挑選時較少考慮以文字為主的各種產(chǎn)品細(xì)節(jié),影響用戶最終購買的主要因素還是產(chǎn)品的外觀。這類產(chǎn)品,用戶更關(guān)注產(chǎn)品間的視覺差異,這種情況下他們寧愿在一個長頁面中上下滑滾動查看,而不是在列表頁和詳情頁之間來回切換。允許用戶選擇搜索列表的呈現(xiàn)方式是“列表式”或“網(wǎng)格式”,讓你的用戶能以他們更喜歡的方式來查看結(jié)果。提供一系列布局選項(xiàng)允許用戶改變布局,設(shè)計網(wǎng)格式布局時,選擇合適的圖片大小,讓它們足夠大到能辨識出來,也足夠小到可以讓更多產(chǎn)品在同時顯示。

我們也需要顯示搜索進(jìn)度。理想情況下搜索結(jié)果應(yīng)該是立即顯示的,但是如果不能及時顯示,那么應(yīng)當(dāng)用一個進(jìn)度指示器提供系統(tǒng)反饋給用戶,給用戶一個清晰的指示告訴他們需要等多久。如果搜索時間過長,可以用動畫效果,好的動畫效果能轉(zhuǎn)移用戶的注意力,讓他們忽略較長的搜索時間。

在搜索結(jié)果頁,要注意提供分類和篩選選項(xiàng)。當(dāng)搜索展示的都是看起來無太相關(guān)的或是太多信息時,用戶會變得不知所措。你應(yīng)當(dāng)給用戶提供跟他們的搜索相關(guān)的篩選器,讓他們每次篩選結(jié)果的時候可以選中多重選項(xiàng)。篩選器可以幫助用戶縮小范圍并組織他們的結(jié)果,否則可能需要大量額外的分頁或滾動操作。確保不讓用戶在太多選項(xiàng)中迷失,這很重要。如果你的搜索真的需要很多過濾器,那么在默認(rèn)情況下需折疊展示。不要把分類功能藏到篩選功能中,它們是兩個截然不同的任務(wù)類型。當(dāng)用戶選了較窄的搜索范圍,在搜索結(jié)果的頂端清楚地顯示篩選的范圍。

在搜索結(jié)果后,不要返回“沒有結(jié)果”。把用戶扔到一個沒有結(jié)果的頁面會讓人感到很沮喪的,特別是當(dāng)他們已經(jīng)嘗試了好多次搜索。當(dāng)用戶的搜索沒有匹配的結(jié)果時,應(yīng)當(dāng)盡量避免讓用戶有種走入了死胡同的體驗(yàn)。沒有匹配結(jié)果時需要給用戶提供有價值的替代方案。例如電商網(wǎng)站可以從同一品類下面提供其他替代產(chǎn)品。

搜索是建立良好網(wǎng)站的關(guān)鍵因素,用戶在尋找或?qū)W習(xí)時,期待流暢的體驗(yàn),并且會通過一兩組搜索結(jié)果來快速判斷網(wǎng)站的價值。一個優(yōu)秀的搜索工具應(yīng)當(dāng)能夠幫助用戶快速輕易地找到他們想要的東西。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 業(yè)務(wù)場景 優(yōu)化方案 1. 首屏服務(wù)端渲染 方案一:node+ejs 方案二:node+vue+vuex 適用的場景...
    CristicMei閱讀 454評論 2 1
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,094評論 25 709
  • 題目1:如何判斷一個元素是否出現(xiàn)在窗口可視范圍(瀏覽器的上邊緣和下邊緣之間,肉眼可視)。寫一個函數(shù) isVisib...
    Komolei閱讀 146評論 0 0
  • 父親呵 你騎馬從麥田走過 是否看見路邊傾覆的獨(dú)輪車 那條桐花巷子 夕陽和花早已零落 你去了隔壁村莊嗎? 村口的青石...
    扁竹桃仙人閱讀 226評論 0 3
  • 在佛教經(jīng)典《金剛經(jīng)》里,佛陀與他的弟子須菩提長老在對話中談到了佛有“五眼”,肉眼,天眼,慧眼,法眼,佛眼。她們在佛...
    黎江天雨飛花閱讀 3,423評論 1 1

友情鏈接更多精彩內(nèi)容