原文鏈接:彈框體系總結:模態(tài)彈框和非模態(tài)彈框 - 優(yōu)設-UISDC
概要:彈框主要完成信息傳遞和用戶反饋兩大功能。所有的對話框、浮層、提示條我們都習慣性的稱之為彈框,其實彈框我們可以分為兩種:模態(tài)彈框和非模態(tài)彈框。
1、模態(tài)和非模態(tài)。最大的區(qū)別就是是否強制交互。模態(tài)會打斷用戶的當前流程,不操作的話,其余功能無法使用。

2、模態(tài)彈框。模態(tài)彈框屬于一種重量性反饋,一般用戶用戶進行重要的操作。優(yōu)點:很好的獲取用戶的視覺焦點;缺點:打斷用戶的操作流程。
A 對話框:對話框一般用于用戶進行一項很重要或者有風險的操作,這時會彈出一個對話框給用戶提示信息,用戶根據提示來進行判斷。一般出現在屏幕的中間位置,會對界面的主要內容造成遮擋。

除常規(guī)對話框,可進行信息錄入,還可用于營銷宣傳。

B 動作欄:對話框的加強版。Alert和Dialog一般都只有兩個按鈕,動作欄可提供多個功能按鈕,展示樣式多變。

但也有例外。有的動作欄只有兩個選項。網易云音樂刪除歌曲,通過動作欄來完成(筆者覺得也可使用對話框)。

C 浮層。浮層是用戶點擊控件或者界面某一區(qū)域浮出的半透明的臨時視圖。樣式跟動作欄很相似,都可向用戶展示多個功能選項。但浮層可以出現屏幕中的任何位置,能夠給用戶更具有指向型的提示。

小結:在不考慮信息錄入情況下,對話框適用于用戶進行判斷操作,而動作欄和浮層適用于用戶進行選擇操作,而浮層相對于動作欄更具有指向型。
3、非模態(tài)彈框。
不強制交互,也不會彈出半透明背景層,停留后會自己消失。非模態(tài)屬于輕量級反饋。
A Toast?

Toast主要用于用戶完成操作以后,告訴用戶操作結果或者狀態(tài)的變更。Toast其實是屬于Android的組件,iOS里有一個相類似的是hud,最常見的就是音量調節(jié)提示。但是現在iOS和Android的界限不斷被打破,toast現在也被廣泛應用于iOS界面設計中。如果我們去看Android給的設計規(guī)范,會發(fā)現Toast有以下幾個特點:只出現在屏幕底部、只能放文字、非模態(tài)彈框

但真實的toast出現在屏幕的任何位置。甚至可以加ICON,背景顏色也能改變。toast的優(yōu)點在于不會打斷用戶當前的操作流程,屬于輕量級,缺點是易被忽視,而且不適合展示過多信息。為增加可讀性和美感,一般采取文字加ICON。
B Snackbar
由文字加功能按鈕組成??牲c擊按鈕進行交互。及時不點擊也會消失,一般位于屏幕下方??蓪⑵淇醋鲙в衖con的toast。
屬于非模態(tài),但有模態(tài)的一些特點。有按鈕可供交互,出現在界面下方,和action sheet很像。
小結:非模態(tài)偏重信息提示,模態(tài)即可信息提示也可供交互。toast為輕量級彈框,snackbar集眾家所長。
4、彈框體系的建立優(yōu)化
能在界面中展示就不用彈框,能用非模態(tài)彈框的就不要用模態(tài)彈框。
任何彈框都會對用戶造成干擾,即使是toast。從用戶體驗角度看,一個操作流程所受到的干擾越少越好。
案例(方案3最佳):

多態(tài)按鈕:
此外多態(tài)按鈕的使用也可以幫助我們解放彈框的壓力。例如,支付寶的支付界面,立即支付按鈕可以跳轉到付款成功的狀態(tài),這時候就沒有必要再用彈框給用戶提示了。

3、