不少項目都有所搜結果頁面,雖然說每個項目都有自己的一套需求,細節也各不相同,但我認爲有些有些元素應該是任何結果頁的界面中都需要的。
以這些元素開始,然後根據情況稍加修改,就能得到一個很不錯的頁面。
1、在搜索結果中突出顯示查詢詞。
2、在結果頁面重述查詢條件。
3、顯示已找到的結果數量。
4、包含“前一個”和“後一個”按鈕以及其餘頁面的鏈接,以便在結果中來回移動。
鏈接應當靈活,例如第一頁不應有“前一個”鏈接。
5、爲每個結果提供鏈接,指向具體結果。
6、單獨設計沒有結果頁面,可提供搜索指導,例如評寫錯誤提示。
7、考慮提供高級搜索/過濾器。
過濾器通常出現在在最初的搜索執行之後,目的是爲了幫助用戶所見選擇數量,同事增加結果的準確度。
形式有多種。
8、測試一次搜索命中率。
如果1/5的用戶在第一次嘗試時就“沒有結果”,可能搜索系統在設計上出了問題。
-----------------------------------------------------------------------------------------
以下是一個清單,排名不分先後。
- 在搜索結果中突出顯示查詢詞。
- 在結果頁面重複查詢條件。
- 顯示已經找到的結果數量。
- 包含前一個和後一個按鈕以及其餘頁面的鏈接,以便於在結果中來回移動。鏈接應當靈活,例如第一也不應該有“前一個”鏈接,等等。(補充:在搜索結果列表上方和下方都要有分頁鏈接。)
- 包含查詢框,便於用戶再次搜索。
- 不要顯示結果頁的url,除非訪問者都很懂技術,能理解url中的含義。(個人存疑)
- 爲每一個結果提供易於理解的頁面名稱和描述。
- 頁面名稱應當是可以點擊的鏈接,指向具體結果。
- 允許加入(適合於用戶和內容的)分類和改良工具。
- 標明那些非常規頁面的結果(例如PDF文件)
搜索框架下包含了多個設計模式,包括快速搜索、搜索結果、高級搜索、過濾器和分頁模式等。
這些模式根據用戶的目的以及所應對的解決方案的範圍大小,還可以進一步被細分爲多個類型。
快速搜索
一個簡單的輸入欄及搜索按鈕。通常被放置在頁面中最容易找到的地方。
首先,要理解用戶爲什麼會使用快速搜索。
如果用戶搜索的是唯一標識內容,而且他們知道標識符是什麼,那麼搜索將會非常準確。
在用戶不知道自己要找的內容的名稱。
當同時滿足以下3個條件是,就能放心的依賴網站內的搜索系統:
- 你的內容是唯一標識的;
- 你的用戶很熟悉那些標識符;
- 你的用戶希望利用那些標識符作爲定位內容的方法。
<< end
除了以上有關搜索的戰略性觀察之外,還有許多低層次的細節需要考慮,例如搜索欄在網頁中的位置、它在網站中的穩定性、搜索框的標籤、按鈕的標籤、以及是否提供分類下拉菜單或者自動提示等功能。
[分類下拉菜單]
[gap.com]
[自動提示]
搜索結果
任何一次搜索都可能會產生2中類型的搜索結果頁,以及4中結果。
1、搜索陳列頁(Search Gallery)。
[搜索陳列頁]
2、搜索部門頁( search department):它顯示通往不同陳列頁的鏈接,並在顯示具體的陳列頁之前鼓勵用戶進一步縮小選擇範圍。
[bestbuy提供了一個搜索部門頁突出顯示任天堂wii的產品]
搜索產出
不論結果頁面的類型如何,一次搜索會有4中可能的產出。
- 準確適配或非常相關。
- 相關條目。
- 不相關的結果。
- 沒有結果。
第一種無疑是最好的,其他3種豆可能會帶來災難,因爲事實證明,用戶不會爲搜索付出很多努力。
最能激勵用戶修改條件、繼續搜索的,是當他們看到“沒有結果”的時候。不過大部分用戶看到這個頁面就放棄了,只有一部分人會進行二次嘗試。
對於設計師來說,關鍵似乎在於讓用戶在第一次嘗試時就能得到相關的結果,這樣的網站最有可能成功。
高級搜索
非正式的觀察資料顯示,長期穩定地使用高級搜索的羣體非常稀少,而在此羣體之外,這一功能能基本無人問津。
過濾器
是另一種形式的高級搜索,不過有兩點不同。
首先,過濾器通常出現在最初的搜索執行之後,目的是爲了幫會組用戶所見選擇數量,同時增加結果的準確度。
其次,我們可以用多種方式來顯示過濾器。既可以像關鍵字鏈接那樣簡單,直接前往子分類或者其他內容頁,也可以包括一大堆滑動條、複選框和單選按鈕,用以觸發實時的更新。
使用過濾器搜索時需要注意,要想讓用戶使用他們,就必須首選吸引用戶的注意。而這一點實現起來比看上去要複雜得多。