Dialog modal
Dialog modals are used to validate user decisions or to gain secondary information from the user.
1. Alike components
Dialog modal | Side panel | Popover | |
---|---|---|---|
It triggers disruptive context switch for users | Yes | No | No |
An action needs to be taken to dismiss the component. | Yes | Yes | Maybe |
Information load | Light - heavy | Heavy | Light |
Level of abruptness | High | Medium | Light |
2. Copy guidance
Do
The title should be brief and clearly describes the dialog’s task or purpose.
Don't
Don’s put an ambiguous sentence in the title.