Join Luke Wroblewski for an in-depth discussion in this video Form length, part of Web Form Design Best Practices.
As we've seen, web forms sit at the intersection of business, community, information…management, and more.…As a result, the details of their design really matter.…So in order to examine those details, let's start by looking at form organization.…One of the biggest questions in form organization is around length.…Let me illustrate that by looking at the Boingo form we saw earlier.…The Boingo form I filled out when I was at the airport looked a little like this:…There's a Required Information section at the top; Credit Card Information…following that; an Account Section; and then a Terms and Agreement.…
Boingo however, recently redesigned their form, and they went from a single-page…solution, to a multi-page solution.…Here I'm showing you step 1 where you Select the Plan.…Of course, there's step 2, Setting Up Your Account and it feels like Boingo has…actually added a significant amount more input fields to this section.…Before we get to section 3, let's take a step back.…This illustrates, as I mentioned, a common question about Web form organization.…
- 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.