NHS digital expander component guide page

The NHS digital service manual provides guidance on using expanders, a UI component that allows users to reveal more detailed information on a page. Expanders are useful when the content is overwhelming, intended for a wide audience, and there is a clear user need. However, they should be avoided if only some users need the information, for form help, or on pages with other interactive elements.

The manual explains how expanders work, including the option to have multiple expanders on a page. It emphasizes the importance of using clear, descriptive link text so users can quickly determine if they need to click. The guidance is based on user research testing expanders on pages about health and medicines, where users felt the information was too much.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.