搜索就像是用戶和系統(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)能夠幫助用戶快速輕易地找到他們想要的東西。