No. 061
UI Design
Modal
A modal is a window that appears on top of the main content and requires the user to interact with it before returning.
Why it matters
Modals focus attention on a single task or decision, but they interrupt the flow — so they should be used sparingly and for the right reasons.
In depth
Modals are useful for critical confirmations, focused tasks, or content that benefits from isolation. They become frustrating when overused for non-urgent messages. Good modals are easy to dismiss, clearly titled, and reserved for moments that truly need focus.
Real-world example
A 'Delete account?' confirmation dialog that dims the page behind it and asks you to confirm or cancel is a modal.
Related terms