問題
用戶需要找到一個項目或者特定的信息赁酝。
解決方案
提供搜索犯祠。
何時使用
任何一個已經(jīng)有主導航的網(wǎng)站,用戶可能想要在一個類別里尋找一個項目或者想要進一步詳述一個問題酌呆?衡载。
如何用
1.搜索界面
提供包括一個搜索文案,關鍵字輸入框肪笋,過濾(如果需要)和“搜索”按鈕 的搜索功能月劈。按下回車鍵有著和點擊“搜索”按鈕有著相同的效果。同時在一個獨立的頁面里提供搜索小貼士(Search Tips)和例子藤乙,并在搜索功能的旁邊放上這個頁面的鏈接猜揪。搜索的輸入框要足夠大到能夠放下用戶最常用的三個問題(一般在20個字符左右)。如果過濾條件多過兩個坛梁,使用下拉列表框來承載條件的選擇而姐,否則使用單選框。
搜索--輸入框-- 在--過濾條件--搜索按鈕
或者僅僅是
--輸入框--搜索按鈕
2.展示搜索結(jié)果
搜索結(jié)果在一個至少包括“搜索結(jié)果”或者其他清晰標題的新頁面呈現(xiàn)划咐。搜索功能在頁面的頂部重復出現(xiàn)拴念,并且為了讓用戶知道當前搜索的關鍵字,輸入框里要顯示這個關鍵字褐缠。
呈現(xiàn)搜索命中的數(shù)量政鼠,并且結(jié)果列表是有組織和順序的,匹配程度最好的結(jié)果呈現(xiàn)在最前面队魏。當有多于10條以上的結(jié)果公般,使用翻頁(Paging)機制。每一個搜索結(jié)果呈現(xiàn)結(jié)果本身的鏈接和一段介紹的文字胡桨。如果能夠有一個總結(jié)或概要放在每個結(jié)果的第一行文字上是最好的官帘。結(jié)果一般是這樣的:
a.頁面標題
b.描述
c.分類
d.URL,尺寸昧谊,日期
3.關鍵字匹配
如果搜索引擎需要搜索多個字段刽虹,那么需要遵守如下規(guī)則:如果沒有使用特定的分隔符(不包括空格),搜索應該被翻譯成“或”邏輯呢诬,同時匹配兩個字段的結(jié)果在列表中優(yōu)先呈現(xiàn)涌哲。如果使用了特殊的分隔符,搜索引擎必須能夠應對自如尚镰。例如:有些時候使用“+”和“-”或“包括”和“不包括”來表達“與/或”邏輯膛虫,搜索引擎必須能夠正確的識別。同時搜索引擎還必須能夠容忍至少一個字符的拼寫錯誤钓猬。
為什么
通過使用以上的設計模式,整個搜索讀起來就變得好像是搜索問題的句子撩独。
更多案例
在這個來自 tucows 的例子里敞曹,實際上設計師能夠讓這個輸入框讀起來就像一個句子:用戶能夠“下載針對于win2000的軟件安裝包”...
原文鏈接:
http://www.welie.com/patterns/showPattern.php?patternID=search