Navigation Articles & Videos

  • 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.

  • Local Navigation Is a Valuable Orientation and Wayfinding Aid

    Local navigation indicates to users where they are and what other content is nearby in an information hierarchy.

  • Left-Side Vertical Navigation on Desktop: Scalable, Responsive, and Easy to Scan

    Vertical navigation is a good fit for broad or growing IAs, but takes up more space than horizontal navigation. Ensure that it is left-aligned, keyword front-loaded, and visible.

  • Sticky Headers: 5 Ways to Make Them Better

    Persistent headers can be useful to users if they are unobtrusive, high-contrast, minimally animated, and fit user needs.

  • Information Scent

    Information foraging explains how users behave on the web and why they click certain links and not others. Information scent can be used to analyze how people assess a link and the page context surrounding the link to judge what's on the other end of the link.

  • Spatial Memory: Why It Matters for UX Design

    With repeated practice, users develop imprecise memory of objects and content in a UI, but still need additional visual and textual signals to help them find a specific item.

  • Accordion Icons: Which Signifiers Work Best?

    The caret icon most clearly indicated to users that it would open an accordion in place, rather than linking directly to a new page.

  • Navigation Menus - 5 Tips to Make Them Visible

    If users don't notice a navigation menu, they won't use it, and website usage will plummet. Here are 5 design guidelines to increase the visibility of navigation menus.

  • Stop Counting Clicks: The 3 Click Rule is Nonsense

    Users want to do the least amount of work possible to get to a desired web page. However, "work" is the sum of difficulty presented by each click and not the number of clicks in itself. Here are some tips for making a path easier to navigate.

  • Search Box vs. Navigation

    Is it enough to have a search feature on a website? Or do users also benefit from a well-designed navigation interface? Depending on the nature of the site, the balance between the two can change.

  • Information Foraging: A Theory of How People Navigate on the Web

    To decide whether to visit a page, people take into account how much relevant information they are likely to find on that page relative to the effort involved in extracting that info.

  • Tree Testing to Evaluate Information Architecture Categories

    Tree testing is a supplement to card sorting as a user research method for assessing the categories in an information architecture (especially a website IA and its proposed or existing navigation menu structure).

  • Footers Are Underrated

    There's a footer at the bottom of every web page, but the design of this utilitarian page element is often overlooked, making the website perform below its potential. In our usability studies, users often turn to page footers for important information and tasks, making them an integral part of the overall experience of a site.

  • The 3-Click Rule for Navigation Is False

    While it is important to keep key information easily accessible, the 3-click rule is an arbitrary rule of thumb that is not backed by data.

  • Store Finders: Why People Still Need Locator Links

    In addition to a site-wide store-locator link, location-finder links in key areas anticipate users’ needs and make it easy to find a physical location within the context of their task.

  • How Many Items in a Navigation Menu?

    A key question in information architecture (IA) is to decide the number of items in navigation menus (including global menus and local menus). 4 main factors determine the answer, but it's not 7, despite a common myth.

  • Better Link Labels: 4Ss for Encouraging Clicks

    Specific link text sets sincere expectations and fulfills them, and is substantial enough to stand alone while remaining succinct.

  • Footers 101: Design Patterns and When to Use Each

    Footers can be found at the bottom of almost every web page, and often take many forms, depending on the type of content on a website. Regardless of the form they take, their presence is critical (and highly underrated).

  • Breadcrumbs: 11 Design Guidelines for Desktop and Mobile

    Support wayfinding by including breadcrumbs that reflect the information hierarchy of your site. On mobile, avoid using breadcrumbs that are too tiny or wrap on multiple lines.

  • Why You Need a Home Link

    Websites which provide a "home" link on every page make it easy for new visitors and users who are lost to get oriented.

  • 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.

  • Information Scent

    Information foraging explains how users behave on the web and why they click certain links and not others. Information scent can be used to analyze how people assess a link and the page context surrounding the link to judge what's on the other end of the link.

  • Navigation Menus - 5 Tips to Make Them Visible

    If users don't notice a navigation menu, they won't use it, and website usage will plummet. Here are 5 design guidelines to increase the visibility of navigation menus.

  • Stop Counting Clicks: The 3 Click Rule is Nonsense

    Users want to do the least amount of work possible to get to a desired web page. However, "work" is the sum of difficulty presented by each click and not the number of clicks in itself. Here are some tips for making a path easier to navigate.

  • Search Box vs. Navigation

    Is it enough to have a search feature on a website? Or do users also benefit from a well-designed navigation interface? Depending on the nature of the site, the balance between the two can change.

  • Tree Testing to Evaluate Information Architecture Categories

    Tree testing is a supplement to card sorting as a user research method for assessing the categories in an information architecture (especially a website IA and its proposed or existing navigation menu structure).

  • Footers Are Underrated

    There's a footer at the bottom of every web page, but the design of this utilitarian page element is often overlooked, making the website perform below its potential. In our usability studies, users often turn to page footers for important information and tasks, making them an integral part of the overall experience of a site.

  • How Many Items in a Navigation Menu?

    A key question in information architecture (IA) is to decide the number of items in navigation menus (including global menus and local menus). 4 main factors determine the answer, but it's not 7, despite a common myth.

  • Why You Need a Home Link

    Websites which provide a "home" link on every page make it easy for new visitors and users who are lost to get oriented.

  • Open vs. Closed Card Sorting

    There are two types of card sorting, which measure different aspects of users' mental models for information architecture.

  • 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.

  • 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 3 IA Questions about Navigation Menus

    The number and order of navigation categories, and use of hover menus for touchscreens are frequently asked questions that arise when organizing information on a website or application.

  • A Link is a Promise

    The words in a link label make a strong suggestion about the page that is being linked to. The destination page should fulfill what the anchor text promises.

  • Search Is Not Enough: Synergy Between Navigation and Search

    When websites prioritize search over navigation, users must invest cognitive effort to create queries and to deal with the weak implementations of site search.

  • Maximize the Content-to-Chrome Ratio, Not the Amount of Content on Screen

    On a large screen, hiding the chrome significantly affects discoverability and interaction cost, with virtually no improvement to the content-to-chrome ratio.

  • Icon Usability

    A user’s understanding of an icon is based on previous experience. Due to the absence of a standard usage for most icons, text labels are necessary to communicate the meaning and reduce ambiguity.

  • Low Findability and Discoverability: Four Testing Methods to Identify the Causes

    Use IA- and UI-focused user research to determine if low findability and discoverability are caused by site information architecture or navigation design.

  • The Difference Between Information Architecture (IA) and Navigation

    IA is the information backbone of the site; navigation refers to those elements in the UI that allow users to reach specific information on the site.

  • Avoid Format-Based Primary Navigation

    Format-based navigation, such as links to Videos, at the top levels of a website’s information architecture lacks sufficient context and information scent for topic-focused users.

  • Bad Intranet Navigation Labels: 3 Workarounds

    Many intranets are saddled with poorly understood labels. If you can't change them, add context to make these labels more transparent to users.

  • Mobile Navigation: Image Grids or Text Lists?

    For mobile navigation, image grids should be saved for deeper IA levels where visual differentiation between menu items is critical.

  • Filters vs. Facets: Definitions

    Filters and faceted navigation both reduce large masses of content to a more narrowly focused display, but facets add more power while requiring more work.

  • Writing Hyperlinks: Salient, Descriptive, Start with Keyword

    To help users quickly find what they need, anchor text should stand out from the body content and accurately describe the page that it refers to.

  • Intranet Information Architecture (IA) Trends

    Intranets are improving findability and discoverability by organizing content by task, using mega-menus, offering wayfinding cues, and providing shortcuts.

  • Killing Off the Global Navigation: One Trend to Avoid

    For desktop sites, demoting your main content categories into a drop-down menu makes it harder for users to discover your offerings.

  • Avoid Category Names That Suck

    Categories and hypertext act as signs and should give people a strong indication of what will happen before they click the link. People avoid clicking unknown items, or even worse, ignore them altogether.

  • Flat vs. Deep Website Hierarchies

    Information can be organized in either flat or deep hierarchies; both have their advantages and pitfalls.

  • Four Dangerous Navigation Approaches that Can Increase Cognitive Strain

    Some navigation implementations risk pushing users into a state of cognitive strain which lessens the likelihood of them taking desirable actions.

  • Carousel Usability: Designing an Effective UI for Websites with Content Overload

    Carousels allow multiple pieces of content to occupy a single, coveted space. This may placate corporate infighting, but on large or small viewports, people often scroll past carousels. A static hero or integrating content in the UI may be better solutions. But if a carousel is your hero, good navigation and content can help make it effective.

  • Converting Search into Navigation

    Most users are unable to solve even halfway complicated problems with search. Better to redirect their efforts into more supportive user interfaces when possible.

  • Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility

    The user's target was at the top of the page in 98-point font. But she failed to find it because the panel auto-rotated instead of staying still.