Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Back link #25

Open
davidhunter08 opened this issue Nov 7, 2023 · 2 comments
Open

Back link #25

davidhunter08 opened this issue Nov 7, 2023 · 2 comments
Labels
component Add or improve a design component ia & navigation aka team frontier

Comments

@davidhunter08
Copy link
Collaborator

davidhunter08 commented Nov 7, 2023

NHS design system guidance
NHS design system discussion

Related

GOV.UK Design System guidance
GOV.UK Design System discussion

Examples on the NHS App

Examples

Image

Image

Image

Image

Notes

  • Back links are in included in the breadcrumb component in the native apps
  • This contrasts the web experience, where back links are the bottom of the page are used as well as breadcrumbs
  • The native back link/breadcrumb component is used for both navigating around the app and within transactional services inside the app
  • Exploration needed into whether this causes issues for users or whether custom, app-specific guidance should be defined (related to IA work)
@davidhunter08 davidhunter08 added component Add or improve a design component ia & navigation aka team frontier labels Nov 7, 2023
@davidhunter08
Copy link
Collaborator Author

davidhunter08 commented Nov 14, 2023

Design review

Overview

In the native apps, back links are in included in the breadcrumb component. This contrasts the web experience, where back links are used at the bottom of the page as well as in breadcrumbs. The native back link/breadcrumb component is used for both navigating around the app and within transactional services inside the app. Exploration is needed into whether this causes issues for users and whether custom, app-specific guidance should be defined in relation to back navigation.

Additionally, there are inconsistencies as the native breadcrumbs label is always 'Back' and web browser breadcrumb label is 'Back to [page title]'. Some app pages and most integrated service pages are missing any breadcrumbs.

Objective

By making back navigation persistent and consistent, we can increase the usability and reliability of navigation in the app.

Activities

  • Document all instances and variations of back navigation
  • Investigate technical constraints
  • Explore possible designs and interactions (+ test)
  • Update designs with new back navigation

@davidhunter08 davidhunter08 transferred this issue from nhsuk/nhs-app-design-styles-components-patterns Apr 18, 2024
@michaelgallagher
Copy link

just me or do these seem too small? they feel out of place to me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component Add or improve a design component ia & navigation aka team frontier
Development

No branches or pull requests

2 participants