Navigation Articles & Videos

  • Defining Helpful Filter Categories and Values for Better UX

    For a useful faceted search, develop filter categories and filter values that are appropriate, predictable, free of jargon, and prioritized.

  • Hick's Law: Designing Long Menu Lists

    Hick's Law (or the Hick–Hyman Law) says that the more choices you present to your users, the longer it takes them to reach a decision. However, combining Hick’s Law with other design techniques can make long menus easy to use.

  • Polyhierarchies Improve Findability for Ambiguous IA Categories

    When an item fits in more than one category, your IA structure can include multiple parents for that item to avoid losing users.

  • Homepage Links Remain a Necessity

    A site logo linking to the homepage is not enough. Logo design and placement, as well as the presence of a text link to the homepage affect success of navigation to homepage.

  • Mobile Subnavigation

    Accordions, sequential menus, section menus and category landing pages are popular options for implementing mobile subnavigation.

  • Don’t Use Split Buttons for Navigation Menus

    Menu on hover, category landing page on click: we discuss challenges and solutions for replicating this pattern on touchscreens.

  • Dropdowns: Design Guidelines

    Dropdown boxes and menus are overused and clunky but can be useful for revealing a list of options or commands.

  • Mega Menus Work Well for Site Navigation

    Large, rectangular menus group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users' choices.

  • Hamburger Menus Hurt UX Metrics

    Discoverability is cut almost in half by hiding a website’s main navigation. Also, task time is longer and perceived task difficulty increases.

  • Logo Placement Affects Web Navigation and Brand Recall

    Shifting your website's logo away from the top left corner impairs navigation efficiency, and may also reduce brand recall.

  • Top 10 Enduring Web-Design Mistakes

    A large-scale usability study revealed the most common and damaging web-design mistakes of today. They aren't surprising or new - they're enduring issues that continue to hurt website usability.

  • Universal Navigation: Connecting Subsites to Main Sites

    On large sites with several standalone subsites, universal navigation provides quick access to the main site. To be successful, it must not interfere with the subsite’s navigation.

  • Visual Indicators to Differentiate Items in a List

    Users are 37% faster at finding items within a list when visual indicators vary both in color and icon compared to text alone. If choosing between using color or an icon, icons with strong information scent perform better than color alone.

  • Mobile First Is NOT Mobile Only

    Mobile-navigation patterns make navigation unusable on the desktop and decrease its use. Porting an unchanged UI to a different platform hurts UX.

  • Centered Logos Hurt Website Navigation

    Getting back to the homepage is about 6 times harder when the logo is placed in the center of a page compared to when it’s in the top left corner.

  • Hamburger Menus and Hidden Navigation Hurt UX Metrics

    Discoverability is cut almost in half by hiding a website’s main navigation. Also, task time is longer and perceived task difficulty increases.

  • Using the Title Attribute to Help Users Predict Where They Are Going

    The link title attribute can be used to provide additional details for mouse users, but should not be relied on as the main source of information scent.

  • The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?

    Eliminate redundancy on webpages whenever possible to reduce cognitive overload. Each extra link makes your site harder to use.

  • “Learn More” Links: You Can Do Better

    The phrase ‘Learn More’ is increasingly used as a crutch for link labels. But the text has poor information scent and is bad for accessibility. With a little effort, transform this filler copy into descriptive labels that help users confidently predict what the next page will be.

  • List Thumbnails on Mobile: When to Use Them and Where to Place Them

    Decide whether and where to display thumbnails for list items based on the images’ importance relative to associated text, on whether images will be displayed for all list items, and on whether the small images are recognizably different from each other.