「搜索」就如同用戶與系統(tǒng)之間的對話——用戶的問題是其對某信息的需求;而系統(tǒng)的答案則是一系列的搜索結(jié)果。搜索結(jié)果頁面作為用戶搜索體驗的重要組成部分,它就像一座燈塔,為用戶所需指引「前行的路」。
這篇文章,譯者結(jié)合京東、淘寶等平臺上的搜索體驗,簡單易懂地告訴你 10 條提升用戶搜索體驗的最佳實踐。
一定要保留原搜索信息。查詢重構(gòu)(query reformulation)在許多信息搜索過程中都非常重要。如果用戶找不到想要的信息,他們也許會稍微調(diào)整搜索關(guān)鍵詞再次搜尋。
要將整個過程簡化的話,最好保留搜索歷史,這樣就能避免用戶再次搜索時重新輸入所有信息。
舉個例子:在搜索框中分別輸入「傻不拉嘰狗糧」和「狗糧」,若搜索結(jié)果一樣的話,那么「狗糧」就是對「傻不拉嘰狗糧」的重構(gòu)。
搜索結(jié)果的首頁至關(guān)重要。這一頁是用戶搜索體驗的重要來源,它事關(guān)整個網(wǎng)站的轉(zhuǎn)化率。用戶通常會快速評估網(wǎng)站的價值,而其評估標準則是基于搜索結(jié)果的質(zhì)量。
此外,搜索結(jié)果一定要精確,否則用戶就不再信任該搜索工具。因此,搜索結(jié)果一定要優(yōu)化排序,最重要的結(jié)果一定要放在最前面。
沒用的自動提示,不敢說它搜索體驗能好到哪里去。所以,要提供有用的自動提示,包括詞根識別、文本預測、以及用戶輸入文本后的相關(guān)推薦。
通過有效的自動提示,整個搜索進程可以更快,讓用戶有始有終,從而保證網(wǎng)站轉(zhuǎn)化率。
打字過程中,誰都難免出錯。如果用戶不小心輸入錯誤信息,而系統(tǒng)又能發(fā)現(xiàn)該錯誤,并且還能提供你猜測或修正后的搜索內(nèi)容,那這個系統(tǒng)就會讓人眼前一亮了。
前文第 1 條中,通過關(guān)鍵詞「傻不拉嘰狗糧」,搜索出的結(jié)果仍是「狗糧」相關(guān)的商品,就是很好的例子。這樣,也不會讓用戶在整個搜索體驗中感到沮喪。畢竟,用戶面對的不再是「找到 0 個結(jié)果」頁面,也不用再次輸入關(guān)鍵詞二次搜索。
我以為蘋果鼠標叫「iMouse」,結(jié)果只有「找到 0 個結(jié)果」:
而京東好像明白我在找什么:
在頁面上顯示搜索結(jié)果的數(shù)量,讓用戶心里有數(shù),從而可以決定到底花多少時間瀏覽這些結(jié)果。
即使我們對搜索工具了如指掌,有時候仍需要回憶相關(guān)搜索信息。要搜索到滿意的結(jié)果,用戶會通過發(fā)散性思維,將相關(guān)聯(lián)的內(nèi)容都輸入到搜索框中。
所以,在設計搜索體驗時,可不要忘了基本的可用性原則——哪怕是用戶的一丁點投入,也值得你萬分關(guān)注。
要保留最近所有的搜索歷史,以方便大家在下次搜索時進行必要的關(guān)聯(lián)。
△ 保留了搜索歷史,用戶想要再次搜索的時候就可以節(jié)省時間和人力了
小提示:搜索歷史條數(shù)不要多于 10 條(并且最好不借助滾動條),不然信息量太大也不好。
顯示搜索結(jié)果的挑戰(zhàn)之一,是不同類型的內(nèi)容需要用不同的視圖模式來呈現(xiàn)。
這個經(jīng)驗法則在具體的產(chǎn)品頁面有何體現(xiàn)呢?大家都知道,產(chǎn)品的具體特征非常重要。比如家電這類產(chǎn)品,用戶在瀏覽搜索時重點會關(guān)注它們的細節(jié)(型號、尺寸等)。這種情況下,列表視圖就更好用。
△ 對于需要呈現(xiàn)細節(jié)的產(chǎn)品,列表視圖再合適不過了
而不需要呈現(xiàn)太多產(chǎn)品細節(jié)的產(chǎn)品,則推薦用柵格視圖來呈現(xiàn)。比如首飾這類產(chǎn)品,用戶在瀏覽選擇時不會過多依賴于文本信息,主要看的還是「顏值」。
用戶關(guān)注的是產(chǎn)品間的視覺差別,寧愿在「瀑布式」頁面上不斷地往下滑,也不愿重復地在列表視圖和產(chǎn)品細節(jié)頁面不停地切換。
△ 對于需要呈現(xiàn)視覺體驗的產(chǎn)品,柵格視圖再合適不過了
小提示:
我們搜索時,最理想的狀態(tài)是搜索結(jié)果可以立馬顯示出來。但若做不到的話,最好通過進度顯示條暫時用作對用戶的反饋。此外,如果能準確地提示用戶需要等待的時間,那就錦上添花了。
△ 京東旅行在搜索航班信息時,有一個橙色飛機進度條。當飛機從界面左端逐漸向右端滑行時,從最開始未找到航班信息的動效開始,逐漸到「已為您找到 x 個航班」,待航班數(shù)量不斷增加并最終完成搜索后,該進度條才消失。
小提示:如果搜索時間太長,不妨試試加入動效。好的動效,可以轉(zhuǎn)移用戶的注意力,這在一定程度上能減少用戶對長時間等待的抱怨。
如果用戶通過關(guān)鍵詞搜索得到的結(jié)果頁面信息量過大,或者結(jié)果無關(guān)的,那就真的尷尬了。設計過程中,最好加入篩選功能,讓用戶自行篩選有用的信息,從而篩選出用戶想要的搜索結(jié)果。
△ 篩選功能可以幫助用戶過濾搜索結(jié)果,否則用戶會花大量時間和功夫不斷地向下滑動或翻頁。
小提示:
用戶得到「找到 0 個結(jié)果」反饋,是非常沮喪的,特別是在多次嘗試的前提下。在用戶搜索體驗過程中,最好不要把用戶逼上「絕路」??梢栽囍蛴脩籼峁╊愃频慕Y(jié)果,這樣的反饋比「找到 0 個結(jié)果」要有價值得多。
要經(jīng)營好一個網(wǎng)站,搜索體驗是非常關(guān)鍵的一步。在查詢過程中,用戶喜歡暢通無阻的體驗。你的網(wǎng)站價值高不高,用戶通過搜索結(jié)果的質(zhì)量就可以快速做出判斷。
友好的搜索設計,可以讓用戶簡單快速地搜尋到其想要的信息。你的網(wǎng)站,能做到嗎?
填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!
?2007-2022/ mwtacok.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc