可用性設計-搜索框架

 

不少項目都有所搜結果頁面,雖然說每個項目都有自己的一套需求,細節也各不相同,但我認爲有些有些元素應該是任何結果頁的界面中都需要的。

以這些元素開始,然後根據情況稍加修改,就能得到一個很不錯的頁面。

 

1、在搜索結果中突出顯示查詢詞。

 

 

2、在結果頁面重述查詢條件。

 

 

3、顯示已找到的結果數量。

 

 

4、包含“前一個”和“後一個”按鈕以及其餘頁面的鏈接,以便在結果中來回移動。

鏈接應當靈活,例如第一頁不應有“前一個”鏈接。

 

 

5、爲每個結果提供鏈接,指向具體結果。

 

 

6、單獨設計沒有結果頁面,可提供搜索指導,例如評寫錯誤提示。

 

 

7、考慮提供高級搜索/過濾器。

過濾器通常出現在在最初的搜索執行之後,目的是爲了幫助用戶所見選擇數量,同事增加結果的準確度。

形式有多種。

 

 

 

8、測試一次搜索命中率。

如果1/5的用戶在第一次嘗試時就“沒有結果”,可能搜索系統在設計上出了問題。

 

-----------------------------------------------------------------------------------------

 

以下是一個清單,排名不分先後。

 

- 在搜索結果中突出顯示查詢詞。

- 在結果頁面重複查詢條件。

- 顯示已經找到的結果數量。

- 包含前一個和後一個按鈕以及其餘頁面的鏈接,以便於在結果中來回移動。鏈接應當靈活,例如第一也不應該有“前一個”鏈接,等等。(補充:在搜索結果列表上方和下方都要有分頁鏈接。)

- 包含查詢框,便於用戶再次搜索。

- 不要顯示結果頁的url,除非訪問者都很懂技術,能理解url中的含義。(個人存疑)

- 爲每一個結果提供易於理解的頁面名稱和描述。

- 頁面名稱應當是可以點擊的鏈接,指向具體結果。

- 允許加入(適合於用戶和內容的)分類和改良工具。

- 標明那些非常規頁面的結果(例如PDF文件)

 

-------------------------------------------------------------------------------------------
 
具體說明下這幾個要素。
 
- 在搜索結果中突出顯示查詢詞。
比如在淘寶搜索“筆記本電腦”,結果列表中的關鍵字都用橙色標出。
淘寶搜索
 
- 在結果頁面重複查詢條件。結果頁的搜索框中默認展示查詢的關鍵字。
 
- 顯示已經找到的結果數量。
谷歌閱讀器搜索結果統計數字加粗;如果超過1000條數據,則顯示爲1000+。
Google Reader
 
- 包含前一個和後一個按鈕以及其餘頁面的鏈接,以便於在結果中來回移動。鏈接應當靈活,例如第一也不應該有“前一個”鏈接,等等。
(補充:在搜索結果列表上方和下方都要有分頁鏈接。)
[列表上]
 
[列表下]
 
 
- 包含查詢框,便於用戶再次搜索。
[淘寶搜索結果頁的查詢框]這個過濾器包含各種商品的關鍵屬性。
 
- 不要顯示結果頁的url,除非訪問者都很懂技術,能理解url中的含義。
(個人存疑:http://www.google.com/reader/view/#search/jQuery優化/帶有查詢關鍵字“jQuery優化”,就是“jQuery優化”。
http://s.taobao.com/search?q=筆記本電腦。也帶有關鍵字“筆記本電腦”。)
 
- 爲每一個結果提供易於理解的頁面名稱和描述。
 
- 頁面名稱應當是可以點擊的鏈接,指向具體結果。
 
- 允許加入(適合於用戶和內容的)分類和改良工具。
這一條可以加強相關搜索。
 
 
- 標明那些非常規頁面的結果(例如PDF文件)。
 

搜索框架下包含了多個設計模式,包括快速搜索、搜索結果、高級搜索、過濾器和分頁模式等。

 

這些模式根據用戶的目的以及所應對的解決方案的範圍大小,還可以進一步被細分爲多個類型。

 

快速搜索

 

一個簡單的輸入欄及搜索按鈕。通常被放置在頁面中最容易找到的地方。

 

 

首先,要理解用戶爲什麼會使用快速搜索。

如果用戶搜索的是唯一標識內容,而且他們知道標識符是什麼,那麼搜索將會非常準確。

 

在用戶不知道自己要找的內容的名稱。

當同時滿足以下3個條件是,就能放心的依賴網站內的搜索系統:

- 你的內容是唯一標識的;

- 你的用戶很熟悉那些標識符;

- 你的用戶希望利用那些標識符作爲定位內容的方法。

<< end

 

除了以上有關搜索的戰略性觀察之外,還有許多低層次的細節需要考慮,例如搜索欄在網頁中的位置、它在網站中的穩定性、搜索框的標籤、按鈕的標籤、以及是否提供分類下拉菜單或者自動提示等功能。

[分類下拉菜單]

 

[gap.com]

 

 

 

[自動提示]

 

 

搜索結果

任何一次搜索都可能會產生2中類型的搜索結果頁,以及4中結果。

1、搜索陳列頁(Search Gallery)。

[搜索陳列頁]

 

 

2、搜索部門頁( search department):它顯示通往不同陳列頁的鏈接,並在顯示具體的陳列頁之前鼓勵用戶進一步縮小選擇範圍。

[bestbuy提供了一個搜索部門頁突出顯示任天堂wii的產品]

 

 

 

搜索產出

不論結果頁面的類型如何,一次搜索會有4中可能的產出。

- 準確適配或非常相關。

- 相關條目。

- 不相關的結果。

- 沒有結果。

第一種無疑是最好的,其他3種豆可能會帶來災難,因爲事實證明,用戶不會爲搜索付出很多努力。

 

最能激勵用戶修改條件、繼續搜索的,是當他們看到“沒有結果”的時候。不過大部分用戶看到這個頁面就放棄了,只有一部分人會進行二次嘗試。

對於設計師來說,關鍵似乎在於讓用戶在第一次嘗試時就能得到相關的結果,這樣的網站最有可能成功。

 

高級搜索

非正式的觀察資料顯示,長期穩定地使用高級搜索的羣體非常稀少,而在此羣體之外,這一功能能基本無人問津。

 

過濾器

是另一種形式的高級搜索,不過有兩點不同。

首先,過濾器通常出現在最初的搜索執行之後,目的是爲了幫會組用戶所見選擇數量,同時增加結果的準確度。

其次,我們可以用多種方式來顯示過濾器。既可以像關鍵字鏈接那樣簡單,直接前往子分類或者其他內容頁,也可以包括一大堆滑動條、複選框和單選按鈕,用以觸發實時的更新。

 

使用過濾器搜索時需要注意,要想讓用戶使用他們,就必須首選吸引用戶的注意。而這一點實現起來比看上去要複雜得多。

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章