Join Luke Wroblewski for an in-depth discussion in this video Errors, part of Web Form Design Best Practices.
We can do our best with asking clear questions using form labels, providing…great efforts as using Form Input Fields, and laying things out appropriately,…but errors still may happen.…When they do, we want to do our best to resolve them as quickly as possible.…Let's look at how we do that.…Not too long ago I was asked to register for the Fairmont President's Club.…This is a club for people who stayed at the hotel more than once.…I was given a card number and asked to fill in this form, pretty much no problem.…Went through the form, and, can you tell what happened?…Somewhere on this form is actually an error message.…
Down at the bottom of three paragraphs of text, we see some bold text, which…tells me, hey, we are sorry, but we can't actually find that card number.…Please verify the number and try again.…Well, how exactly do I do that?…It doesn't really seem like there is an opportunity to do so on this page.…This indicates a number of problems with the way that Fairmont has treated errors.…
- Understanding why forms matter
- Deciding on the form length and structure
- Adding tabs to a form
- Creating required fields
- Adding input masks
- Creating selection-dependent inputs and actions
- Displaying success and error messages
- Adding inline validation
- Understanding gradual engagement
- Enabling touch and audio input on devices
Skill Level Appropriate for all
1. Form Organization
2. Form Interaction
3. Moving Beyond Static Forms
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.