From the course: Building Great Forms with HTML and CSS
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Flow and order
- [Instructor] One other concept that we need to discuss before we get started building our forms is flow and order. This has to do with how the user goes through the form. The first thing you want to think about is asking questions in a sensible order. That sounds reasonable, right? Why is is that so many forms aren't doing that correctly? Asking for information at the wrong time can alienate a user. The same question put at the right moment can be entirely acceptable. Ask for the right information at the right time. For example, payment happens towards the end. Users will be given a chance to check their order before submitting it. And finally, the confirmation page acts as a sales receipt. Here's a complete flow. Ask for an email address, then a mobile phone. Maybe that's optional. You'll need their delivery address. They'll need to specify delivery options and maybe add some delivery notes. You'll need to have your…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
(Locked)
Organizing a payment form3m 56s
-
(Locked)
Flow and order2m 9s
-
(Locked)
Order summary overview5m 13s
-
(Locked)
Personal details summary9m 56s
-
(Locked)
Payment stepper2m 19s
-
(Locked)
Input mask8m 21s
-
(Locked)
Auto-populating city and state8m 15s
-
(Locked)
Shipping5m 53s
-
(Locked)
Handling payment, part 17m 53s
-
(Locked)
Handling payment, part 27m 19s
-
(Locked)
Handling payment, part 38m 27s
-
(Locked)
Review and confirmation pages5m 9s
-
(Locked)
-
-
-
-