3/15/2013



設計一款 App 確實要花很大的功夫,許多看似平凡的功能其實內藏了非常大的學問,就好比 App 的搜尋功能,相信大家都對 App 的搜尋功能不陌生,很多 App 都在程式內建了這項功能,不過大家可能都没注意到,App 的搜尋模式其實可以分為好幾種,而且每種模式都有不同的特色,以下為 smashingmagazine 整理歸納出來的幾款常見搜尋模式,供大家參考。


明確搜尋


沒有提供額外的功能,單純提供搜尋功能給用戶,可以說是目前最普遍的一種搜尋模式。這模式的搜尋系統包含了一個搜尋框以及搜尋按鈕,搜尋按鈕通常會出現在搜尋框的右方或是直接嵌入虛擬鍵盤內,當用戶輸入關鍵字按下搜尋按鈕,搜尋結果大多會直接呈現在搜尋框底下。


自動完成


Web 2.0 時代崛起的搜尋模式,當用戶使用此搜尋模式搜尋資料時,系統根據目前以輸入的文字,即時提供一些搜尋建議給用戶,若是看到想要搜尋的關鍵字,直接點擊即可完成搜尋的工作。當然,若是沒有出現合適的關鍵字,用戶還是可以手動輸入完整的關鍵字來完成搜尋工作。此模式可以說是目前最實用的搜尋方式。


動態搜尋


動態搜尋又被稱作動態篩選,當用戶在搜尋欄上輸入關鍵字時,已有的搜尋結果會即時顯示在頁面上,這種模式乍看之下與上面的自動搜尋很類似,但實際上動態搜尋只會針對系統上已有的搜尋結果進行篩選的動作。


指定範圍搜尋


在大部分的情況下,讓用戶在搜尋之前對想要搜尋的關鍵字作範圍的限定,可以更容易及更快速的搜尋到想要的資料。拿《Dropbox》為例,《Dropbox》預設的搜尋範圍是全部資料,不過在按下搜尋鍵之前,用戶可以隨時調整搜尋範圍(文件或資料夾)。


紀錄搜尋項目


成功的應用程式介面設計通常會遵守一條原則:「尊重用戶先前努力的成果(respect the users effort)」,自動為用戶保存先前搜尋過的關鍵字或搜尋紀錄,避免用戶重覆地輸入相同關鍵字,就是實踐這項原則的最佳實例。


搜尋表單


這種搜尋模式擺脫制式的搜尋框架,使用特別設計的表單來完成用戶搜尋的工作,由於搜尋前需要填入的細節較多,搜尋出來的內容通常會更精準。


搜尋結果


每當用戶進行搜尋的工作,搜尋結果通常會出現在同一頁面上,所以這次搜尋結果也被當作搜尋模式來一同討論。搜尋結果的呈現方式非常多樣化,常見樣式的包括表格、列表、縮圖等,一款應用程式可以同時使用多種不同搜尋結果樣式。


除此之外,特別值得一提的是,很多應用程式都喜歡在搜尋結果中使用延遲讀取(Lazy loading)這項技術,當用戶搜尋完畢後,系統會先將部分的搜尋結果呈現給用戶觀看,剩餘的項目之後再慢慢讀取。


延伸閱讀

1. App企劃》搜尋系統介面設計模式-排序篇
2. App企劃》搜尋系統介面設計模式-篩選過濾篇

【參考資料:smashingmagazine