close
Blogtrottr
UDN數位資訊
數位資訊:收錄每日資訊科技相關新聞,提供3C、軟體、手機、電玩、網路……等各類報導,並進一步關注在數位化的社會文明發展過程中,所衍生的各種文化現象。 // via fulltextrssfeed.com
App企劃室》使用者介面設計模式-搜尋篇
Nov 19th 2012, 10:01

【內容整理:劉捷/資料來源:smashingmagazine

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

★明確搜尋

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

★自動完成

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

★動態搜尋

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

★指定範圍搜尋

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

★紀錄搜尋項目

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

★搜尋表單

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

★搜尋結果

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

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

更多隨身Apps資訊:前往Appshot智慧好程式iTunes官方連結

更多iPhone Apps訊息與評論解析前往Appshot智慧好程式

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
全站熱搜
創作者介紹
創作者 台北多媒體大展 的頭像
台北多媒體大展

台北多媒體大展

台北多媒體大展 發表在 痞客邦 留言(0) 人氣()