Alert Dialogs

An alert dialog presents a message in response to a user action.  Like all dialogs in the vSphere Web Client, an alert dialog is modal. 

Usage

The vSphere Web Client has four types of alerts.  Notice the icon specific to each type.

Information

Use this alert when you want to guide users through a workflow or convey a pertinent message.

 

Warning

When you want to make users aware of a condition that might be harmful in the future, give them a warning.

 

Error

To report a problem, use the error alert.

 

Confirmation

You can ask users to confirm an action with this alert, but use it sparingly. If the confirmation is a warning or an error, use the appropriate icon. 

 

Guidelines

Window Size

The minimum size of an alert dialog is 322 x 205 pixels, and the maximum size is 496 x 424 pixels.  Make your alert dialog as small as possible without forcing the user to scroll the contents. 

Window Title

  • If the alert relates to the state of an object or an action to take on an object, include the object name in the window title, followed by text describing the problem or action.

    Example 1:  0.20.104.72 - Add Software iSCSI Adapter
  • If the alert is not related to an object, briefly describe the action or problem. Don't use generic titles such as "Error" or "Warning."

    Original:  Warning
    Rewrite:  Delete Library
  • Don't include an icon in the title, even if it's an object icon.
  • Don't include a Close, Help, or Minimize button.

Body Text and Icon

  • Consult Error and Warning Message Text for guidelines on writing message text that fits in with the style and tone of the vSphere Web Client.
  • Use a standard 32 x 32 icon.
  • Ensure that the icon matches the text.  Don't use a warning icon with error text.

Buttons

  • When conveying a message, use a single button and label it OK. 

  • When conveying a message and requiring users to confirm whether to proceed with an action, use Yes and No buttons or words that represent the action in the dialog. 


     
  • Enable all buttons.
  • Optionally, make the button that has the least amount of consequences the default button.  For more information, see the default button section of the Button standard.

    In this example, the No button has the milder consequences and is the default. 

Visual Specification

Related Topics

 

Average (0 Votes)