<?xml version="1.0" encoding="utf-8"?>

Contextual navigation

Contextual navigation Bad Practice
Contextual navigation Best Practice

Contextual navigation is situational and can change based on the content. It helps users find related information by linking to similar pages, new content areas, different page types, or even other sites.

It can be of two types:

  • Embedded navigation: Links are placed within the text itself, often shown as plain text links. These links may guide users to different formats or sites, sometimes with a note indicating this change.
  • Related links: Links appear at the end or side of the content. They help users explore more articles or related content.

Contextual navigation is placed close to the content, creating a strong connection between the text and the linked pages. For example, news sites use related links to guide readers to other stories on the same topic, enhancing their reading experience.

Improve your UX & Product skills with interactive courses that actually work