Notification

Notifications build trust by providing users confidence and assurance that they are informed with timely, relevant status about their systems and tasks.

To standardize language for notifications across HPE projects, be sure to familiarize yourself with this taxonomy:

• Type - In the broadest terms, what the notification is about
• State - The current stage within a process
• Status - The condition of a process
• Attention level - The priority and importance of a notification
• Actions - Interactactions within a notification
• Persistence - How the notification is dismissed
• Placement - Where the notification can be found
• Insight - The content of the notification

A state is the current stage of a process.

A status is the condition of the state. Status can also be thought of as a pointer to a state’s “health.” At HPE we tend to use the two terms interchangeably, but the end users don't know that. To avoid confusion for the end user, do not use the word "health" in your user interfaces. Always use "status" instead.

Here is an example of a toast notification that illustrates their differences:

Keep in mind that a status derives from a state.

The following types of notifications are used to provide users with full transparent clarity on tasks and system statuses:

• Status Indicators are used within all types of notifications. They capture a user’s attention based on the notification’s level of severity.
• For low priority and non-action-oriented notifications, Toast Notifications are a great way to inform users unobtrusively.

There are a couple types of the notification component depending on use case.

Toast notifications are used for low attention status messages or updates that do not require user action. For more thorough guidance on how and when to properly make use of a toast, access the full page on Toast Notifications.

Global banner notifications are system-generated alerts that attract the user's attention to system conditions and updates. For more thorough guidance on how and when to properly make use of a global banner, access the full page on Global Banner Notifications.

The Design System team is currently exploring and researching best practices and considerations for notification patterns. Here are some we plan on addressing:

• Page banner
• System
• Inline
• Notification center
• Badging & bell

Please be sure to send them over to the #hpe-design-system channel on Slack!