Join David Hogue for an in-depth discussion in this video Using Build-a-Bouquet (version 2), part of Applied Interaction Design.
We're going to take a look at a third version of Build a Bouquet.…Even though we've already created an improved version, there were still a few…little issues that we wanted to try to address.…So let's take a look at how we've been able to reduce the cognitive friction even more.…So here we are, Build a Bouquet number three.…This is going to be a different way of interacting with the information.…So, we know that we like the Calla Lilies, so I'm going to select those, I like…Irises, I like Gerbera Daisies. We know we like the Lilies and we like the Tulips.…
Notice what we've done here now is I have this array of flowers.…Choose the flowers for your bouquet, step number one.…And as soon as I click on a flower it reduces that image size, and it shows me a checkmark.…This is great feedback. It says you have selected this flower, but…it does more than that. It also creates a running list of all of…the flowers that I have placed in my custom bouquet, so now we've reduced that…cognitive friction. We've been able to say, these are the…
- 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 29s
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?
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.