搜索結果設計的最佳實踐

搜索是用戶和系統之間的一次談話:用戶輸入他們所需要查詢的信息,系統則顯示其響應的結果。搜索的結果頁面是用戶體驗一個至關重要的環節:它提供了一個系統與用戶對話的機會,引導著用戶的信息需求。

在本文中,我想與大家分享10個將幫助改善搜索結果的用戶體驗建議

同時也可以作為交互設計的搜索走查原則

1、在用戶點擊搜索按鈕后不要清除他們輸入的搜索內容

保留原始文本信息。不斷的重復搜索是用戶在使用搜索引擎時候的重要操作,如果用戶在第一次搜索的時候沒有找到需要的信息,他們會不斷修改關鍵詞來進行再一次的搜索。為了保證對用戶更加友好,保留最初的輸入信息,可以避免用戶再次輸入整個搜索的關鍵詞。

2、提供準確以及相關結果

第一個結果頁面是最重要的。搜索結果頁面是用戶體驗的焦點部分,可以成就或者毀掉一個網站的轉化率。用戶通常做出快速判斷一個網站的價值基于一兩組搜索結果的質量。

一定要將準確的結果返回給用戶,否則他們不會信任搜索工具。因此你的搜索結果需要進行一定的優化,并將所有重要信息顯示在首頁。

3、使用有效的自動建議

無效的自動建議帶來的是糟糕的用戶體驗。比如一些根詞的識別、預測用戶輸入、文本建議等功能可以幫助用戶加快搜索過程。

4、識別拼寫錯誤

打字是容易出錯的。如果一個用戶文件搜索詞,你能夠發現這個問題并告訴他們你猜測的結果,“糾正”搜索詞可以避免挫敗感。而目前一些糟糕的做法,甚至是蘋果也會出現,出現一個無結果的搜索頁面,迫使用戶重新輸入。


5、顯示搜索結果的數量

顯示可用的搜索條目的數量,這樣用戶可以決定他們想要花多長時間看結果。

6、保留用戶的搜索歷史

即使用戶熟悉搜索功能,搜索也會要求他們回憶以前是否搜索過相關信息。想出一個有意義的查詢,用戶需要考慮屬性與他的目標并整合相關的查詢。當設計一個搜索體驗時你應該記住基本可用性規則:

尊用用戶的努力

你的站點應該儲存最近的用戶搜索行為,在他們下次進行搜索的時候提供給他們以往的搜索數據。

7、選擇適當的頁面布局

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

細節用列表,圖片用網格。

比如家電產品有許多型號、評級、維度選等信息因素——所以選擇列表視圖最有意義。

網格視圖是展示產品外觀而非信息的不錯選擇。如服裝,用戶在作出選擇是考慮的更多是產品的外觀,這種類型的產品用戶以視覺區別項目。


tips:一般情況下網站都會設計網格和列表兩種顯示方式供用戶自定義,讓他們依據搜索內容的屬性來決定顯示的方式。

8、顯示搜索進度

理想情況下應立即顯示搜索結果,但如果這是不可能的——一個進度指示器應該被用作系統反饋給用戶。你應該給用戶一個明確的跡象表明他們需要等待多長時間。如果搜索時間太久你可以使用動畫。好的動畫可以分散用戶的注意力,讓他們忽略長時間搜索。

9、提供排序和過濾選項

用戶搜索詞時變得不知所措導致看似不相關和或太多的結果。你應該為用戶提供相關的過濾選項的搜索,并使他們每一次選擇多個選項適用于過濾結果。


10、不要返回“無結果”

在一個頁面上沒有結果可能是令人沮喪的,特別是如果他們試圖搜索多次。在沒有匹配的搜索結果為用戶提供有價值的替代方案。


總結

搜索是建立一個網站的重要因素。用戶期望可以順利快速地在網站中尋找他們所要的東西,他們通?;谝粋€或兩組搜索結果的質量判斷網站的價值。一個優秀的搜索工具可以幫助用戶快速輕松地找到他們想要的東西。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 譯者心得: 即使是看起來非常簡單的搜索功能的設計,都包含著非常多的細節,每一個細節都可能影響體驗。如何去考慮到這么...
    ux2017閱讀 813評論 1 3
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,264評論 25 708
  • 分享一篇Nick babich的3月4日的新文,原文點擊此處,翻譯不當之處請指出。 搜索就像一個用戶和系統之間的對...
    ElizaSSSS閱讀 911評論 0 8
  • 數據五大類型 數據類型檢測方法 1,typeof 2,tostring 3,instanceof 4,constr...
    J_L_L閱讀 362評論 0 0
  • #玩卡不卡·每日一抽# 每一位都可以通過這張卡片覺察自己: 1、直覺他叫什么名字?Helen 2、他幾歲了?2歲 ...
    candykitten閱讀 169評論 0 1