1) UK NSC consultations

UK NSC consultations: Addressing user needs with simple designs & common components

The UK National Screening Committee’s (UK NSC) digital service on GOV.UK provides users with information, publications, and consultation opportunities relating to NHS population screening programmes across the UK.

As one of the main signposting pages for information, publications and consultations, the condition pages represent a top-priority resource.

Screengrabs showing the condition search page (left), and a condition page (right). Condition pages contain information on current UK NSC recommendations, show past research papers and host consultations.
Screengrabs showing the condition search page (left), and a condition page (right). Condition pages contain information on current UK NSC recommendations, show past research papers and host consultations.

One of the dynamic features on the condition page is a modal box that appears at the top of the page when a condition is in consultation. When in this state, users can communicate their views on population screening for a given condition. The modal box is designed to present the top-level information that users need when taking part in a consultation.

Despite comprehensive user research throughout discovery, alpha and private beta, once the service launched in public beta, we found that users struggled to find the relevant documents. In the initial design, users needed to click through to the consultation page to view them. However, it seemed that some users expected to view consultation papers directly from the condition page.

A screengrab showing the UK NSC homepage.
Users can click through to view open consultations from the UK NSC homepage.
Screengrabs showing the modal box design on the condition page (left), and a comments form for users to take part in a consultation (right). Users had to reach this form to download consultation documents.
Screengrabs showing the modal box design on the condition page (left), and a comments form for users to take part in a consultation (right). Users had to reach this form to download consultation documents.

Since this came up during an active consultation and meant that some users felt unable to take part, it was an urgent priority. My task was to review the end-to-end user journey, and come up with a design solution that addressed the issue.

Working from the user feedback, we identified that users needed to view the consultation papers directly on the condition page and at the start of the user journey. As we had already iterated the modal box design from a single link to a simple button, adding more links could potentially confuse users and increase the time spent on the page. And, having two competing buttons might throw users off.

This led me to research other services, and review the GOV.UK design system to find alternative components that could present the information quickly and clearly. I decided to mock up some designs using a secondary button rather than a link, which would draw users’ gaze towards the actions they need most, as quickly and simply as possible. Furthermore, the updated design would use common GOV.UK components to ensure a consistent and joined up user experience across the website.

Designs showing the development of the modal box, including the addition of functionality to view consultation documents from the condition page.
Designs showing the development of the modal box, with the new functionality to view consultation documents from the condition page.

After reviewing the designs as a team, we implemented the change. Ordinarily, new designs are prototyped, tested and reviewed before going live. However, due to the business-critical nature of the issue, we needed to forego this process. However, we worked closely with users while implementing the design, and gathered feedback as soon as the new designs were live.

The result was immediate positive feedback from users, and from the usability testing we did thereafter. For me, it’s a great example of how simple, user-centred design thinking can solve a huge problem for users. It also shows how insights gained from pre-launch research can be contradicted once a service goes live, and that the best content design follows an iterative and user-focused approach.

The modal box we iterated on also ended up influencing future designs for programme change consultations, a separate type of consultation that was later brought in. It shows how during the ongoing development of a digital service, existing designs often need to be (re)considered alongside new features based on changing organisational requirements. Below are a few mock-ups I created for this new feature.

Design mockups of how a separate modal box might look for programme change consultations.
Design mockups of how a separate modal box might look for programme change consultations.
Screengrabs showing new webpage designs for the UK NSC topic search page and condition page.
We went with the green-coloured modal box for the new programme change design (right), as we could integrate this with new tag designs on the condition search page to clearly differentiate between consultation type (left).
Screengrabs showing new webpage designs for the UK NSC topic search page and condition page.
Prototyping the latest designs for how the programme change modal box looks alongside the regular design. This is to ensure users can easily differentiate between the two.

Prev

blume magazine online shop

Next

UK NSC accessibility