Full day training course offered at Usability Week London

Information Architecture Day 2: Navigation

Menu Styles and UI Components for Effective Navigation

Usable navigation allows users to seamlessly move throughout your website or application. To create an effective and extensible navigation system, you must understand the possible navigation components and styles that support both your business needs and your users’ tasks and capabilities.

In this seminar, we’ll explore a broad range of specific navigation components and menu styles and give you the tools you need to make informed navigation design decisions.

Topics Covered

  • Purpose of navigation
  • Orientation, route selection and arrival
  • Navigation as part of the UX system
    • When to define navigation
    • Which navigation components to use
    • How to test navigation
  • Fighting requests for Wow! factor design that is not user-friendly
  • Top attributes of effective navigation systems
  • Flow comparison
  • Tier comparison
  • Process for defining a navigation system 
  • Global navigation: placement, orientation and behavior
    • Tabs
    • Static links
    • Roll-overs
    • Fly-outs
    • Cascades
    • Horizontal vs. vertical orientation
  • Local navigation
    • When to introduce local navigation
    • What to include in local navigation: Understanding parent, child, and sibling pages
    • E-commerce variations
    • Deep-site strategies: mini navigation and roll-up navigation
    • Placement: right versus left
    • Floating menus
  • Navigation for discovery
    • Related links
    • Social filters
    • Tag clouds
    • Filmstrips
  • Faceted search: integrating search and browse
    • Single versus multiple selection
    • Set-clear-set interaction pattern
    • Placement
    • Intuitive controls
  • Navigation for task support
    • Utility menu
    • Quicklinks
  • Elements for creating structure
    • Spatial navigation
    • Site maps
    • Breadcrumbs
    • Process navigation
    • Pagination
    • Footers
    • Related links


This course is an interactive lecture. You will learn to apply and practice new principles and techniques through in-depth exercises, while staying grounded in the research that supports them. Individually, and in groups, you will evaluate and redesign a website’s existing navigation system.

The course also includes:

  • Findings from our own usability studies, including eyetracking
  • Videos from user testing showing people's behavior in response to a design
  • Screenshots of designs that work and don’t work, and why
  • Opportunities to ask questions and get answers

Attendee Feedback

"It is a great condensed class that focuses on the relationship between IA and navigation. Very helpful." 
"Get clarity and confirm how to use elements in web pages to get where you need." 
"The content of the course provided structure to development and design. The combo of theories and examples are really useful."

Companion Course

Information Architecture Day 1: Structure is a companion course to Information Architecture Day 2: Navigation. Each course can be taken independently. Information Architecture Day 1: Structure covers:

  • How to structure and organize your site...before delving into design
  • Choosing hierarchy models, organizational schemes, label names
  • Dealing with metadata, taxonomy and search 
  • Methods for designing, documenting, and evaluating your IA


Jennifer Cardello

Jennifer Cardello is a Director of User Research at athenahealth. For over 18 years she has designed strategies to help organizations bridge the gap between business goals and user needs. Prior to joining athenahealth, Cardello was a member of Nielsen Norman Group, where her research focused on information structure, navigation patterns, rating and review systems, discussion forums, content sharing, and trust and persuasion.