Checkboxes

[davidhunter08]

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

Journeys used on

1. Request repeat prescription
2. Contact your GP about a health problem - eConsult
3. Contact your GP about a health problem - Engage
4. Contact your GP surgery for a document or update - eConsult
5. Contact your GP surgery for a document or update - Engage
6. Book a vaccination
7. Messages

[davidhunter08]

Design review

Overview

The hint text for checkbox options in the prescription ordering journey uses the incorrect colour. It should use the secondary text colour (#4c6272) but it currently uses the main text colour (#212b32).

Objective

Updating the hint text colour for these checkboxes will align them to other hint text use throughout the app and allow users to better differentiate between hint text and checkbox options.

Activities

• Update colour of hint text on checkbox options

Jira ticket

NHSO-27906

[davidhunter08]

Design review - Checkboxes vs toggle

Overview

For binary actions, a custom toggle component is used on both the 'Manage notifications' and 'Manage cookies' pages. In other scenarios which involve binary actions, such as the eConsult jump-off page, a checkbox is used.

Objective

By understanding which component users find easier to use, we can then take a consistent approach across all binary actions​.

Activities

• Document all pages and instances of binary actions (and what component is in use)
• Test with users on preferred or expected behaviours
• Update designs with agreed approach

Jira ticket

NHSO-27982