Navigation Articles & Videos

  • The Hamburger-Menu Icon Today: Is it Recognizable?

    Hamburger menus are a more familiar pattern today than 10 years ago, but the same old best practices for hidden navigation still apply.

  • Destination Pages vs. Transition Pages

    Destination pages fulfill users' information needs through detailed content, while transition pages guide them toward these destinations through navigation and brief overviews. Content prioritization based on user goals and information needs is key in designing both pages.

  • Tabs, Used Right

    Tabs are everywhere, but do you use them properly? Distinguish between types of tabs, design them for visual clarity, and structure their content for usability.

  • Flat vs. Deep Hierarchies in Information Architecture (IA)

    Information can be structured in flat or deep hierarchies, each with their own set of benefits and drawbacks.

  • Menu-Design Checklist: 17 UX Guidelines

    People rely on menus to find content and use features. Use this checklist to make sure your menus do their job.

  • Card Sorting vs. Tree Testing

    Card sort studies help shape information architectures; tree-testing studies evaluate them.

  • Tree Testing Part 2: Interpreting the Results

    Analyze tree-testing results including success, first click, and directness to improve information architecture and navigation labels.

  • Information Architecture vs. Sitemaps: What’s the Difference?

    Information architecture is the practice of structuring, organizing, and labeling content from your website. Sitemaps are visualization tools that are used predominantly for planning purposes.

  • Tree Testing: Fast, Iterative Evaluation of Menu Labels and Categories

    Follow these tips to effectively evaluate a site’s navigation hierarchy and to avoid common design mistakes.

  • 3 Common IA Mistakes (that Are All Due to Low Information Scent)

    Vague call-to-action verbs, unnecessary parallel language, and conversational tone of voice used in links and navigation labels are confusing. Use labels with strong information scent instead.

  • Information Architecture: 3 Key Models

    Navigation, taxonomies, and the full IA structure are different ways of modeling a product's structure. We review the differences and similarities between these three different IA models.

  • The UX of Phone Trees

    Phone trees are notoriously frustrating for 4 main reasons. There are many small ways to make them more usable and less miserable, however.

  • 3 Strategies for Managing Visual Complexity in Applications and Websites

    In application design, prevent users from being overwhelmed by putting things in predictable places, using a clear visual hierarchy, and taking advantage of progressive disclosure.

  • Vertical Navigation

    Websites with many categories can benefit from showing navigation menu options in a vertical list: vertical menus allow for easy expansion, are easy to scan, plus users are familiar with this design pattern.

  • The UX of Phone-Tree Systems: 16 Usability Guidelines

    Phone trees are often frustrating. Badly designed interactive voice-response (IVR) systems violate many of the 10 usability heuristics.

  • Taxonomy 101: Definition, Best Practices, and How It Complements Other IA Work

    A taxonomy is a backstage structure that complements the visible navigation. Taxonomies support consistent information retrieval by creating formal metadata rules.

  • Information Architecture: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn about what information architecture (IA) is, how to run an IA research study, and how to design navigation effectively.

  • Mouse Is King

    The computer mouse is the most efficient pointing device for speed and accuracy. More important, it's the symbol of user empowerment and control over the user interface.

  • Digital Wayfinding

    Wayfinding cues like districts and landmarks help residents and tourists find their way around cities. The same ideas can help users of digital products (e.g., websites) understand where they are and where they can go.

  • Short-Term Memory Limitations Impact User Interface Design

    People can only hold a small amount of information in their short-term memory, which fades fast. These facts impact most aspects of screen design and dictate many usability guidelines.