這里總結(jié)了8種常見設(shè)計(jì)模式：導(dǎo)航榜轿、表格、搜索朵锣、表單谬盐、工具、引導(dǎo)诚些、操作飞傀、反饋。
1诬烹、導(dǎo)航
1.1砸烦、標(biāo)簽導(dǎo)航
iOS系統(tǒng)原生導(dǎo)航。應(yīng)用程序有多個(gè)重要功能绞吁，且需要頻繁切換時(shí)使用幢痘。
優(yōu)點(diǎn)：可見性好，切換方便家破。
缺點(diǎn)：占用底部空間雪隧，影響沉浸式體驗(yàn)西轩；最多使用5個(gè)標(biāo)簽。
1.2脑沿、舵式導(dǎo)航
標(biāo)簽導(dǎo)航的變體藕畔。在應(yīng)用程序需要特別強(qiáng)調(diào)某個(gè)操作時(shí)，將行動(dòng)召喚按鈕放在中間位置庄拇。
1.3注服、Tab導(dǎo)航
安卓系統(tǒng)原生導(dǎo)航。規(guī)范建議措近，只有單層導(dǎo)航時(shí)可以在頂部使用基于文本的標(biāo)簽導(dǎo)航溶弟。為了避免滾動(dòng)，最多顯示4個(gè)水平標(biāo)簽瞭郑。（現(xiàn)在的主流應(yīng)用一般把它用作次級(jí)導(dǎo)航且不止4個(gè)標(biāo)簽辜御。）
優(yōu)點(diǎn)：占用空間少，左右滑動(dòng)切換方便屈张。
?缺點(diǎn)：顯示在頂部擒权，用戶不太容易注意到。越往右側(cè)的標(biāo)簽點(diǎn)擊率越低阁谆。
1.4碳抄、抽屜導(dǎo)航
安卓系統(tǒng)原生導(dǎo)航。應(yīng)用程序只有一個(gè)功能特別重要场绿，其他功能重要性比較低剖效，且不會(huì)頻繁切換功能時(shí)使用。例如打車類焰盗、共享單車類應(yīng)用璧尸。
優(yōu)點(diǎn)：節(jié)省頁面空間，聚焦核心內(nèi)容熬拒，沉浸式體驗(yàn)較好逗宁。
缺點(diǎn)：其他功能的使用率較低，切換功能比較麻煩梦湘。
1.5瞎颗、列表導(dǎo)航
有多個(gè)平級(jí)功能， 功能層級(jí)比較淺且不需要頻繁切換時(shí)使用捌议。例如郵箱類應(yīng)用哼拔、設(shè)置。
優(yōu)點(diǎn)：結(jié)構(gòu)清晰瓣颅，可以快速找到想要的內(nèi)容倦逐。
缺點(diǎn)：內(nèi)容比較多的時(shí)候，容易閱讀疲勞宫补。切換功能比較麻煩檬姥。
1.6曾我、輪播導(dǎo)航
適合用在功能選項(xiàng)比較少，且不需要頻繁切換時(shí)使用健民。
優(yōu)點(diǎn)：大圖展示內(nèi)容抒巢，體驗(yàn)感比較強(qiáng)。
缺點(diǎn)：不能顯示太多的頁面秉犹，不能表示頁面之間的層級(jí)結(jié)構(gòu)蛉谜，切換比較麻煩。
1.7崇堵、宮格導(dǎo)航
有多個(gè)平級(jí)功能型诚，使用頻率相近，彼此相互獨(dú)立且不需要頻繁切換時(shí)使用鸳劳。
優(yōu)點(diǎn)：所有功能都能夠直觀展示出來狰贯，擴(kuò)展性好。
缺點(diǎn)：內(nèi)容比較多的時(shí)候赏廓，不容易查找涵紊；切換功能比較麻煩。
1.8楚昭、菜單導(dǎo)航
當(dāng)一個(gè)頁面內(nèi)容太多時(shí)，可以將一些功能收起來拍顷，放到菜單里面抚太。
優(yōu)點(diǎn)：節(jié)省空間，點(diǎn)擊菜單入口就可以喚出菜單昔案。
缺點(diǎn)：一般菜單入口放在頁面頂部尿贫，不容易點(diǎn)擊；不知道菜單里面包含哪些功能踏揣。
2庆亡、表格
2.1、基本表格
基本表格模式就是捞稿，帶有固定列表頭及網(wǎng)格布局的標(biāo)準(zhǔn)表格又谋。設(shè)置不同的表格行顏色，即斑馬線娱局，或者在兩行之間用細(xì)線分割彰亥，都能提高表格的可讀性。
現(xiàn)在普遍省略垂直網(wǎng)格線以減少視覺噪音衰齐。
2.2任斋、無表頭表格
無表頭表格的特征是，用較寬的行顯示某一對象的多個(gè)變量耻涛，且沒有列標(biāo)簽废酷。
常見的做法是突出顯示行標(biāo)志符（信息的關(guān)鍵部分）瘟檩。可以使用圖標(biāo)澈蟆∧粒可以使用更大、顏色更深的字體來突出行標(biāo)志符丰介。
無表頭表格非常適合用來顯示項(xiàng)目集合（比如存貨清單背蟆、菜譜、專輯等）哮幢，也很適合顯示搜索結(jié)果带膀。
2.3、固定列表格
對較大的表格來說橙垢，固定列表格模式或許是一個(gè)可行的解決方案垛叨。
當(dāng)用戶不是垂直滾動(dòng)屏幕的時(shí)候，最左側(cè)的列固定柜某，其他列可左右滑動(dòng)嗽元。
2.4、概覽加數(shù)據(jù)型表格
這種模式的特點(diǎn)是喂击，表格內(nèi)容的摘要顯示在第一行數(shù)據(jù)的上方剂癌。
這種模式在財(cái)務(wù)類型的應(yīng)用中十分普遍，也適用于任何其他應(yīng)用翰绊，只要用戶想從中看到總數(shù)或隨時(shí)間變化的趨勢佩谷。
如果圖表概覽太大，可以考慮用逐級(jí)深入模式监嗜。
2.5谐檀、行分組表格
行分組可以讓表格數(shù)據(jù)更易讀。
一組分組行集可以作為節(jié)區(qū)頭部裁奇，比如按年分組或按類別分組的交易記錄桐猬。
從視覺上將表格的匯總行和其他行區(qū)別開來。一般而言刽肠，匯總行應(yīng)該較窄溃肪，字體顏色較淺。
2.6音五、帶有視覺指示器的表格
這種模式設(shè)計(jì)時(shí)乍惊，波形圖和圖標(biāo)可以提升表格的信息顯示效果。
注意不要使用沒用的圖標(biāo)堆滿表格放仗，給數(shù)據(jù)的顯示造成困擾润绎。
只有當(dāng)視覺指示器可以突出表格數(shù)據(jù)時(shí)，才可以使用。否則莉撇，應(yīng)該避免使用呢蛤。
2.7、可編輯表格
多見于office棍郎、numbers等表格工具其障。
清晰的指示出選中的單元格和行。
如果單元格有特定的格式涂佃，要提供適當(dāng)?shù)木庉嬈骼怼＠邕x擇器、下拉菜單辜荠、顏色選擇器汽抚、日期選擇器。
除非編輯后產(chǎn)生錯(cuò)誤提示伯病，否則沒有必要為每項(xiàng)操作都提供確認(rèn)反饋造烁，只需要保存時(shí)要求用戶確認(rèn)即可。
如果要進(jìn)行批量數(shù)據(jù)輸入午笛，或者可能需要大量的編輯工作惭蟋，要避免使用可編輯表格。
3药磺、搜索
3.1告组、搜索模式
隱式搜索：通過感知用戶需求，自動(dòng)完成搜索癌佩。
跨平臺(tái)同步用戶信息木缝，并用隱式搜索的方式顯示搜索結(jié)果。
地理圍欄驼卖，基于附近位置的隱式搜索氨肌。例如查看附近的餐廳鸿秆。
顯式搜索：通過顯式的用戶操作實(shí)現(xiàn)搜索并獲得結(jié)果酌畜。
輸入前：掃描商品而不用輸入商品名、使用最近一次搜索卿叽、訪問保存的搜索桥胞、語音搜索。
輸入時(shí)：提供搜索建議考婴，最小化輸入需求贩虾，提高搜索效率，降低出錯(cuò)的幾率沥阱。
直接操縱：用手勢在地圖上劃出搜索范圍缎罢。
模態(tài)搜索：點(diǎn)擊搜索框，搜索模式顯示為一個(gè)帶有彈出鍵盤的完整的搜索頁。
模態(tài)搜索的好處在于策精，用單個(gè)搜索頁面增加了搜索空間舰始。
要提供一個(gè)「清除」按鈕和取消模態(tài)搜索選項(xiàng)。
自動(dòng)完成搜索：顯示搜索的標(biāo)配咽袜。
當(dāng)用戶輸入文字時(shí)丸卷，會(huì)出現(xiàn)一組可能的選項(xiàng)；
當(dāng)用戶繼續(xù)輸入文字時(shí)询刹，搜索結(jié)果也相應(yīng)的減少谜嫉；
點(diǎn)擊任何一項(xiàng)結(jié)果就會(huì)觸發(fā)搜索（點(diǎn)擊頁面或鍵盤上的按鈕，也應(yīng)該觸發(fā)對當(dāng)前高亮選項(xiàng)的搜索）凹联。
理想情況下沐兰，自動(dòng)完成搜索的結(jié)果會(huì)立刻顯示出來，如果存在延遲匕垫，應(yīng)該顯示進(jìn)程指示器僧鲁，例如 搜索中…
增強(qiáng)型的自動(dòng)完成搜索：將搜索提示分組，標(biāo)記可能每項(xiàng)提示有可能所屬的類別
動(dòng)態(tài)搜索：空白的搜索框下會(huì)顯示全部的分類結(jié)果象泵，輸入搜索字符串會(huì)動(dòng)態(tài)的對結(jié)果進(jìn)行篩選寞秃，縮減列表范圍。
限定范圍的搜索：在用戶搜索前先設(shè)定好搜索范圍偶惠。
可以采用分段控件春寿、滾動(dòng)的選項(xiàng)卡、膠囊導(dǎo)航欄（Pill Bar）來實(shí)現(xiàn)限定范圍的搜索忽孽。
為數(shù)據(jù)集提供合理的范圍選項(xiàng)绑改，3-5個(gè)就夠了。
保存的搜索兄一、最近的搜索記錄厘线、熱門搜索。
搜索表單：有一個(gè)用于輸入多個(gè)搜索條件的單獨(dú)的表單和一個(gè)顯示搜索按鈕出革。
搜索結(jié)果/查看結(jié)果
執(zhí)行搜索后造壮，搜索結(jié)果可以在同一頁展示，也可以跳轉(zhuǎn)到專門的搜索結(jié)果頁骂束。
搜索結(jié)果可以顯示為表格耳璧、列表、地圖展箱、衛(wèi)星圖旨枯、縮略圖。
延遲加載混驰，是一種在其他結(jié)果正在加載時(shí)顯示部分搜索結(jié)果的常用技術(shù)攀隔。
很多應(yīng)用會(huì)在用戶滑動(dòng)屏幕時(shí)自動(dòng)加載更多結(jié)果皂贩，有些則提供了一個(gè)鏈接來加載更多商品。
標(biāo)明搜索返回的條目個(gè)數(shù)昆汹。
設(shè)定合理的默認(rèn)排序先紫。
3.2、排序模式（Sort）
單頁排序：在只需要少數(shù)幾種排序選項(xiàng)的情況下筹煮，單頁排序可以作為一種簡單的一鍵式解決方案遮精。
很多iOS應(yīng)用都棄用了這種模式，轉(zhuǎn)而采用更節(jié)省空間的其他模式败潦，例如排序浮層本冲。
有的應(yīng)用直接點(diǎn)擊排序、有的應(yīng)用在點(diǎn)擊排序按鈕后才顯示單頁排序選項(xiàng)劫扒。
在安卓應(yīng)用中檬洞，下拉菜單控件可以很好的用來選擇排列順序，可以清晰的指明哪一項(xiàng)是活動(dòng)的沟饥。
排序浮層：通過點(diǎn)擊排序標(biāo)簽或圖標(biāo)開啟浮層添怔，這種模式可以節(jié)省屏幕空間。
排序表單：需要用戶做出更多操作——打開表單贤旷，選擇一個(gè)選項(xiàng)广料，而且還可能點(diǎn)擊‘完成’‘應(yīng)用’或‘返回’按鈕。
一些應(yīng)用將排序和篩選模式集成在一個(gè)表單中幼驶。因?yàn)閮烧叨际怯糜谶M(jìn)一步精細(xì)化搜索艾杏。
3.3、篩選模式
單頁篩選：與單頁排序一樣盅藻，單頁篩選顯示在搜索結(jié)果頁购桑；點(diǎn)擊后，篩選立即執(zhí)行氏淑。
在安卓應(yīng)用中勃蜘，下拉菜單控件可以很好的實(shí)現(xiàn)篩選列表，可以清晰的顯示出當(dāng)前被選中的選項(xiàng)假残。
篩選浮層：通過點(diǎn)擊‘篩選’Filter或‘設(shè)定條件’Refine標(biāo)簽開啟浮層缭贡，也可以使用能夠更清晰表達(dá)可以應(yīng)用篩選條件的圖標(biāo)。
篩選表單：需要用戶做出更多操作——打開表單守问，選擇一個(gè)或多個(gè)選項(xiàng)匀归，然后點(diǎn)擊’應(yīng)用’按鈕坑资。適合篩選選項(xiàng)很多的情況耗帕，可以把這些選項(xiàng)分組顯示。
可以在用戶做出選擇時(shí)動(dòng)態(tài)的更新搜索結(jié)果條數(shù)袱贮，幫助用戶判斷何時(shí)可以對搜索結(jié)果進(jìn)行操作仿便。
篩選抽屜：像篩選浮層和篩選表單一樣，篩選抽屜需要額外點(diǎn)擊’應(yīng)用’或‘完成’按鈕以獲取篩選結(jié)果。他們之間的主要區(qū)別是嗽仪，篩選抽屜是從當(dāng)前頁面?zhèn)冗吇龅幕挠拢@樣允許用戶在篩選過程中停留在篩選結(jié)果頁上。
打開和關(guān)閉抽屜是對應(yīng)的操作
動(dòng)態(tài)更新搜索結(jié)果的條數(shù)
搜索結(jié)果在背景層中始終可見
在篩選器被執(zhí)行后給予清晰的反饋
基于手勢的篩選
當(dāng)結(jié)果的相關(guān)性取決于用戶所處的地理位置時(shí)闻坚，基于手勢的篩選為用戶提供了一種直觀的方式來設(shè)定搜索結(jié)果的范圍沽翔。
4、表單
4.1窿凤、登錄表單
1仅偎、明文顯示密碼。這一點(diǎn)已經(jīng)得到可用性測試和現(xiàn)場使用效果的有力支撐雳殊。
4.2橘沥、注冊表單
去掉確認(rèn)電子郵件、確認(rèn)密碼字段夯秃。這一點(diǎn)已經(jīng)經(jīng)過了大量的用戶測試驗(yàn)證座咆。
密碼項(xiàng)可以選擇顯示或隱藏。
每個(gè)表單都有即時(shí)反饋仓洼。
在輸入框內(nèi)使用提示文字介陶。懸浮標(biāo)簽可以解決提示文字消失后的可用性問題。
如果對密碼的安全性有特定要求色建，要在用戶點(diǎn)擊提交/完成按鈕之前告訴他們斤蔓。
4.3、個(gè)性化注冊表單
通過個(gè)人便好設(shè)置镀岛，提供定制化的內(nèi)容弦牡。
4.4、多步驟表單
如果幾個(gè)步驟不得不跨屏幕顯示漂羊，不要顯示過于密集的進(jìn)程欄驾锰，而是采用顯示當(dāng)前步驟是第幾步的方法。
產(chǎn)品配置是一種特殊的多步驟表單走越，它不只是典型的線性流程椭豫，而是需要實(shí)現(xiàn)返回-前進(jìn)的導(dǎo)航茄靠。
4.5蛉幸、結(jié)賬表單
同時(shí)提供登錄、注冊管搪、客人用戶選項(xiàng)裸扶。允許以游客身份結(jié)賬，在用戶支付后再創(chuàng)建賬號(hào)搬素。
簡化流程呵晨。棄用進(jìn)程欄魏保，把分屏步驟融合進(jìn)一個(gè)結(jié)賬頁。
提供快捷輸入方式摸屠。通過導(dǎo)入通訊錄谓罗，快速填寫收件人信息。通過掃描卡片功能季二，快速錄入信用卡號(hào)碼檩咱。
提供快速結(jié)賬方式。
4.6胯舷、計(jì)算表單
最好的計(jì)算器應(yīng)用應(yīng)該是將輸入結(jié)果用視覺效果呈現(xiàn)出來税手。
4.7、搜索表單
應(yīng)該只有最核心的需纳、不可或缺的輸入字段芦倒，并提供合理的默認(rèn)值。
在搜索結(jié)果頁提供篩選功能不翩，讓用戶對結(jié)果列表進(jìn)行細(xì)化兵扬。
在表單頁上直接預(yù)覽搜索結(jié)果數(shù)目。
保存搜索項(xiàng)口蝠，例如票價(jià)提醒功能器钟。
4.8、長表單
一些表單不能只放進(jìn)一屏之內(nèi)妙蔗，這時(shí)長的滾動(dòng)頁比把表格分成多頁要好得多傲霸。（不要特意把表單分割成多頁步驟，單頁滾屏更可取眉反。）
設(shè)計(jì)長表單最棘手的部分在于昙啄，應(yīng)在何處放置執(zhí)行和退出按鈕。
在大多數(shù)iOS應(yīng)用中寸五，表單在模態(tài)環(huán)境下顯示梳凛。iOS設(shè)計(jì)指南建議，命令按鈕放在右上角梳杏，退出鍵（一般叫作返回或取消）放在左上角韧拒。
安卓指南建議，命令按鈕應(yīng)該放在操作欄十性。（固定在屏幕頂端）叛溢。
5、工具
5.0劲适、按鈕只是一種變通手段楷掉。—Josh Clark
在現(xiàn)實(shí)世界中减响，按鈕往往必不可少靖诗，但他們和操控對象有一定距離，他們是操作主體的輔助工具支示。
人們必須通過學(xué)習(xí)才能進(jìn)行這些間接交互刊橘，且他們之間的關(guān)聯(lián)關(guān)系不是很明顯。
觸屏設(shè)備引發(fā)了一場變革颂鸿，我們能夠越來越多的將主體內(nèi)容作為控制對象促绵，從而制造出直接交互的幻覺。
在有必要觸發(fā)抽象操作的情況下嘴纺，使用按鈕败晴。
觸屏界面允許用戶在更多的情景中進(jìn)行直接交互。例如滑動(dòng)翻頁栽渴，雙指捏合縮放尖坤。
在設(shè)計(jì)觸屏交互時(shí)，應(yīng)當(dāng)不斷問自己闲擦，我真的需要在這里加上一個(gè)按鈕或控件嗎慢味？
5.1、工具欄
工具欄是提供頁面特定操作的最常見方式墅冷。
iOS系統(tǒng)中纯路，始終顯示在屏幕最底端。
ios版mail寞忿，在底部顯示一條工具欄驰唬。
wunderlist，底部設(shè)計(jì)了一個(gè)可收起/展開的自定義工具欄腔彰。(新版已經(jīng)改成固定的工具欄)
expedia叫编，在工具欄的基礎(chǔ)上，設(shè)計(jì)了級(jí)聯(lián)菜單霹抛。
narrato宵溅，底部的一個(gè)操作按鈕可以觸發(fā)一頁操作菜單。
安卓系統(tǒng)中上炎，沒有專門的工具欄恃逻。
操作按鈕放在操作欄的右上角。
操作欄位于頁面頂端藕施，通常固定在每個(gè)應(yīng)用的頁面上寇损。
主要操作按鈕顯示在頂部操作欄上，次要操作放進(jìn)溢出菜單（overflow menu）中裳食，通過點(diǎn)擊垂直的省略號(hào)調(diào)出矛市。
5.2、上下文工具欄
一種與操作系統(tǒng)無關(guān)的模式诲祸。
例如浊吏，在輸入欄或輸入框中輸入文本時(shí)而昨，鍵盤上方顯示一組相關(guān)操作。（用于文本輸入的上下文工具欄）
5.3找田、工具箱
工具箱類似于增強(qiáng)型的工具欄歌憨。這種模式在提供大量效果處理工具的攝影和設(shè)計(jì)類應(yīng)用中最為常見。
一般主工具箱放置在屏幕底端墩衙。從主工具箱中選擇一個(gè)工具务嫡，會(huì)顯示該工具特定的一個(gè)新的選項(xiàng)集。
安卓版pixlr漆改，使用浮層選項(xiàng)菜單心铃。
repix、aggl挫剑，在工具箱上方增加一行去扣，顯示所選中工具的各個(gè)選項(xiàng)。
aviary樊破，選擇了一個(gè)工具時(shí)厅篓，顯示子項(xiàng)，隱藏原先的主選型捶码。
5.4羽氮、行為召喚按鈕
只在頁面顯示單一操作時(shí)，可以使用行為召喚按鈕惫恼。也適用于有一個(gè)主要行為召喚按鈕和一個(gè)次要行為召喚按鈕的頁面档押。
全局行為召喚按鈕，是在一個(gè)應(yīng)用的任何界面都可以點(diǎn)擊進(jìn)入的按鈕祈纯。
可以在標(biāo)簽欄中間位置放置單一操作按鈕
可以在屏幕底端放置一個(gè)懸浮的行為召喚按鈕
對稱交互令宿。例如path中的懸浮行為召喚按鈕，點(diǎn)擊后會(huì)顯示更多選項(xiàng)腕窥。行為召喚按鈕由’+’變成’×’粒没，即打開變成關(guān)閉，兩個(gè)按鈕放在同一個(gè)位置簇爆。
5.5癞松、行內(nèi)操作
行內(nèi)操作指的是操作按鈕與其作用的對象在同一行，而不是在全局或整個(gè)屏幕層級(jí)上入蛆。
行內(nèi)操作應(yīng)該靠近被操作對象响蓉。
選擇用戶熟悉的圖標(biāo)，并且可以考慮為圖標(biāo)加上文字標(biāo)簽哨毁。
5.6枫甲、多狀態(tài)按鈕
通常來說，你不應(yīng)該在一個(gè)UI控件中設(shè)置多個(gè)操作，因?yàn)檫@會(huì)讓頁面過載想幻，讓用戶感到有壓力粱栖。多狀態(tài)按鈕是個(gè)例外。
多狀態(tài)按鈕既用做操作觸發(fā)器脏毯，同時(shí)也是一個(gè)反饋機(jī)制闹究。例如：APP Store的下載按鈕，下載—安裝進(jìn)度—打開抄沮。
多狀態(tài)按鈕的另一個(gè)常見用例是一種刪除控件跋核。例如：刪除—點(diǎn)擊刪除岖瑰。
（在一系列緊密相關(guān)的過程被快速連續(xù)執(zhí)行時(shí)叛买，多狀態(tài)按鈕十分有效。）
（在設(shè)計(jì)提示用戶確認(rèn)不可撤回的操作時(shí)蹋订，也可以考慮使用多狀態(tài)按鈕取代對話框率挣。）
5.7、上下文工具
上下文工具專門針對一個(gè)對象或任務(wù)露戒。只有在上下文建立起來之后才顯示這些工具椒功，這種設(shè)計(jì)很合乎情理，還能簡化頁面智什。
luvocracy动漾，點(diǎn)擊任何一張圖片中的省略號(hào)按鈕，在圖片區(qū)域顯示該圖片的上下文工具荠锭。
any.do旱眯，通過點(diǎn)擊某個(gè)條目，在點(diǎn)擊區(qū)域下方顯示上下文工具证九。
dropbox删豺，點(diǎn)擊更多，通過浮層來自暗示上下文工具愧怜。也可以采用內(nèi)嵌式把其他行推向下方呀页。
flixster，通過手勢拥坛，來顯示工具欄蓬蝶，例如滑動(dòng)手勢。這種方式在效率類工具中非常流行猜惋。例如電子郵件疾党、任務(wù)應(yīng)用。
box惨奕，通過長按來選擇一個(gè)對象雪位，并呈現(xiàn)出對應(yīng)的上下文工具。
在選擇一種手勢來顯示上下文工具時(shí)梨撞，應(yīng)該先從最簡單的解決方案著手雹洗，并對其可發(fā)現(xiàn)性和用戶效率進(jìn)行測試香罐。
5.8、批量操作
常見的批量操作包括選擇时肿、刪除和重新排序庇茫。
iOS的照片應(yīng)用。當(dāng)一張照片被選中時(shí)螃成，上下文工具就會(huì)顯示出來旦签，同時(shí)還可以選擇更多照片，然后對全部選中條目執(zhí)行批量操作寸宏。
iOS的股票應(yīng)用宁炫。提供了一種可重排、刪除和排序股票的編輯模式氮凝。（重新排序功能羔巢，最新版已經(jīng)取消。）
還可以在批量操作時(shí)罩阵，顯示選中數(shù)量竿秆。
像刪除和重排這樣的批量操作，最好使用獨(dú)立的編輯模式稿壁。要提供一個(gè)退出編輯模式的明顯選項(xiàng)幽钢。
5.9、鎖屏控件
iOS和安卓都提供了在鎖屏界面顯示工具的選項(xiàng)傅是。這種模式常見于音樂類型匪燕。
如果你的應(yīng)用要在后臺(tái)運(yùn)行，而用戶可能需要快捷方式進(jìn)行暫停落午、停止或調(diào)整應(yīng)用谎懦，那么可以考慮為鎖屏設(shè)計(jì)工具。
例如安卓any.do溃斋，使用小部件在早上提醒用戶使用界拦，也在一天當(dāng)中幫助用戶管理任務(wù)。
（移動(dòng)用戶體驗(yàn)可以突破應(yīng)用的常規(guī)邊界梗劫。為提高用戶體驗(yàn)享甸，可以考慮采用鎖屏控件或小部件。）
6梳侨、引導(dǎo)
6.1蛉威、引導(dǎo)原則
原則1：少用文字
當(dāng)我們想要解釋一件事情的時(shí)候，文字通常是最簡單的工具走哺。但如果我們想要了解一件事情蚯嫌，卻經(jīng)常不愿采用文字這種途徑。
《教程101》指出，我們應(yīng)該避免只依賴文字進(jìn)行講解择示。因?yàn)椤伴喿x文字速度很慢束凑，而且會(huì)破壞浸入式體驗(yàn)，此外栅盲，那些最需要引導(dǎo)的玩家反而常常跳過文字引導(dǎo)汪诉。”
使用太多的文字是一種’說而不秀’的方法谈秫，這與移動(dòng)應(yīng)用的優(yōu)勢相違背扒寄。
引導(dǎo)應(yīng)該是’秀而不說’，應(yīng)該具有交互性拟烫，這樣用戶可以通過操作來學(xué)習(xí)该编。
如果我們預(yù)先練習(xí)過操作，而不僅僅是被告知如何做构灸，那么我們在需要的時(shí)候上渴，就會(huì)更容易記住這些操作岸梨。
少用文字喜颁，并不意味著文字永遠(yuǎn)是錯(cuò)的，或是說曹阔，文字總是越少越好半开。它指的是在你想吸引用戶進(jìn)一步體驗(yàn)的時(shí)候，應(yīng)該首先考慮減少文字赃份，增加交互寂拆。
錯(cuò)誤的方式：使用文字解釋操作和效果，而不是鼓勵(lì)用戶操作抓韩，讓他們自己觀察結(jié)果纠永。
正確的方式：使用引導(dǎo)文字鼓勵(lì)用戶邊操作邊學(xué)習(xí)。
原則2:不要前置引導(dǎo)
《額外加分》節(jié)目在《教程101》中說到谒拴，如果你一上來就進(jìn)行講解尝江，事無巨細(xì)的引導(dǎo)你的玩家，他們就會(huì)被信息的海洋淹沒英上，沒有動(dòng)力玩下去了炭序。
前置引導(dǎo)會(huì)熄滅用戶的熱情，讓他們跳過你的引導(dǎo)苍日。而且惭聂，用戶一旦跳過引導(dǎo)，就不大可能從你的應(yīng)用中有所收獲相恃，也不大可能向其他人推薦你的應(yīng)用辜纲。
限制前置引導(dǎo)，只對主要功能做個(gè)初步介紹，以便讓你的用戶潛心進(jìn)入耕腾，快速上手屋摇。
（不要預(yù)先告知用戶可能會(huì)用到的所有信息，否則他們會(huì)不堪重負(fù)幽邓，把信息分成小塊兒炮温，當(dāng)用戶需要時(shí)再顯示）
原則3:給予用戶成就感
即使我們不能讓新手的學(xué)習(xí)過程變得有趣，也仍然有一些方法讓這一過程富有成就感牵舵，并使之完全融入到應(yīng)用的整體體驗(yàn)當(dāng)中柒啤。
一個(gè)比較好的做法實(shí)時(shí)交互，讓用戶實(shí)際完成操作畸颅。
在引導(dǎo)中融入一種趣味性担巩。
例如flipboard，用有趣的嵌入式提示吸引用戶没炒，并強(qiáng)化了這種用于應(yīng)用導(dǎo)航的關(guān)鍵手勢涛癌。
例如noom，采用’升級(jí)’的游戲化技巧送火，激勵(lì)用戶成功完成一系列任務(wù)拳话，達(dá)到下一級(jí)所需水平。
例如noom种吸，還運(yùn)用了一個(gè)讓應(yīng)用始終有趣的‘驚喜’元素弃衍。完成程序設(shè)置后，馬上獲得一個(gè)’優(yōu)勝者獎(jiǎng)’坚俗，激勵(lì)我再接再厲镜盯。
對于激勵(lì)型應(yīng)用，驚喜是很有用的猖败。
原則4:在使用中強(qiáng)化學(xué)習(xí)速缆。
不要前置引導(dǎo)原則的補(bǔ)充。
例如在引導(dǎo)中講解一項(xiàng)操作時(shí)恩闻，附加一個(gè)微小的視覺或聽覺的反饋艺糜。當(dāng)用戶以后進(jìn)行這項(xiàng)操作時(shí)，同樣的反饋會(huì)強(qiáng)化他學(xué)到的東西判呕。
不要試圖一次性把你的應(yīng)用一展無余倦踢，可以考慮設(shè)計(jì)一種引導(dǎo)用戶循序漸進(jìn)的浸入式應(yīng)用體驗(yàn)。
隨著時(shí)間的推移侠草，展示更高一級(jí)的功能辱挥，或者發(fā)放意外‘獎(jiǎng)品’以資鼓勵(lì)。
原則5:傾聽用戶的心聲
簡單的用戶測試能暴露出應(yīng)用使用過程中的任何障礙边涕。觀察你的用戶晤碘，看看他們在哪里絆住了褂微，在哪里碰到了問題。傾聽他們與應(yīng)用互動(dòng)時(shí)的評論园爷，稍后再向他們提問宠蚂。如果在他們使用應(yīng)用的時(shí)候提問，可能會(huì)不自覺的引導(dǎo)他們說出你想要的答案童社。
不要到最后再設(shè)計(jì)引導(dǎo)求厕。你必須一開始就把引導(dǎo)融入整個(gè)設(shè)計(jì)過程。
引導(dǎo)應(yīng)該允許用戶跳過扰楼。
引導(dǎo)中傳達(dá)的所有信息應(yīng)該都可以隨時(shí)訪問呀癣。
6.2、提示
提示應(yīng)該指向屏幕上某一個(gè)特定的工具或操作按鈕弦赖。
避免使用幻燈片提示项栏、對話框提示、一屏展示多個(gè)提示蹬竖。
把提示放在操作按鈕或菜單項(xiàng)旁邊沼沈，內(nèi)容要簡短，并在互動(dòng)開始時(shí)隱藏提示币厕。
6.3列另、持續(xù)的視覺吸引
持續(xù)的視覺吸引在某些例子中看上去也許和提示差不多，但他們在持續(xù)性上還是不盡相同劈榨。
這些視覺吸引要么始終可見访递，要么保持可見狀態(tài)直到用戶執(zhí)行指定操作位置晦嵌。
6.4同辣、可發(fā)現(xiàn)的視覺吸引
在用戶執(zhí)行了常見手勢操作（如點(diǎn)擊、下拉惭载、滑動(dòng)）之后才顯示出來旱函。
7、操作
7.0描滔、功能可見性（原文中使用功能可見性作為本節(jié)標(biāo)題）
功能可見性棒妨，指的是一個(gè)對象具有讓用戶知道他可以用來執(zhí)行一項(xiàng)操作的特性。例如門把手含长、抽屜把手券腔。
軟件中常見的功能可見性示例包括拖拽手柄、卷起的頁腳拘泞，以及按鈕和滑塊等3D控件纷纫。
7.1、點(diǎn)擊
像斜面和陰影這樣的視覺設(shè)計(jì)技巧可以讓元素看上去是可點(diǎn)擊的陪腌。然而辱魁，扁平化設(shè)計(jì)的興起讓這些技巧對設(shè)計(jì)師來說不再那么有效烟瞧。
不是說扁平化設(shè)計(jì)不能體現(xiàn)功能可見性，只是它要求更高的設(shè)計(jì)技巧才能使其正確實(shí)現(xiàn)染簇。
luke wroblewski ：要為頁面上不同的元素設(shè)計(jì)出有意義的差異参滴，卻掉紋理和縱深使得剩余的視覺設(shè)計(jì)工作更加困難。我認(rèn)為這是‘扁平化設(shè)計(jì)’更難的一個(gè)主要原因锻弓。它迫使你簡化砾赔，從而達(dá)到使用更少的視覺聯(lián)系提供同樣清晰的視覺傳達(dá)的目的。
7.1青灼、滑動(dòng)/輕掃
通過滑動(dòng)操作實(shí)現(xiàn)功能可見性的方式有很多过蹂。
例如：iOS頁面指示器控件
例如：在頁面邊緣顯示不完整的內(nèi)容，以暗示頁面?zhèn)冗吇蛳路竭€有更多內(nèi)容聚至。
例如：滾動(dòng)條也是一種可選方案酷勺，盡管它在移動(dòng)應(yīng)用中不那么常見。例如字母聯(lián)系人列表中的字母滾動(dòng)條扳躬。
例如：其他的設(shè)計(jì)隱喻還有封面流/輪盤脆诉、名片盒、堆疊的照片贷币。例如RetailMeNot击胜，Safari，Potluck役纹。
動(dòng)畫也可以吸引用戶使用滑動(dòng)手勢偶摔。
例如：安卓版Allthecooks在側(cè)邊欄菜單打開時(shí)‘彈跳’者提示：水平滑動(dòng)手勢可以顯示完整菜單。
例如：flipboard促脉，上下翻動(dòng)頁面一角辰斋，引導(dǎo)用戶使用其著名的垂直頁面滑動(dòng)手勢。
在吸引用戶滑動(dòng)操作方面瘸味，文字的方式起不到作用宫仗，這一點(diǎn)已被證實(shí)。
7.3旁仿、拖拽
在移動(dòng)設(shè)備上藕夫，一般先要進(jìn)入一個(gè)模式才能使用拖拽操作。比如編輯模式枯冈，或者長按毅贮。
在應(yīng)用中，最常見的拖拽功能可見性是手柄尘奏。手柄常常在明確地進(jìn)入編輯模式之后顯示出來滩褥。
拖拽手柄適合用來排序列表項(xiàng)。
一些拖拽手柄默認(rèn)可見罪既，例如滑塊控件上的手柄铸题。
設(shè)計(jì)和配置類應(yīng)用不只有拖拽移動(dòng)铡恕，還擁有拖拽旋轉(zhuǎn)和拖拽調(diào)整大小這樣更復(fù)雜的拖拽交互。
8丢间、反饋
8.0探熔、反饋模式
反饋有各種形式，從簡單的進(jìn)度指示器和確認(rèn)信息烘挫，到更為復(fù)雜的動(dòng)畫和特效诀艰。移動(dòng)反饋模式包括錯(cuò)誤提示、確認(rèn)饮六、系統(tǒng)狀態(tài)其垄。
8.1、錯(cuò)誤提示
錯(cuò)誤提示應(yīng)該用直白而非代碼式的語言表達(dá)出來卤橄，精確的指出問題所在绿满，并給出建設(shè)性的解決建議。
最佳實(shí)踐是在一頁上突出顯示錯(cuò)誤提示窟扑。這種設(shè)計(jì)方案比模態(tài)對話框更好喇颁，因?yàn)槟B(tài)對話框遮擋住了問題。
8.2嚎货、確認(rèn)
在執(zhí)行一項(xiàng)操作時(shí)橘霎，要提供確認(rèn)。不要使用’愚蠢的對話框’反模式殖属。要尋找不會(huì)打斷用戶操作流的提供確認(rèn)反饋的方法姐叁。
將一個(gè)項(xiàng)目加入任何類型的列表中時(shí)都需要用戶確認(rèn)∠聪裕可以通過動(dòng)畫顯示一項(xiàng)內(nèi)容被保存到什么地方去了外潜，同樣重要的是，顯示此后可以在哪里找到保存的項(xiàng)墙懂。
行內(nèi)反饋是一種很好的提供確認(rèn)的設(shè)計(jì)模式橡卤。這種模式特別適用于表單，當(dāng)提交無效數(shù)據(jù)時(shí)损搬，會(huì)出發(fā)多個(gè)錯(cuò)誤提示。
行內(nèi)反饋也應(yīng)該用于功能性的手勢柜与，比如滑動(dòng)刪除巧勤。
安卓滑動(dòng)刪除。安卓版滑動(dòng)一封郵件會(huì)立即將其存檔弄匕，這時(shí)典型的‘滑動(dòng)執(zhí)行操作’（swipe to perform）手勢颅悉。行內(nèi)反饋會(huì)顯示這封郵件被存檔了，同時(shí)提供撤銷存檔的選項(xiàng)迁匠。
iOS滑動(dòng)刪除剩瓶。iOS系統(tǒng)的郵件是‘滑動(dòng)顯示’（swipe to reveal）手勢的示例驹溃。滑動(dòng)一封郵件時(shí)只顯示可選擇的操作延曙，而沒有執(zhí)行任何操作豌鹤。此時(shí)需要使用第二個(gè)手勢--點(diǎn)擊，才會(huì)存檔郵件枝缔。這里不需要點(diǎn)擊后的行內(nèi)確認(rèn)反饋布疙。
另一種提供確認(rèn)的方案是，使用toast通知愿卸。安卓系統(tǒng)中還可以使用snackbar灵临，并提供一個(gè)撤銷選項(xiàng)。
多狀態(tài)按鈕趴荸，就是在不打斷用戶操作流的前提下提供確認(rèn)反饋的方法儒溉。
在完成一個(gè)事項(xiàng)后，比如下一個(gè)訂單或提交一張表單后发钝，通常應(yīng)該提供更突出的反饋睁搭。因?yàn)檫@些事件常出現(xiàn)在流程的最后，所以這時(shí)可以使用全屏或?qū)υ捒蚴降拇_認(rèn)反饋笼平。
（在執(zhí)行操作后园骆，提供確認(rèn)反饋，但不要打斷操作流寓调。把確認(rèn)元素設(shè)計(jì)成整體流程的一部分锌唾。）
8.3、系統(tǒng)狀態(tài)
展示系統(tǒng)狀態(tài)時(shí)夺英，你應(yīng)該清楚地讓用戶明白晌涕，你在向目標(biāo)推進(jìn)，而不是讓用戶等待加載畫面痛悯。
好的設(shè)計(jì)方案讓用戶專注于進(jìn)程余黎，而不是加載畫面。
例如：谷歌载萌，加載頁面從側(cè)邊滑出惧财，讓用戶感覺內(nèi)容會(huì)立刻加載進(jìn)來，即時(shí)情況并非如此扭仁。這種過度動(dòng)畫實(shí)際上就是加載指示器垮衷。
例如：polar，采用構(gòu)架頁面的方式乖坠，構(gòu)架頁面本質(zhì)上是一個(gè)空白頁面搀突，信息在該頁面上逐步加載進(jìn)來。
例如：sigfig熊泵，在初始化配置或注冊時(shí)需要很長的等待時(shí)間仰迁，實(shí)時(shí)反饋每項(xiàng)任務(wù)的完成百分比甸昏，讓用戶知道應(yīng)用的進(jìn)程。
例如：smartr徐许，在索引聯(lián)系人時(shí)施蜜，進(jìn)度條顯示在頁面上方，內(nèi)容區(qū)域介紹產(chǎn)品功能绊寻。
如果是很長的進(jìn)程花墩，要提供一個(gè)取消選項(xiàng)。
