<?xml version="1.0" encoding="utf-8"?>

Make sure dialogs are easy to close

Make sure dialogs are easy to close

Dialogs interrupt what users are doing, so it's essential to give them clear ways to close them and return to their tasks. This respects users' control over their interactions and helps maintain their focus.

For dialogs showing non-critical information, offer several intuitive ways to dismiss them:

  • The standard close button in the top right corner
  • Background click/tap to dismiss

When dialogs contain important information or need specific actions, think carefully about closing options. While you want to prevent accidental dismissal, always provide clear ways to exit. The key is matching dismissal methods to the dialog's purpose — critical information might need more deliberate closing actions, while general updates should be easy to dismiss.

Improve your UX & Product skills with interactive courses that actually work