Join Luke Wroblewski for an in-depth discussion in this video Input groups, part of Web Form Design Best Practices.
Field length and required indicators aren't the only ways we can help people…understand how to provide input.…The natural structure between a series of input fields can actually communicate a lot.…Input groups are the way we represent that structure inside of web forms.…Input groups can provide valuable clues about how to answer a question about…organizing things in a structure that makes sense to people;…most common of these structures is the Address field.…From years of writing letters, receiving letters, and encountering our addresses…in various contexts, we've come to understand what the pieces of an address are,…and how they form a block.…
So when you see a US postal address, one in France or one in Spain, the…structure remains relatively similar.…People who lived in these countries for years can simply look at that block and…understand it's an address without necessarily seeing the labels.…When you break that structure, challenges can emerge.…So looking at this form from Nintendo Wii, you'll see that the Address block is…
- 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.