Learn about how to best provide and display error messages.
- [Instructor] Mistakes are unavoidable in our lives. … When a user is working on a form, … it's very likely that they may encounter errors … in response to their actions. … Some kinds of situations can be frustrating for users … if not handled properly within a form. … There are three main principles that should be followed … when designing error correction flows. … The error message should be easy to notice and understand. … If users don't know that there's a problem with their input, … the won't be able to fix it. … The field or fields in error should be easy to locate. … People shouldn't have to hunt for the error … through the form. … Users shouldn't have to memorize the instructions … for fixing the error. … People shouldn't have to remember how to fix the problem … while they're fixing it. … The instructions should be right there … in front of their eyes. … So what can you do … to improve the experience that goes wrong? … Let's look at some examples. … Write error messages in a clear and simple language. …
- Why form design matters
- Incorporating visual information
- Selecting colors for web forms
- Designating types of inputs
- Grouping and sequencing questions
- Helping with predictive search
- Showing validation and success messages
- Addressing errors
- Designing forms for mobile screens
- Leveraging boxes, buttons, and tabs
- Adding CAPTCHA to forms
- Accessibility considerations
Skill Level Intermediate
Design the Web: Styling Form Elementswith Chris Converse39m 34s Beginner
Careers in Web Design and Developmentwith Jen Kramer27m 55s Intermediate
1. Forms Are for Everyone
2. Form Organization
3. Organizing Content
4. Guiding Users Through the Form
5. Actions and Buttons
Alignment and styling3m 24s
6. Form Visuals
7. Specific Form Type Tips
8. Common Form Needs and Considerations
Next steps2m 3s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.