Learn how creating a good flow can improve the user experience of completing a form.
- [Instructor] When a user looks at a form on a website,…they aren't thinking of it as a collection of…HTML and CSS, like you are.…They couldn't care less what kind of code is behind it.…All that they are concerned with is the experience…of filling out the form.…You can't just think of a form as one page on a website,…you have to consider it as a part of a process…of whatever action the user is trying to take.…Users don't like to give you their information,…so one of the first things that will happen…as they're filling out the form is they're going to decide…whether they feel comfortable giving you their information.…
If you're asking them to sign up for a paid service,…many users will be worried that they'll be charged…for something they didn't actually want or get stuck…with ongoing billing that's hard to get out of.…This site, they have a button Get Started for Free,…so you know you don't have to pay right away.…Below that, they're very specific.…No credit card required, and you can cancel anytime.…So a person is going to feel a lot better about…
- How users interact with forms
- Designing forms that are easy to use
- Following data privacy laws when collecting information
- Choosing which HTML input types to use
- Adding buttons
- Adding interactive validation
- Styling form fields with CSS
- Using positioning and flexbox to create responsive form layouts
Skill Level Beginner
1. Designing a Form Experience
2. Creating Forms with HTML
3. Making Forms Interactive
4. Styling Form Fields with CSS
5. Form Layout with CSS
- 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.