Full day training course offered at Usability Week New York City

Information Architecture: Day 2

Navigation components and menu styles

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 efftecive 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

Format

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 is a companion course to Information Architecture: Day 2. Each course can be taken independently. Information Architecture: Day 1 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

Instructor

Jennifer Cardello

Jennifer Cardello is a director at Nielsen Norman Group. For over 15 years she has designed strategies to help organizations bridge the gap between business goals and user needs. At NN/g, Cardello’s research focuses on information structure, navigation patterns, rating and review systems, discussion forums, content sharing, and trust and persuasion. Read more about Jen