Data Input Medium Priority 85% Adoption 3 Seconds Saved
Many users are going to make some sort of error when filling out an online form. This is inevitable. Anything from a typo to a misread credit card number can halt their progress through the checkout. This source of friction can be minimized by proving clear and helpful error messages on the form.
If a user is missing a digit in their ZIP code, don't just give them a message saying "Invalid ZIP." Be specific, and say "ZIP code requires 5-digit number." This makes it easier for them to fix the error and move on with the process.
The worst possible error notification is one that is too vague. Some sites will implement an error message that only appears at the top of the page and simply reads "Invalid address." Imagine going through a grocery checkout only to have the cashier say "Sorry, it won't work." They won't tell you why it won't work, or how you can fix it. Frustrating!
Be specific. If the credit card number is too short, specify. If the email is missing an "@" - specify!
Display Clear Error Messages has an 85% adoption rate among our benchmark group.
Online checkouts are a visual experience - if there is an error, draw the user's eye to the invalid input so they can fix it immediately.
Don't keep users guessing - be specific as possible with the error. This makes it easy for them to fix it and reduces friction.