Alerts, Errors & Confirmations

This page provides clarification among the 4 types of messaging in our design system: Alerts, Notifications, Errors and Confirmations.

Alerts

SPL_alertsyellow_example1

Alert messages are error or frustration avoidance elements. They proactively communicate critical information related to the action a user is taking or task at hand.  They prompt a user to take action before continuing and triggering an error (error prevention), or explain why parts of the interface are disabled/limited (condition explanation)

View detailed usage guidelines and resources


Notifications

disamb Notifications

Notification messages are frustration or confusion avoidance elements. They proactively communicate non-critical information related to the action a user is taking or task at hand. They are used for FYIs about the current process or post-completion processes; they do not prompt the member to take action in the interface in order to proceed.

View detailed usage guidelines and resources


Errors

SPL_errors_example1

Error messages can occur upon validation. They communicate failure reasons to users.

View detailed usage guidelines and resources


Confirmations

SPL_confirmations_example1

Confirmation messages are a reassurance element. They confirm the success of a user-initiated action.

View detailed usage guidelines and resources


 

Related: Forms, Modals (aka dialogs)

Post a New Comment

Your feedback will help us improve this page. If you have a comment about the content of this page, use the form below, and the Patterns Team will get back to you within a business day.

For general questions or assistance, email the Patterns Team directly.