Skip to content

Latest commit

 

History

History
33 lines (21 loc) · 1.31 KB

File metadata and controls

33 lines (21 loc) · 1.31 KB
layout layouts/component.njk
title Top navigation
description Use the top navigation to show the NHS logo and let users access help from anywhere in the app.
backlogID 17
tags
component

The top navigation menu. The NHS logo is on the left and a button with the text app help is on the right.

When to use

The top navigation is visible at the top almost every screen within the main app journey. The exception is when external pages open in a web browser overlay.

The top navigation remains fixed in position as users scroll.

When not to use

On the web browser version of the NHS App, we use an NHS.UK header with text links, instead of the top navigation with icons.

How to use

The top navigation includes:

  • the NHS logo, which users can select to return to the home screen of the NHS App
  • the App help button, which users can select to get help while using the NHS App

Details of the top navigation menu. Selecting the NHS logo leads to the home screen of the NHS App. The app help button goes to the help and support pages.

Research

In our research, people recognised the meaning of the icons without the need for text labels.