4 rules for displaying error messages from a user experience perspective

In order to display error messages on forms, you need to consider the following four basic rules:

1. The error message needs to be short and meaningful

2. The placement of the message needs to be associated with the field

3. The message style needs to be separated from the style of the field labels and instructions

4. The style of the error field needs to be different than the normal field

By combining these four rules, it is possible to provide the necessary information to users where they have made mistakes on filling in forms and how to rectify them quickly and easily. This will encourage and help users to continue with their journey on the site, reducing the number of basket abandonment, not registering on a site, making enquiries about an application form and so forth.