When to uses Modal ?
- When users needs to interact with the application without jumping on another page
- Breakdown a complex workflow into a series of less complicated steps
- For non-essential information
Usage
The Modal is used to catch users attention for an important information or to interact with the application without the need to redirect him on another page. It can either be used to inform the user before the action is performed (to ensure that he knows what the action will result in), or as a simple modal that can contain informations such as additional support or help.
Its usage can be efficient when the user need to complete a task without losing the context of the underlying page, as the won’t be able to interact with it until the dialogs is closed.
Do / Don’t
|
DO |
DON’T |
|---|---|
Use a modal when you require an immediate attention from a user |
Don’t use a modal to provide an information that doesn’t require user full attention. Instead use banner, or alert |
|
|
|
|
DO |
DON’T |
Modal should request one simple and short task |
Don’t use a modal for multiple task. If you need to request multiple task, split them, or use the Popover. |