Join Luke Wroblewski for an in-depth discussion in this video Success messages, part of Web Form Design Best Practices.
Here's where all of the hard work we've put into input fields, labels, form…layouts, and interaction starts to pay off.…People have filled in all of the information, they found the primary action,…they've hit it, no errors. Ta-Da!…Well, what kind of Ta-Da do we provide for them?…Success Messages point the way.…First of all, it's quite important to let people know that they have submitted…a form successfully.…Just dropping them off back on the form without an indication of what's happened…is usually a way to lead to confusion.…So you can see on this example what we've done is put a message at the top that…says changes saved successfully…Now with a form where we're going in to edit data and that's the entire…purpose may make sense to keep people on the form page with the success…message at the top.…
That success message may be permanent or you can show it for a bit and then fade it away…The important thing here is keeping people in context.…In the case of editing data records, the context is the record you just edited.…
- 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.