Skip to content

Commit 4085993

Browse files
style changes
1 parent f26fd39 commit 4085993

File tree

1 file changed

+32
-38
lines changed

1 file changed

+32
-38
lines changed

app/posts/nhs-health-check-online/2025/09/2025-09-01-cholesterol-results.md

Lines changed: 32 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,6 @@ title: Cholesterol results page
33
date: 2025-09-01
44
---
55

6-
## Why we’re doing this
7-
86
The cholesterol results page helps users understand their cholesterol levels and take action to improve their health.
97

108
Cholesterol is a complex topic. Your total cholesterol level is made up of good and bad cholesterol, and the ratio of total cholesterol to good cholesterol in your blood is an important indicator of cardiovascular risk.
@@ -19,67 +17,63 @@ We also needed to ensure the page was accessible and avoided overwhelming users
1917

2018
The first version of the cholesterol results page was based on the NHS Heart Age Tool and NHS guidance on high cholesterol. It included:
2119

22-
- A card showing the user’s total cholesterol score, a colour-coded risk category and a brief explanation.
23-
- Expandable sections providing more detail about the cholesterol types: HDL (good cholesterol), LDL (bad cholesterol) and the total cholesterol:HDL ratio.
24-
- Advice on improving cholesterol levels, such as healthy eating and exercise.
25-
- A care card for users with high or very high cholesterol, encouraging them to contact their GP and discuss family history.
26-
27-
Initial feedback highlighted several issues:
28-
29-
- Users found the "normal at risk" category confusing, especially with the amber colour coding.
30-
- Many struggled to interpret the different cholesterol scores and felt overwhelmed by the amount of information.
31-
- Accessibility issues were raised, particularly with the use of charts and technical terms.
32-
20+
- a card showing the user’s total cholesterol score, a colour-coded risk category and a brief explanation
21+
- expandable sections providing more detail about the cholesterol types: HDL (good cholesterol), LDL (bad cholesterol) and the total cholesterol:HDL ratio
22+
- advice on improving cholesterol levels, such as healthy eating and exercise
23+
- a care card for users with high or very high cholesterol, encouraging them to contact their GP and discuss family history
3324

34-
![Users found the juxtaposition of 'normal' and 'risk' confusing, particularly combined with the amber colour](cholesterol-results.png "Users found the juxtaposition of 'normal' and 'risk' confusing, particularly combined with the amber colour")
25+
Initial feedback highlighted several issues, including:
3526

27+
- users found the "normal at risk" category confusing, especially with the amber colour coding
28+
- many struggled to interpret the different cholesterol scores and felt overwhelmed by the amount of information
29+
- accessibility issues were raised, particularly with the use of charts and technical terms
3630

3731
### Simplifying and refining the design
3832

39-
In response to feedback, we made several changes over multiple iterations to simplify the design and improve clarity:
33+
In response to feedback, we made several changes over multiple iterations to simplify the design and improve clarity. We:
4034

41-
- Replaced the "normal at risk" green colour with amber to make the risk clearer.
42-
- Replaced expandable sections with cards, making detailed information more visible.
43-
- Simplified the language in the advice section, removing technical terms like "trans fats" and replacing them with examples.
44-
- Moved total cholesterol details to sit alongside other cholesterol scores, creating a unified section showing how the scores interact.
45-
- Removed LDL (bad cholesterol) as it was no longer provided by our third-party provider.
46-
- Removed bar charts from individual results due to development complexity.
35+
- replaced the "normal at risk" green colour with amber to make the risk clearer
36+
- replaced expandable sections with cards, making detailed information more visible
37+
- simplified the language in the advice section, removing technical terms like "trans fats" and replacing them with examples
38+
- moved total cholesterol details to sit alongside other cholesterol scores, creating a unified section showing how the scores interact
39+
- removed LDL (bad cholesterol) as it was no longer provided by our third-party provider
40+
- removed bar charts from individual results due to development complexity
4741

4842
These changes helped to reduce the cognitive load and focus on the most critical information.
4943

5044
### Addressing user confusion and behavioural insights
5145

52-
Later iterations focused on addressing ongoing user confusion and incorporating feedback from behavioural science and clinical teams:
46+
Later iterations focused on addressing ongoing user confusion and incorporating feedback from behavioural science and clinical teams. These changes included:
5347

54-
- The colour-coded inset text was removed to avoid confusion with "normal at risk".
55-
- The high-level card was simplified to show cholesterol levels without descriptions.
56-
- Individual results were moved higher on the page to follow the overall result.
57-
- "High" and "very high" were renamed to "high risk" and "very high risk" for clarity.
58-
- "Normal" was replaced with "healthy" to reduce unnecessary concern.
59-
- A blue care card was introduced for "high risk" to avoid panic, as high risk can result from multiple factors.
60-
- Guidance was personalised for each result to make it more actionable.
48+
- the colour-coded inset text was removed to avoid confusion with "normal at risk"
49+
- the high-level card was simplified to show cholesterol levels without descriptions
50+
- individual results were moved higher on the page to follow the overall result
51+
- "high" and "very high" were renamed to "high risk" and "very high risk" for clarity
52+
- "normal" was replaced with "healthy" to reduce unnecessary concern
53+
- a blue care card was introduced for "high risk" to avoid panic, as high risk can result from multiple factors
54+
- guidance was personalised for each result to make it more actionable
6155

6256
## What we learned
6357

6458
The research reinforced the importance of presenting cholesterol results in a way that is:
6559

66-
- Clear and easy to understand.
67-
- Actionable, helping users decide what to do next.
68-
- Simplified to reduce cognitive overload and focus on the most important information.
60+
- clear and easy to understand
61+
- actionable, helping users decide what to do next
62+
- simplified to reduce cognitive overload and focus on the most important information
6963

7064
Users also need:
7165

72-
- Context, such as "normal" ranges, presented in a way that is easy to notice and interact with.
73-
- Guidance that is specific and actionable, helping them take the next steps.
66+
- context, such as "normal" ranges, presented in a way that is easy to notice and interact with
67+
- guidance that is specific and actionable, helping them take the next steps
7468

7569
![Later iterations sought to simplify the explanation of cholesterol levels and replace language like 'normal' with 'healthy'](healthy-results.png "Later iterations sought to simplify the explanation of cholesterol levels and replace language like 'normal' with 'healthy'")
7670

7771
## Next steps
7872

79-
The findings from Round 18 will inform the next iteration of the cholesterol results screen. The team will:
73+
These findings will inform the next iteration of the cholesterol results screen. The team will:
8074

81-
- Simplify the design to reduce cognitive overload.
82-
- Make "normal" ranges more visible and easier to understand.
83-
- Provide clearer, more personalised guidance to help users take action.
75+
- simplify the design to reduce cognitive overload
76+
- make "normal" ranges more visible and easier to understand
77+
- provide clearer, more personalised guidance to help users take action
8478

8579
We will continue to test these changes with users to ensure they address the challenges of presenting such a complex topic in a way that is both clinically accurate and user-friendly.

0 commit comments

Comments
 (0)