用戶體驗設計:搜索結果的最佳實踐

分享一篇Nick babich的3月4日的新文,原文點擊此處,翻譯不當之處請指出。


UX:Search Results

搜索就像一個用戶和系統之間的對話:用戶表達他們的信息需求去查詢,系統顯示一組結果為其響應。結果頁面是搜索體驗的一個關鍵部分,它提供了一個機會,引發了與用戶信息需求的對話。

在這篇文章中,我想分享10種實踐將幫助你提高搜索結果頁的用戶體驗。

1.不要在用戶點擊搜索按鈕后刪除用戶的查詢。

保留原始文本。重復查詢是許多信息查找中的關鍵一步。如果用戶沒有找到他們正在尋找的,那么他們可能使用稍微修改的查詢再次搜索。為了使這樣的操作更容易,就應該將初始搜索項文本留在搜索框中,這樣用戶就不必重新輸入整個查詢字段。

2.提供準確和相關的結果

結果頁第一頁是最重要的。搜索結果頁面是搜索體驗的主要焦點,并與是否提升網站的轉換率極為相關。用戶通常會根據一組或兩組搜索結果的質量對網站的價值做出快速判斷。

將準確的結果返回給用戶顯然很重要,否則他們不會信任搜索工具。因此,重要的是,你的搜索重要性劃分對提升用戶體驗來說是一個非常有用的方法,讓所有最重要的(相關性強的)點擊出現在第一頁。

3.使用有效的自動提示

無效的自動提供會提供很差的用戶體驗。要確保自動提示是有用的。當用戶輸入文本,一些有用的功能包括識別詞根、預測文本和建議,而用戶進入文本。他們有助于加快搜索過程,并維持用戶在任務中自由轉換。

ThinkWithGoogle

4.糾正拼寫錯誤

打字是很容易出錯的。如果用戶輸入錯誤的搜索詞,你能察覺這一點,你可以展示給他們的猜測的結果和糾正的搜索詞來代替。這樣可以避免由于沒有結果顯示而迫使用戶再次進行搜索而導致的沮喪。

蘋果商店不支持拼寫改正
Asos做了一個很好的范例,當用戶輸入錯誤的時候,會出現“we also searched for Overcoats”字樣提示用戶已修正輸入的內容

5.顯示搜索結果的數目

顯示可用的搜索結果的總數,以便用戶可以決定他們想花多長時間看結果。

具體的數據可以幫助用戶判斷需不需要更詳細的重新查詢

6.留存用戶最近搜索的查詢

即使用戶熟悉搜索功能,搜索也需要從他們的記憶中回憶信息。要響應一個有意義的查詢,用戶需要思考與他的目標相關的詞,并將它們納入查詢中。在設計搜索框的用戶體驗時,你應該記住一個基本的可用性規則:

尊重用戶的努力

您的站點應該存儲所有最近的搜索,以便在下次進行搜索時向用戶提供這些數據。


最近的結果會幫助用戶重復查找是節省時間和精力

您的站點應該存儲所有最近的搜索,以便在下次進行搜索時向用戶提供這些數據。

提示:最近的搜索保留少于10個,(不要設有滾動條),這樣信息也不至于太多。

7.選擇適當的頁面布局

顯示搜索結果的一個挑戰是不同類型的內容需要不同的布局。內容呈現的兩個基本布局是列表視圖和網格視圖。經驗法則:

細節通過列表實現,圖片通過網格來顯示

讓我們看看在產品頁面上下文的規則。產品的詳情是非常重要的。比如家用電器, 有很多細節,型號、產品的額定值和尺寸都是在用戶在選擇過程中的主要因素,列表視圖需要合情合理地展示出來。

列表視圖非常適合于面向細節的布局)

網格視圖是App中一個很好的選擇,因為所展示的商品詳情只需要較少的信息或類似的商品內容。如服裝這類商品,當文字的產品信息少,那么用戶需要商品外觀之間做選擇。對于這類商品,用戶關心的是每個商品之間的視覺區別,并寧愿滾動長的單頁,而不是在列表頁和商品詳情頁反復切換。


網格視圖更適合視覺導向布局

提示:

  • 允許用戶選擇搜索結果的“列表視圖”或“網格視圖”。這使用戶更好地選擇他們看待搜索結果的方式。
  • 當設計網格布局時,選擇合適的圖像大小,需要足夠識別的大,也需要一次被更多的產品看得到的小。


    允許用戶通過提供一系列視圖來更改布局。

8.顯示搜索進度

理想的搜索結果應該立即顯示出來,但如果這是不可能的,那么進度指示器作為用戶反饋系統,應該給你的用戶一個明確的指示,他們需要等待多久。


Aviasales網站通知用戶搜索需要一些時間。

提示:如果搜索時間過長可以使用動畫。好的動畫可以分散用戶的注意力,讓他們忽略長時間的搜索。

9·提供排序和篩選選項

當他們的搜索結果中似乎有太多以及不相關的結果,會導致用戶變得不知所措。你應該向用戶提供與搜索相關的篩選選項,并使其每次篩選結果時可以多選篩選項。

過濾選項可以幫助用戶縮小搜索結果,否則需要滾動或分頁來顯示全部的結果。

提示:

  • 也需要注意的是不要用太多的選項給用戶壓力。如果你的搜索需要大量的篩選項,那還不如默認崩潰。
  • 不要隱藏篩選器的分類排序功能,他們是不同的任務。
  • 當用戶選擇一個狹窄的搜索范圍時,應該在結果頁的頂部明確地顯示。


10.不要回饋“沒有結果”

沒有結果的頁面上會讓用戶沮喪,特別是如果他們嘗試了好幾次搜索。當搜索沒有匹配的結果時,你應該避免在體驗中給用戶帶來死角,為用戶提供有價值的其他選項(例如在線商店可以從類似類別中推薦替代產品)。

對比hp的沒結果和亞馬遜的替代結果

總結

搜索是構建商業網站的關鍵因素。當用戶尋找和和獲知商品時,他們期望流暢的用戶體驗。他們通常通過搜索結果的質量很快判斷出網站的價值,一個優秀的搜索工具應該幫助用戶快速方便地找到他們想要的東西。

以上,感謝閱讀(其實很多內容書里都講爛了,我就是當學習英語翻譯玩吧~)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,321評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,559評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,442評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,835評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,581評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,922評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,931評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,096評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,639評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,374評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,591評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,104評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,789評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,196評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,524評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,322評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,554評論 2 379

推薦閱讀更多精彩內容

  • 譯者心得: 即使是看起來非常簡單的搜索功能的設計,都包含著非常多的細節,每一個細節都可能影響體驗。如何去考慮到這么...
    ux2017閱讀 803評論 1 3
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,740評論 25 708
  • 每一次搜索過程實際上就像是用戶和系統之間的一次對話:用戶將他們的信息需求表征為每一次查詢,而系統則將其響應表達為一...
    三達不留點gpj閱讀 2,129評論 1 12
  • 圣誕節快到了,平安夜的前一天晚上,黃炎打了一個通宵游戲。也是在前一天的晚上,秦婧和他提了分手。誰都沒有錯,黃炎...
    心靈一味閱讀 188評論 0 0
  • 圖片發自簡書App 01. 有些事情,是自己沒有辦法控制的。 比如:感情。 最近熱映的影視劇《我的前半生》中,男主...
    夜昕閱讀 638評論 0 1