Join Luke Wroblewski for an in-depth discussion in this video Actions in progress, part of Web Form Design Best Practices.
Sometimes even when we get to the end of the form and hit the primary action,…things might take a bit.…That is, you may need to process some information, calculate some data or…even upload a file.…In these situations we want to provide feedback that actions are in progress.…Here is a situation we'd like to avoid.…Do not click the Submit button twice;…you may actually get your credit card billed twice.…Look at the amount of legal text in the second one.…We run the risk of having our credit card charged.…The issue here is that the burden has been put on the user, on our customer,…instead of being taken on us.…
The system should instead of giving this type of message, disable the primary…action so that people can't make a mistake, and then provide a little bit of…feedback about what's going on.…Let's see how that can actually happen.…On the 37signals' site, Basecamp, we can see an example of this principle in action.…When I click Post this message with an attached file you'll note the primary…action turns into an animation.…
- 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.