Section navigation #4
Description
Sub Nav or Section nav
Employed by the MOJ this design patter is in the NHS design system issues log as well as having wide implimetation on LH. The LH implimntationn could use some love and the MOJ mobile implimentation could be updated but this design pattern is somethign we've identifed as a useful component in content groups including assessments, courses and admin navigation areas.
What
The in-page section navigation component provides a structured way to help users navigate within a section specific context.
Why
A well-designed in-page navigation system enhances usability by making complex services easier to navigate. It reduces friction for users seeking specific actions, and maintains context within a section. Standardising this component within a design system ensures consistency across the platform and will help to identify the broader use highlight the best context for its use cas.
Examples
MOJ design system links
https://design-patterns.service.justice.gov.uk/components/sub-navigation/
https://design-patterns.service.justice.gov.uk/examples/sub-navigation/
MOJ Desktop
MOJ Mobile
DLS
Assessment section naviagtion with collapsing "More options" menu
Shrunk down component nav with "More options" menu
LH Desktop
LH Mobile
