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

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

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

搜索

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

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

顯性搜索

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

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

標(biāo)簽： 移動(dòng)應(yīng)用界面設(shè)計(jì) 應(yīng)用界面設(shè)計(jì) 應(yīng)用設(shè)計(jì) 

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