在日常工作中，經常涉及到許多彈窗的使用和設計，如何運用好彈窗，才能有效引導使用者操作及時回報資訊，是在工作中需要經常思考分析的問題。今天小吉在這裡稍作梳理和總結，如有表述不當的地方，歡迎大家一起讨論。 彈窗基本可分為兩大類：模态彈窗和非模态彈窗；其中模态彈窗有3種類型：Dialog/Alerts(對話框)、Action sheet(動作菜單/控制台/行動清單)、Popover(氣泡式彈框)；非模态彈窗包括：Toast/HUD(小提示)、Snackbar(快捷提示)。 1、模态彈窗 1.1、Dialog/Alerts(對話框)：強提示，需要使用者操作後才能進行下去。 使用場景：一般用于提示相對重要的，影響較大，有價值，引導性強的資訊，如在使用者使用過程中，出現删除、未儲存、退出等可能産生負面的、潛在風險行為時，或對業務/産品/功能相對重要的，影響較大引導性提示，隻提供1～3種操作。
優點：警示性強，功能操作簡單；
缺點：操作選擇性較少，幹擾性強，位于螢幕中間點選操作較不便利。
1.2、Action sheet(動作菜單/控制台/行動清單)：強提示，功能操作性強；常于頁面底部彈出，展示形式多樣，如圖文垂直清單、宮格清單、滾屏清單，互動形式以點選或向下劃動退出，可上下滑動調整任意彈窗高度；對于多分支任務的，可多個Action sheet依次疊層彈出。
使用場景1：與Dialog/Alerts(對話框)相似，使用者在使用過程中，出現删除、未儲存退出等可能産生潛在風險的行為時彈出提示；
使用場景2：用于功能選擇框，向使用者展示多個功能操作；
使用場景3：用于分支任務操作框；
優點：使用形式多樣，操作便利，任務層級分明；
缺點：幹擾性較強。
1.3、Popover(氣泡式彈框)：一般由一個矩形和三角箭頭組成的彈出視窗，箭頭指向的地方通常是導緻Popover彈出的控件或區域。通過點選Popover内的按鈕或非Popover的螢幕其他區域可關閉Popover。
使用場景：多用于低頻功能選擇框、提示引導說明或情境下的相關功能選擇框；
優點：輕巧便捷，不會占用過多版面；
缺點：功能隐秘性較強，不容易被關注，操作較不便捷，展示資訊功能不宜過多。
2、非模态彈窗：
2.1、Toast(吐司)：屬于Android控件，也應用于iOS應用設計。輕量級的回報，不可互動，展示形式為文本，多為黑色半透明效果。
使用場景：一般用于頁面狀态回報，無需使用者點選，幾秒後自動消失。
優點：幹擾性低，提升使用者感覺度；
缺點：互動性弱，一般出現時間短，不宜承載内容過多、資訊較重要的提示，不可用于動态資訊回報。
2.2、HUD：屬于iOS控件，輕量級的回報，不可互動，展示形式為文本、圖示及動态的，可變更的内容資訊，毛玻璃透明塊狀效果，出現在螢幕中間。
使用場景：一般用于加載、成功/失敗、音量控制等操作回報。
優點：幹擾性低，提升使用者感覺度，減輕使用者焦慮，可用于動态資訊回報；
缺點：互動性弱，一般出現時間短，不宜承載内容過多、資訊較重要的提示。
2.3、Snackbar(快捷提示)：輕提示，可互動，Snackbar源于Android裡的控件，但現在也通用于iOS設計。
使用場景1：短暫停留後，或滑動頁面後就會消失。一般用于内容推廣、操作引導、使用者消息等。展示形式為圖文、按鈕，多出現于頁面底部或頂部。
優點：幹擾性低，比Toast/HUD停留時間較長，互動性較強，使用者自主操控感較高，可承載内容較豐富；
缺點：一般出現時間短，不宜承載内容過多、資訊較重要的提示。
2.4、Tips(小提示)：輕提示，可互動，不會自動消失，展示形式多為圖示、文字、按鈕，一般出現于螢幕頂部或底部。
使用場景：多用于登入提醒、網絡異常、應用狀态、内容推廣提示等輔助操作提示，不妨礙使用者繼續操作、浏覽。
優點：幹擾性低，互動性較強，使用者自主操控感高、引導性較強；
缺點：對使用者警示性低，不宜承載過多内容和重要的資訊。
總結以上彈窗的應用場景，大緻可分為提示引導類場景、功能操作類場景。提示彈窗也是人機互動中模仿人與人之間互動實時回報的情景，操作的及時回報有助于提升使用者感覺度、人機互動的友好度 、 易用性，以及減輕使用者在操作、等待過程中的焦慮和迷茫等負面情緒。 而功能操作類的彈窗，則在互動上，使用起來更加便捷，層級更加清晰分明。 功能彈窗類型豐富多樣，還有新手引飛彈窗、功能操作浮層等，在這裡沒有全面整理到位，也希望整理這些内容對各位小夥伴有幫助。 參考資料： http://www.woshipm.com/pd/2997173.html https://www.sohu.com/a/190380698_114819