App有各種各樣的彈窗，如果研發問你“你說這介面要加彈窗，是哪種？是模態還是非模態？”如果不清楚彈窗控制元件的叫法、用途、特性以及優缺點，將無法很順（zhuang）暢（B）地和研發同事溝通，也可能無法選擇最適合特定使用場景的彈窗。
-
-
下面進入正題
彈窗可以分為模態彈窗和非模態彈窗，這兩種最主要的區別是：前者需要使用者與彈窗進行互動才能讓彈窗消失，而後者會自動消失、使用者無需與彈窗互動也可繼續在app上進行操作。
-
-
模態彈窗有3種:
-
-
1.1. 對話方塊/警告框-Alert/Dialog
1.1.1. 一般出現在螢幕中間，使用者視線聚焦於彈窗，對介面的主要內容造成遮擋
1.1.3. 樣式多樣：
-
1.2.動作列表/動作面板/行動選單-Actionbar/Actionsheet/Actionview
1.2.2.樣式主要為兩種
列表式
✔選項較少可使用
✔常見於文字形式表現選項
宮格式
✔選項較多可使用
✔常見於圖示形式展現選項
✔選項很多時，建議分組，一行為一組，可在螢幕右邊緣露出部分圖示，暗示可以橫向滑動檢視更多選項。
-
1.3.浮層彈窗/浮出框-Popover/Popup
-
模態彈窗的特點：強制使用者互動；
優點：進行重要的操作時獲取使用者聚焦；
缺點：打斷使用者的操作行為，若不與彈窗做互動則其餘功能無法使用。
-
-
2. 非模態彈窗
2.1.提示框Toast/Hud
2.1.1.Toast是安卓系統的一個控制元件名詞，現也應用於iOS系統之中
2.1.2.iOS裡有一個相類似於toast的是hud（如音量調節）
2.1.3.用以輕量級提示/展示文案，無互動，一般顯示1~2秒自動消失，不能手動讓其消失
2.1.4.出現的位置可以在頂部/中間/底部，app內的toast儘量使用相同位置
2.1.5.現實中的toast可以加icon、背景色可以自定義
-
2.2.底部彈窗Snackbar
2.2.1.Android特有的互動形式，有些時候也有應用在iOS系統中
2.2.3.一般出現在介面下方
2.2.4.會自動消失，也可以人為操作使其消失
-
非模態彈窗的特點：不強制使用者互動；
優點：輕量級，不打擾使用者使用其他功能；
缺點：對有風險、不可逆的操作起不到聚焦作用；
-
-
總結
感謝閱讀，將持續釋出產品經理相關文章～
#產品經理#產品設計#互動設計#使用者體驗#產品體驗#app控制元件#產品分析#產品小白#互動設計師