Learn about the benefits of why UX is so important in form design.
- [Narrator] Forms are vital for all online interactions. Every meaningful interaction that happens on the web is achieved by a form of some sort. Without forms, the web merely becomes a passive experience, just a way to consume content. Forms are everywhere on the web. Most of us will fill in at least one form every day. Logging on at work, filling in time sheets, signing for credit card purchases. Major events in our lives have forms associated with them too. From birth and marriage certificates to passport applications and voter registrations. Anytime you make a purchase online, a form is involved. Logging in to check your email, making an appointment online with a doctor or the DMV. As time goes on, more and more online form interaction occurs, which is why form design is even more important than ever. I'm sure you can easily recall a poor form interaction. We usually experience these all the time. Your password won't work, the safety questions were pre-chosen and ones that you would never remember, the captcha is too difficult to figure out and works poorly. The list goes on and on. All of these are examples of poor planning and bad UX. Good form interaction is rarely remembered since it worked the way it should. We say that good design is transparent, it just works. We do what we need to do and we move on, that's the way things should be. But they aren't more often than not. Everything in this course is about usability, the quality of being easy to use. How we can improve the user experience? How we can improve the forms that we build, whether online or more traditionally based? This course does focus on web-based forms, but if you're working on paper forms or some other medium, you'll find many of the ideas helpful as well.
- 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.