Join David Hogue for an in-depth discussion in this video Using Build-a-Bouquet (version 1), part of Applied Interaction Design.
So let's take a look at the modified version of the Hansel and Petal site.…And see what improvements we've been able to make to the Build a Bouquet functionality.…Remember, we're trying to build a custom bouquet as a gift for mother's day.…So here we are on the new Build a Bouquet, and you'll notice right away that one of…the changes that we've made. Is that each of the flowers is now…associated with its name, its price, its color, and its quantity.…So we have now been able to create new groups.…Remember when we spoke about the Gestalt principles just a moment ago, that we said…we want the image to be associated with the flower name.…
So although the images are themselves similar we are now using proximity to our advantage.…Each image is located near the name, the price and the color and the quantity.…So we get the perception that this is a group and it makes it much easier for us…to understand now what I am seeing. So let's go ahead and build our bouquet again.…I think we wanted to get the purple Calla Lilies.…
- 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
Responsive Design Fundamentalswith James Williamson2h 15m 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?
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.