Components

Notifications

Notifications component contains important information to alert users to take a certain actions.

Do's

  • keep the notification brief and clear
  • use consistent notifications for the same information/success/warning/error throughout your site

Don'ts

  • overuse notifications - users may ignore them and they can get in the way of a user completing their task
  • write notifications that are neutral. For example, instead of The postal code you entered is invalid, the notification should say Please enter a valid postal code

When to use

  • when the information is essential to convey to the users in order to go to the next step
  • success notification: the user has performed an action which was successfully completed
  • warning notification: the user needs to know about the potential dangers of completing their task (for example: "you are about replace/erase your data")
  • error notification: the user tried to perform an action that failed because of a problem (for example: a file could not be uploaded because it wasn't the correct type of file)

When not to use

  • don't use to show non critical information