Join David Hogue for an in-depth discussion in this video Improving form structure, part of Applied Interaction Design.
We've confirmed that all of our boquets are in our shopping basket, the mixed rose…collection and our custom boquet. Let's go ahead and proceed to check out, I…know that these are the items that I want to purchase.…And so we move forward. Now, checkout is one of the most common…form experiences that people have online. And so it's really easy for us to talk…about form structure by looking at a checkout process, because we've already…got expectations and mental models for how this should work.…Let's briefly talk about good form field practices first.…
There is a tremendous amount of information available to tell us how to…create better forms on web applications and on websites.…So this is going to be just a really quick overview.…We did talk in more detail about form structure in the Interaction Design…Fundamentals course, and there are many, many resources available online.…As well as books that help you understand how to do this more effectively.…But first we always want to make sure that we are using this correctly for the data collected.…
- Defining a customer scenario
- Improving navigation
- Working with content in grids
- Establishing a sense of place on category pages
- Exploring infinite scroll and pagination methods
- Using tooltips to deliver contextual content
- Working with light boxes and layers
- Improving form structure
- Handling errors and presenting effective error messages
- Comparing the original site to the enhanced site
Skill Level Beginner
2. Category Pages
3. Detail Page and Mini-Cart
Understanding motivation3m 30s
4. Content Pages
6. Cart and Checkout
Next steps1m 32s
- 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.