Modal or separate page: the choice directly affects error frequency and task completion rates. This piece, published on Smashing Magazine, cuts through a distinction most designers blur: modals, dialogs, overlays, nonmodals, and lightboxes are not interchangeable terms. A modal disables the background. A nonmodal does not. That difference alone changes the entire interaction contract with the user. Anna Kaley at Nielsen Norman Group has documented that most overlays appear at the wrong moment, interrupt critical tasks, and use poor language. The article's baseline recommendation is blunt: nonmodals should be the default, not the exception.
The article maps two hard rules. Modals belong to single, self-contained tasks: destructive action confirmations, data-loss warnings, quick input verification. They preserve page context, including scroll position, filter state, and edited input, which is their primary structural advantage. Standalone pages belong to complex, multi-step workflows where the user needs full attention and no reference to the prior screen. Tabbed navigation inside modals is explicitly called out as a failure pattern, even in enterprise products. A third category is identified and underserved: repeated, task-heavy workflows where both modals and page navigation add friction. For those, expandable sections and in-place editing, flagged by designer Saulius Stebulis, keep the task anchored without interrupting flow.
The piece anchors its framework around a decision tree built by Ryan Neufeld, available as a PNG cheatsheet and a Google Sheets template organized across 7 question categories. That tool is the reason to read the full article, not just the summary. The decision tree operationalizes every tradeoff covered: context preservation, task complexity, interruption severity, and data comparison needs. If your team is still making this call by instinct, the template gives you a repeatable process. Read the original for the full breakdown of when drawers outperform both modals and pages, and how to handle nested modal failures.
[READ ORIGINAL →]