Join Luke Wroblewski for an in-depth discussion in this video Web services, part of Web Form Design Best Practices.
Chances are when you ask somebody for their name or e-mail address in a web form,…you're not the first.…That is, people have taken a lot of time to provide information to websites and services.…There are ways that we can utilize that in our own web forms using a number of…third-party solutions.…Let's take a look at that in action.…Here we have a pretty typical web application, brightkite.…It's all about connecting with People, Places, and Friends.…In order to get going you can either Sign up or Learn more.…So let's try doing just that.…
When we click Sign up, and let's take a guess at what it's going to greet us,…that's right, a web form, but digging in we see some details.…At the top we're asked for our Username.…This will be your username.…It must be alphanumeric, 3-15 characters long, can contain underscores, but no spaces.…If you've already set it on mobile, pick a different one.…E-mail, we're going to send you a confirmation e-mail, so make sure it's right.…Password, got to be at least 3 characters and retype it, so you don't make the mistake.…
- 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.