-
Notifications
You must be signed in to change notification settings - Fork 9
Add post: Notifying users about updates #88
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from 15 commits
Commits
Show all changes
17 commits
Select commit
Hold shift + click to select a range
8361972
Create new-updates
johnrimmer2 28ab5e3
Rename new-updates to new-updates.md
johnrimmer2 7c9cd61
Update new-updates.md
johnrimmer2 f36e109
Rename new-updates.md to notifying-users-about-updates.md
johnrimmer2 b6c2789
Create test.txt
johnrimmer2 5a6ef64
Add files via upload
johnrimmer2 cb0ce21
Update notifying-users-about-updates.md
johnrimmer2 396bcc1
Update notifying-users-about-updates.md
johnrimmer2 fdf5dca
Rename ONS banner.png to ONS_banner.png
johnrimmer2 a313bb7
Rename Scottish gov notification.png to Scottish_gov_notification.png
johnrimmer2 fa76dcf
Rename gov uk notification banner.png to gov_uk_notification_banner.png
johnrimmer2 6d5b6d9
Update notifying-users-about-updates.md
johnrimmer2 12d0c39
Update notifying-users-about-updates.md
johnrimmer2 63efaa8
Add files via upload
johnrimmer2 add9495
Update notifying-users-about-updates.md
johnrimmer2 ad28609
Minor edits to notifying-users-about-updates.md
Anna-Sutton 2270a06
Tidy up line breaks
frankieroberto File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
Binary file added
BIN
+29.3 KB
...mages/record-a-vaccination/2025/03/notifying-users-about-updates/ONS_banner.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+22.7 KB
...vaccination/2025/03/notifying-users-about-updates/Scottish_gov_notification.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+42.7 KB
...accination/2025/03/notifying-users-about-updates/gov_uk_notification_banner.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+63.5 KB
...ges/record-a-vaccination/2025/03/notifying-users-about-updates/interruption.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+189 KB
...es/record-a-vaccination/2025/03/notifying-users-about-updates/interruption1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+73.8 KB
app/images/record-a-vaccination/2025/03/notifying-users-about-updates/new_tag.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+86.6 KB
...ges/record-a-vaccination/2025/03/notifying-users-about-updates/notification.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+147 KB
...es/record-a-vaccination/2025/03/notifying-users-about-updates/notification1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions
1
app/images/record-a-vaccination/2025/03/notifying-users-about-updates/test.txt
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
|
|
87 changes: 87 additions & 0 deletions
87
app/posts/record-a-vaccination/2025/03/notifying-users-about-updates.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,87 @@ | ||
| --- | ||
| title: "Notifying users about updates" | ||
| date: 2025-03-25 | ||
| --- | ||
| We wanted to explore how we might tell RAVs users about any updates to the service which might impact them. This could include new features to RAVs such as asking them to complete new fields when adding a vaccine batch or larger scale changes such as a new streamlined journey of how users can record vaccinations in RAVs. | ||
| Both new feature examples are on the release roadmap for RAVs, so we were able to use these scenarios to demonstrate with users and give the designs appropriate scenarios for which alerts or notifications might be used. | ||
|
|
||
| ## Desk research | ||
|
|
||
| As there are no current notifications in the NHS Design system, we reached out to the internal design community at NHS England to see if there was any precedents elsewhere as well as doing some initial research in to what other government departments might have done to tackle this problem. | ||
|
|
||
| The following list was checked as well as searches online to see what components worked best and in what context: | ||
|
|
||
| https://github.com/ctdesign/gov-design-systems-list | ||
|
|
||
| 3 stand out designs for existing notification banners came from the following government departments: | ||
|
|
||
| [Notification banner from Gov.UK service manual](https://design-system.service.gov.uk/components/notification-banner/) | ||
|
|
||
|  | ||
|
|
||
| [Scottish government design system notification](https://designsystem.gov.scot/components/notification-banner) | ||
|
|
||
|  | ||
|
|
||
| [Office for national Stistics success panel](https://service-manual.ons.gov.uk/design-system/components/success-panel) | ||
|
|
||
|  | ||
|
|
||
|
|
||
|
|
||
| These design systems are all UK government agencies and will either take inspiration from or work directly with the GOV.UK design system, as does NHS England. | ||
| As much as possible we wanted to stay closely aligned to the gov.uk designs, but applying any necessary NHS styling in terms of typeface and colours. However one apparent problem for our users with the Notification Banner used on GOV.UK is the inability to close the banner once the user has read. It is intended for public facing services and this may not be as appropriate in RAVs which will require users to see the same message throughout their working day if they cannot close the message. That said, we wanted to test if this was true with RAVs users through user-testing. | ||
|
|
||
|
|
||
|
|
||
| ## Our designs | ||
|
|
||
| As a design team we discussed the various needs for notifications within the service that might warrant messaging to users ‘in service’ as oppose to via email. We decided that 3 different levels of alerts and notices would eb appropriate to cover different levels of eventualities depending on the severity and impact of the change to RAVs. It was also discussed that this would need to be released with corresponding communications such as email or via service agents. | ||
|
|
||
| **Interruption** - An interruption card as used in MOJ was decided as needed for high level changes were the impact to users would be severe. Users would be shown the message after logging in, but before the home page and need to click the call to action to indicate they have read the message. | ||
|  | ||
|
|
||
|
|
||
|
|
||
| **Notification** - For medium level severity changes a notification banner was used to be placed within the right context and page. For example, if the message impacted user management, then the intent was that it would only be shown in this section. | ||
|  | ||
|
|
||
|
|
||
|
|
||
| **‘New’ tag** - A tag was used to indicate a low level change which would not significantly impact the user but may help to highlight where a feature or field had been newly added. | ||
|  | ||
|
|
||
|
|
||
|
|
||
| ## Pilot test | ||
|
|
||
| Before conducting any user testing sessions, we ran a small pilot test with one of our users to help give us confidence in the design artefacts and the way in which we wanted to show them to users as part of the testing. From this session they indicated that they would want a way in which to close the messages, particularly for the interruption and the notification banner. The subtle ‘New’ tag was well received. | ||
| This feedback validated an important initial assumption in that the users would need a way to close the medium level notification, rather than it persisting which is the intention of the the gov.uk notification banner. | ||
| We amended the design of the notification before testing with users to add a close icon. | ||
|
|
||
|
|
||
|
|
||
| ## Design Iteration | ||
|
|
||
| We tested the designs with 7 users remotely. We also used the time to test a new feedback notification with users and the usability of the newly designed search in RAVs, which included continuing without an NHS number. | ||
|
|
||
| The highlights from the research regarding the update notifications included: | ||
|
|
||
| - Interruption to be clearer to avoid being missed after the user logs in | ||
| - A way to close the notification was needed to not frustrate users was important | ||
| - Context of when and where the messages would be shown would need to be considered each time we decide to use them in RAVs to have the most effective impact where users might stop to read | ||
|
|
||
| The feedback validated some of our initial assumptions for the medium level notification around closing the message and indicated we may want to iterate the interruption card to create more positive friction in the journey, allowing our users to read important messages. | ||
| With this feedback and in the interest of consistency in RAVs we re-styled the notification message to look similar to the design for the feedback message: blue border with white background. The close icon was also replaced with a link below the message to be consistent, whilst the header and body also reflected how the feedback message is presented. This meant that our messages would be consistent in design and that the design was clear and the message clearly conveyed. | ||
|
|
||
|
|
||
|
|
||
| Notification re-design | ||
|  | ||
|
|
||
|
|
||
| The high-level interruption card was also re-styled to be clearer and consistent with other messages. | ||
|  | ||
|
|
||
| ## Future | ||
| We will need to continue to assess the effectiveness of these components through user-testing and also keep speaking and learning from other services within the NHS which may share a similar problem, particularly for staff facing products or services. | ||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.