Modal View

The Modal View pattern is a small container for displaying information. Dialogs contain a title, content area, and buttons. Modal Views can appear automatically (alerts, banners) or after a user interaction (modal views, popup menus). Some Modal Views go away automatically after a certain period of time, some require users to take an action in order to disappear. This pattern is common for both phone and tablet.

Note: Popups can also be used to create menus. For more information see Navigation Menu Pattern.

Appearance

Appearance characteristics for this pattern.

Banner

Alert

Dialog

Behavior

Common behaviors for this pattern.

Banner

Alert

Dialog

Usage

Usage guidelines for this pattern.

Banner

Alert

Dialog

Related

Fig 1. Banner

 

Fig 2. Alert

 

Fig 3. Dialog