Buttons

A button represents an action that users can initiate.


Guidelines

  • Use wording that describes the action that the button represents.  For example, use "Browse..." to open a file chooser and "Edit..." to open the Edit Settings dialog.
  • Use three or fewer words in the button label.   If the label needs further explanation, provide the details in a tooltip.
  • Use title-style capitalization.
  • Include an ellipsis at the end of the button label if the action opens a dialog or wizard in which users input data.
  • Avoid using icons in button labels. Text-only labels are preferable.
  • Ensure that the label and behavior of the button matches the corresponding action in the Actions menu, if one exists.
  • Set the default button to the action that users perform most frequently, but ensure that the action does not have potentially harmful consequences.  Not every dialog requires a default button. 
  • Disable a button in the following situations:
    • It is subordinate to another control, and that control is disabled.
    • The user doesn't have permission to perform the action.
    • The action is not available due to the state of the object.

Visual Specification

Related Topics

Average (0 Votes)