Join Luke Wroblewski for an in-depth discussion in this video Selection-dependent inputs, part of Web Form Design Best Practices.
Sometimes a question we ask people in a web form requires some…follow-up information.…This differs from additional inputs because additional inputs are triggered by the user.…That is they say, hey, I want to specify more information.…In a situation where we need follow-up questions answered, it's actually the…system or us who are making that same request.…For that, we turn to selection dependent inputs.…Let's again look at an example.…Here's a simple form applying selection dependent inputs.…The first initial question we ask people is, "are you a new user or a returning user?"…If you're a new user, we're going to actually ask you to create an account.…
If you're a returning user, we're just going to ask you to log in.…Note that the input fields that follow on from this initial question are different.…So the first question triggers a series of different questions after it, and…that's the basic idea behind selection dependent inputs.…This little model that I was showing you there is just one way of actually…
- 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?
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.