Join Luke Wroblewski for an in-depth discussion in this video Label alignment, part of Web Form Design Best Practices.
Web forms are basically a series of questions, and how we ask those questions…generally falls on labels.…Labels inside of a Web form queue up the information we need from people.…The way we ask those questions and the way we lay those questions out is often…a topic of a lot of debate, in particular, label alignment.…Let's jump back to that Boingo get online form that I talked about much earlier.…Here, the way we're being asked every question is with a little gray label…underneath the input field.…
Now, bottom-aligned labels tend to be a bad idea because it's not clear upfront…what question we're being asked.…Remember in the past the completion is people start from the top and make their…way down, question; ability to answer it; question; ability to answer it.…It works a bit better than answer; question. Not really how we naturally work.…So what are our other options?…Well, if we rule out bottom-aligned labels for these reasons, we are left with…top-aligned, left-aligned, and right-aligned labels.…
- 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.