Join David Hogue for an in-depth discussion in this video Working with navigation, part of Applied Interaction Design.
Okay, so we're back on the original page. Let's focus on the navigation bar here.…How it's located in a very traditional position.…It's a horizontal navigation bar at the top of the page.…But one of the first things that we notice once again is that we're not getting any…feedback on the hover or the rollover here.…We know that they're links, because it's at the top of the page and it looks like a…navigation bar. But we could be providing some additional feedback.…Before we go too far into talking about the navigation bar, let's just quickly…review some best practices for navigation bars, for links and for buttons.…
We've already seen that there were some problems with links in the header.…Throughout the site, we want to make sure that we're using labels that help people…understand where the link or button is going to go or what it's going to do.…We want to make sure that we avoid being vague or ambiguous or confusing with any…of the labels that we put on navigation and buttons.…It also is often helpful to use active verbs.…
- 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.