Join Luke Wroblewski for an in-depth discussion in this video Field length, part of Web Form Design Best Practices.
While labels ask the questions people need to answer in our forms and help and…tips can help them along, it's actually the input fields that really provide the…forms where people can provide their answers.…So one of the ways we can help people along with what's an appropriate answer is…by creating the right field length for our questions.…Field lengths, when appropriately sized, help provide valuable cues about the…type of answer that makes sense.…When those field lengths are random, it really doesn't do much to assist people.…Let's take a look at an example.…
Here, the eBay registration form is using a lot of meaningful field lengths.…What I mean by that is the ZIP Code is generally the size of a ZIP code, the Phone Number;…three fields, three characters, three characters, four characters is exactly the…size of an appropriate phone number.…Every other input field, whether it's e-mail address, Create Password or Re-enter…Password is a consistent size with enough room to enter a valid answer.…
- 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.