Please enable JavaScript.
Coggle requires JavaScript to display documents.
Modal 互動視窗 - Coggle Diagram
Modal 互動視窗
Modal
active btn: 確定／取消
全螢幕 Modal 畫面
彈出訊息框 Popups
（跟隨觸發位置的）彈出訊息框 Pop-Overs
燈箱視窗 Lightboxes
警告/通知
（多重步驟）對話框
要求使用者完成某動作，才可以回到主要視窗
要求使用者關閉視窗後才可以再次使用主要導覽列
Modal 產生注意力，讓人完成某項工作或略過訊息、畫面之前，無法做其他事情。 — Apple
只要有清楚的開始到結束點，就是「可以獨立存在的流程」。此動作在有限的時間範圍內，將使用者帶離一般使用者流程，讓他專注在本次動作，然後再送回他當時離開的地方。
「得要讓使用者進行某特定工作、決定或知曉的重要資訊」— Google
盡可能不要使用 Modal。一般來說，人們喜歡以非線性的方式與 App 互動。只有在非得要抓住注意力、必須完成或放棄某項工作才可以繼續使用 App 的時候，才考慮做 Modal，要不然就是要儲存重要資料。— Apple
該怎麼使用？
在上方的導覽列一定要顯示關閉按鈕（或取消/放棄/最小化…等）。使用者迷路的時候，可以輕易地關閉 ，然後回到 App 的最頂層級。
iOS 和 Android 的取消按鈕最常放在導覽列的左上方。在 Android 習慣使用「關閉」或「X 圖示」，而 iOS 偏好「取消」文字。不過，圖示按鈕在 iOS 仍可通用，而且能廣泛理解。
非 Modal
active btn: 上一步
直覺地回到上一層畫面
能看見導覽
多重步驟的 Modal