Join David Hogue for an in-depth discussion in this video Working with design patterns, part of Applied Interaction Design.
So here we are on the original Hansel and Petal website, and we've created, with a…little bit of difficulty, a Custom Bouquet, and we've added it to our Cart.…At least we have the indicator up here. Let's go ahead to the Cart page and make…sure that everything is there. Yes, we've got our Rainbow Rose…Collection, and yes, we've got our Custom Bouquet.…Now, you may notice that this cart is just the minimal amount of information.…Well, everything that we need is here, but it's not quite what people expect to be here.…
Remember we have mental models and prior experience things like I would like to see…an image of the product that I purchased here.…I'd also like maybe a little bit more information, such as what are the shipping…fees, or might I pay tax? And, from this Shopping Basket page how do…I go back to shopping? Is it just up to me to navigate, or can I…return to the previous product, or can I edit my custom bouquet?…Things like that, that may be part of people's expectations are not present.…
One of the things that can help us make better design decisions are Design patterns.…
- 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.