Join Luke Wroblewski for an in-depth discussion in this video Tabbing, part of Web Form Design Best Practices.
I've talked with people around the world about how they use web forms, and every…time I do, I asked them all similar question:…How many of you use the mouse to move between form fields, and how many of you…actually use your keyboard by hitting the Tab key?…Usually, and this isn't a scientific response, 60% of people say they use their…keyboard to tab between input fields.…Whatever the real number is, the fact is there's a lot of people out there…hitting Tab to move between the fields in the form.…As a result, it's something we need to take into account when we lay out all of…things we're putting on a form.…
So let's see what a problem could be with tabbing behavior.…When we look at the Office Depot site, we see again, a two-column layout.…Now as people move between these, the first tab will jump you over here, then…you'll be moving through here, then you'll be bopped over to the left, finally…jumping all the way up to a small checkbox on the right only to make your way…down again over left, right, up, down, you get the idea…
- 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.