決定放假期間先不上iOS Wow體驗了；手頭這篇譯文不做完的話我心不甘。去年年底，我們曾經(jīng)學習過一篇"具有引導性的移動應用界面設計模式"，其英文原文來自O'Reilly動物園的一本新書，"Mobile Design Pattern Gallery"，就是封面上是個大公雞的那本兒。今次這篇則是來自于本書的第四章——搜索、排序和篩選。貌似國內引進版也由XX出版社在做著了，真心不關我事，自己走起。接下來果斷精分，進入原文作者人格。

很多信息類服務站點都是通過分類的方式來組織相關內容信息的，例如交通工具方面的卡車、貨車、SUV等；而Greensheet這樣的網(wǎng)站則是直接將售賣信息一股腦的堆在一個又一個的頁面中，如果我(英文原文作者)想找點兒什么，真的必須挨個看下去。謝了，我還不如直接在手機上用Craigslist應用呢。

在使用Craigslist的過程中，我就琢磨著，作為普通用戶，我們確實可以很明顯的受益于那些在信息的搜索、排序和篩選方面做的很到位的UI設計模式。在本文中，我們將一起了解一下，有哪些設計模式可以幫助我們按照用戶所期望的方式將數(shù)據(jù)信息更加有效的組織和呈現(xiàn)出來。

搜索

首先為各位推薦兩本這方面的好書，"Search Patterns: Design for Discovery"和"Designing Search: UX Strategies for eCommerce Success" (前者國內有引進，即《搜索模式》一書)。然后我們接茬來看移動應用當中與搜索相關的設計模式。

• 顯性搜索
• 自動完成
• 動態(tài)搜索
• 指定搜索范圍
• 已保存的/最近的搜索條目
• 搜索表單
• 搜索結果

顯性搜索

作為最普通和最常見的搜索模式，顯性搜索依靠顯性的動作行為及表現(xiàn)方式來執(zhí)行搜索任務、展示搜索結果。在這種模式中，搜索按鈕會出現(xiàn)在輸入框的右側，或直接嵌入虛擬鍵盤中 (這種情況下可以將"取消"按鈕放在搜索欄中)。搜索結果通常會直接呈現(xiàn)在搜索欄下面的區(qū)域當中。在設計方案里，可以考慮將線性搜索與自動完成模式搭配使用。

在這種模式中，提供顯性的搜索按鈕，同時還可以為用戶提供用來取消當前搜索行為的操作方式。當搜索正在執(zhí)行時，提供明確的狀態(tài)反饋。

標簽： 移動應用界面設計 應用界面設計 應用設計 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。