分享一篇Nick babich的3月4日的新文,原文點擊此處,翻譯不當之處請指出。
搜索就像一個用戶和系統之間的對話:用戶表達他們的信息需求去查詢,系統顯示一組結果為其響應。結果頁面是搜索體驗的一個關鍵部分,它提供了一個機會,引發了與用戶信息需求的對話。
在這篇文章中,我想分享10種實踐將幫助你提高搜索結果頁的用戶體驗。
1.不要在用戶點擊搜索按鈕后刪除用戶的查詢。
保留原始文本。重復查詢是許多信息查找中的關鍵一步。如果用戶沒有找到他們正在尋找的,那么他們可能使用稍微修改的查詢再次搜索。為了使這樣的操作更容易,就應該將初始搜索項文本留在搜索框中,這樣用戶就不必重新輸入整個查詢字段。
2.提供準確和相關的結果
結果頁第一頁是最重要的。搜索結果頁面是搜索體驗的主要焦點,并與是否提升網站的轉換率極為相關。用戶通常會根據一組或兩組搜索結果的質量對網站的價值做出快速判斷。
將準確的結果返回給用戶顯然很重要,否則他們不會信任搜索工具。因此,重要的是,你的搜索重要性劃分對提升用戶體驗來說是一個非常有用的方法,讓所有最重要的(相關性強的)點擊出現在第一頁。
3.使用有效的自動提示
無效的自動提供會提供很差的用戶體驗。要確保自動提示是有用的。當用戶輸入文本,一些有用的功能包括識別詞根、預測文本和建議,而用戶進入文本。他們有助于加快搜索過程,并維持用戶在任務中自由轉換。
4.糾正拼寫錯誤
打字是很容易出錯的。如果用戶輸入錯誤的搜索詞,你能察覺這一點,你可以展示給他們的猜測的結果和糾正的搜索詞來代替。這樣可以避免由于沒有結果顯示而迫使用戶再次進行搜索而導致的沮喪。
5.顯示搜索結果的數目
顯示可用的搜索結果的總數,以便用戶可以決定他們想花多長時間看結果。
6.留存用戶最近搜索的查詢
即使用戶熟悉搜索功能,搜索也需要從他們的記憶中回憶信息。要響應一個有意義的查詢,用戶需要思考與他的目標相關的詞,并將它們納入查詢中。在設計搜索框的用戶體驗時,你應該記住一個基本的可用性規則:
尊重用戶的努力
您的站點應該存儲所有最近的搜索,以便在下次進行搜索時向用戶提供這些數據。
您的站點應該存儲所有最近的搜索,以便在下次進行搜索時向用戶提供這些數據。
提示:最近的搜索保留少于10個,(不要設有滾動條),這樣信息也不至于太多。
7.選擇適當的頁面布局
顯示搜索結果的一個挑戰是不同類型的內容需要不同的布局。內容呈現的兩個基本布局是列表視圖和網格視圖。經驗法則:
細節通過列表實現,圖片通過網格來顯示
讓我們看看在產品頁面上下文的規則。產品的詳情是非常重要的。比如家用電器, 有很多細節,型號、產品的額定值和尺寸都是在用戶在選擇過程中的主要因素,列表視圖需要合情合理地展示出來。
網格視圖是App中一個很好的選擇,因為所展示的商品詳情只需要較少的信息或類似的商品內容。如服裝這類商品,當文字的產品信息少,那么用戶需要商品外觀之間做選擇。對于這類商品,用戶關心的是每個商品之間的視覺區別,并寧愿滾動長的單頁,而不是在列表頁和商品詳情頁反復切換。
提示:
- 允許用戶選擇搜索結果的“列表視圖”或“網格視圖”。這使用戶更好地選擇他們看待搜索結果的方式。
-
當設計網格布局時,選擇合適的圖像大小,需要足夠識別的大,也需要一次被更多的產品看得到的小。
允許用戶通過提供一系列視圖來更改布局。
8.顯示搜索進度
理想的搜索結果應該立即顯示出來,但如果這是不可能的,那么進度指示器作為用戶反饋系統,應該給你的用戶一個明確的指示,他們需要等待多久。
提示:如果搜索時間過長可以使用動畫。好的動畫可以分散用戶的注意力,讓他們忽略長時間的搜索。
9·提供排序和篩選選項
當他們的搜索結果中似乎有太多以及不相關的結果,會導致用戶變得不知所措。你應該向用戶提供與搜索相關的篩選選項,并使其每次篩選結果時可以多選篩選項。
提示:
- 也需要注意的是不要用太多的選項給用戶壓力。如果你的搜索需要大量的篩選項,那還不如默認崩潰。
- 不要隱藏篩選器的分類排序功能,他們是不同的任務。
-
當用戶選擇一個狹窄的搜索范圍時,應該在結果頁的頂部明確地顯示。
10.不要回饋“沒有結果”
沒有結果的頁面上會讓用戶沮喪,特別是如果他們嘗試了好幾次搜索。當搜索沒有匹配的結果時,你應該避免在體驗中給用戶帶來死角,為用戶提供有價值的其他選項(例如在線商店可以從類似類別中推薦替代產品)。
總結
搜索是構建商業網站的關鍵因素。當用戶尋找和和獲知商品時,他們期望流暢的用戶體驗。他們通常通過搜索結果的質量很快判斷出網站的價值,一個優秀的搜索工具應該幫助用戶快速方便地找到他們想要的東西。
以上,感謝閱讀(其實很多內容書里都講爛了,我就是當學習英語翻譯玩吧~)