Join Luke Wroblewski for an in-depth discussion in this video The path to completion, part of Web Form Design Best Practices.
It's time for me to level with you guys.…Nobody really likes filling in Web forms--…well, maybe the guy who does my taxes. But in general what people actually want…is to get to what's on the other side of the form.…They want to buy something;…they want to join a site.…Filling in a series of questions in linear order through labels and input fields…is not on their favorite list of things to do.…So, the goal of many Web forms is to get out of the way, but to also show what I…like to call a path to completion.…That is how do I get through this as fast as possible?…Where do I start and where does it end?…And this principle applies to how we layout our forms.…
Let's look at an example.…This is the form on PayPal as redesigned by a company called 37signals.…Now what they have tried to do here is insert a series of hierarchical blocks…that point you to the most important information first.…Problem is when you try to scan this form and see everything that's required in…order for you to actually send this money;…
- 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?
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.