Modal Dialog

A Modal Dialog is a type of overlay that interrupts the user’s current interaction with the interface to deliver critical information or prompt an action. It often requires users to interact with the modal before returning to the main content. Modals are used for confirmations, alerts, or additional forms but should be used sparingly to avoid overwhelming the user.

Modals are one of the most overused and misused patterns in SaaS design. They're appropriate for focused tasks that require user input before continuing — but too often used as a shortcut for content that deserves its own page, or for confirmations that could be inline. Every modal interrupts the user's flow and context; the question to ask before adding one is: does this genuinely require the user's full, undivided attention right now?

Qatalog's delete modal says 'This action cannot be undone' with a required checkbox confirmation before the Delete button becomes active — friction that's proportional to the irreversibility of the action.