Add already approved icons to NHS App Design System Figma file

[katydlmh]

Description

Wayfinder will soon be surfacing inpatient appointments within the NHS App. The design of these appointment cards includes three icons, which have been discussed and agreed with the design system team. These icons are not currently part of the NHS App Design System Figma file.

Context

Adding these three icons to the NHS App Design System Figma file will ensure the quality and consistency of their build from third party suppliers building Wayfinder. It will mean that suppliers building these screens can access all icons used in Wayfinder from the same trusted source.

Alternatives

If not added, it would be good to have the icons / appointment cards where they are included built in HTML as part of the app redesign work page, as other bespoke Wayfinder components have been, to ensure quality and consistency across third party suppliers. However, all other icons are currently available to suppliers via the design system file, so this would mean two sources for getting icons.

Additional information (if applicable)

In user research for inpatient design, we found that there was extra information patients needed to understand compared to outpatient appointments, such as the appointment being an overnight stay or a long stay, or an action for patients to phone their clinic. Our research found that adding icons to these pieces of information raised the visual hierarchy of the elements, helping patients to process this information and distinguish them from other appointments.

[davidhunter08]

The 3 icons:

[davidhunter08]

Open question: Should all icons we create in Figma match what we have in the NHS App Frontend?

Examples

Icons we have in Figma but not the NHS App Frontend.

[davidhunter08]

If we decide not to add them to the NHS App Frontend, we could host a HTML (SVG) version of them in the HTML prototype.

[katydlmh]

@davidhunter08 HTML SVG version would work well, but it would be good to build the download, letter and email icons (image above) in the same way too so suppliers had one place to find all the icons they need for Wayfinder (these three are currently accessed via Figma file only)

[davidhunter08]

@katydlmh I'm in the process of adding new icons but I can't find the SVGs for the 3 icons used for overnight stay, call to confirm and long stay. Do you know where I can find them?