Design Modals With Respect for Attention
Components · attention, modals
Updated 2026-07-28
- Modals interrupt the user's current task. Use them carefully.
- Use a modal only when:
- The decision is important.
- The current task cannot continue.
- The information requires focus.
- Avoid using modals for:
- Simple messages.
- Minor confirmations.
- Information users can see inline.
- Keep modal structure predictable:
- Clear title.
- Short explanation.
- Obvious action buttons.
- Make closing easy:
- Close button.
- Escape key.
- Clicking outside when appropriate.
- Preserve user context:
- Do not remove their previous work.
- Return them exactly where they were.
- A modal should create focus, not frustration.
Related guides
UX Handbook