Merge pull request #115 from NHSDigital/nbs-jo

nbs 2 posts

Author: jolumley-nhs

app/images/book-a-vaccination/2025/02/improving-appointment-selection/timerangenew.png

@@ -0,0 +1,43 @@
+---
+title: Making the appointment selection process clearer for users
+date: 2025-02-18
+---
+
+Our research with National Booking Service (NBS) users had shown that some of our users found the appointment selection process difficult.
+
+Some people struggled to remember which date they had selected, and then found it difficult to remember which time of day they were free.
+
+
+## The existing screens
+
+**Time range selection screen**
+
+![Screen with radio buttons for users to select an hour range for their vaccination appointment](timerangeold.png)
+
+**Appointment slot selection screen**
+
+![Screen with radio buttons for users to select an appointment slot for their vaccination appointment](timeslotold.png)
+
+Users would forget which date they had previously selected, and find choosing a time range and appointment slot difficult as a result of this
+
+## What we did
+
+We included the date the user had selected for their appointment on the time range and appointment slot screens. 
+
+We hypothesised that this would help users remember which date they had chosen, and reduce confusion and difficulties around choosing appointment times.
+
+**Time range selection screen**
+
+![Screen with radio buttons for users to select an hour range for their vaccination appointment](timerangenew.png)
+
+**Appointment slot selection screen**
+
+![Screen with radio buttons for users to select an appointment slot for their vaccination appointment](timeslotnew.png)
+
+
+## Findings
+
+We found that displaying the selected date on the subsequent screens meant that users were less confused when they were selecting their appointment time.
+
+Users were able to see which date they had selected, and this made it easier for them to remember which times they were available on that date, which reduced frustration when choosing an appointment time.
+

app/images/book-a-vaccination/2025/02/improving-appointment-selection/timerangeold.png

@@ -0,0 +1,40 @@
+---
+title: "Improving the booking complete screen"
+date: 2025-04-24
+---
+
+After the introduction of the panel component to the NHS design system, we took the opportunity to make improvements to our booking complete screens
+
+<figure>
+
+![Screenshot from the NHS design system, showing the new panel component](panelcomponent.png)
+
+
+    <figcaption>From the <a href="https://service-manual.nhs.uk/design-system/components/panel">NHS.UK Design System</a></figcaption>
+</figure>
+
+## The existing screen 
+
+The existing screen used cards to show users information about their booking.
+
+![Screen showing the old booking complete screen, with information presented in cards](bookingcompleteold.png)
+
+Using cards can help to highlight key information, but using them exclusively on this screen made it difficult to understand which information was the most important, as it all appears to be similarly prioritised.
+
+## What we did
+ 
+We used the new panel component to show the user confirmation that their booking was complete, and changed the way some of the information on the screen was presented.  
+
+We also used inset text to highlight some key information about saving booking reference numbers
+
+
+
+**The new screen**
+
+![Screen showing the new booking complete screen, with information presented in the panel component, and using paragraphs to display other information](bookingcompletenew.png)
+
+
+## Findings
+
+The majority of users found the new screen straightforward, and understood that their booking had been completed successfully.  Users were clear about the details of their appointment, including the time, date, and vaccine type.
+