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