Use error messages’ copy to gain better customer retention, brand image and loyalty.
For example, this Meetup form features the error message at the very top and in a large font. It tells you clearly that the zip code needs to be entered.
For example, if an error message shows up when a user is searching for something, retain the original query term to facilitate correction.
Don’t just show an error message like City and zip code don’t match. Allow users to click a button that automatically finds a city for the zip code they entered.
For example, avoid error messages that sound robotic or too technical, like the ones below.
A 404 page is a great place to add some light-hearted humor and a strategic redirect, as can be seen in this example.
Use inline validation to find, detect, and correct errors in real-time.
For example, this form on Booking.com shows users what they need to correct before submitting the form.
- Don’t use negative or condescending language, such as the one you can see in this example.
- Don’t make the user think the problem is worse than it actually is.
- Don’t make users feel foolish as it is not their fault. Here is an example of what to avoid.