Join David Hogue for an in-depth discussion in this video Understanding the header, part of Applied Interaction Design.
Okay. So let's start from the landing page for…the Hansel and Petal demonstration web site for this course.…We're going to open both the original design and the improved design.…And before we start talking about some of the things that maybe problems or that…we're going to change on this site, let's just take a quick look at both of the home pages.…And then, we'll come back this one and talk about what some of the problems are…and what we've done about it. Now, as we look at this page, you probably…are noticing some things that you think might not be working very well but the…design is pretty good. And the content is pretty good.…
Once again, we're going to be focusing on the interaction design.…So we're going to try to preserve as much as the visual design and branding as we can.…But here's the homepage of the improved site, and clearly there are some…differences here. It's the same content and the same…branding, but we've strived to create a much better interactive experience.…Right, let's go back on to the original homepage and let's start with the header.…
- 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.