top of page
Treatment plan

NHS contracting - User story examples

Short example for new client 

I was contacted by a client to complete a short initial brief for solving a known problem within NHS reporting. NHS staff were struggling to complete their reporting efficiency on wards and in offices due to legacy systems in place which made data very difficult to view without having to click through numerous screens. It was also very difficult to compare table data to identify trends, and to add and view patient notes. This additionally made it difficult to identify repeated problems, and which problems had been solved or were still open cases. I came in for a short UX consultancy exercise to create some high level user stories for the most currently occurring issues and to look at how we could display this data in a more simple and easy to use way.

Step 1: The brief

I chatted through the main issues that had already been identified during an initial client discovery process. I then worked out the main types of use case where the current data display was letting users down.

Each data set was displayed in a different chart and chart type. There was a need to compare charts across different areas of data, as well as filtering that comparison (for example by patient gender, data etc.)

Some data tables also had multiple columns of raw data, making it very difficult to display. Also, in terms of UI, they weren't very inspiring!

I was asked to break these issues into some demonstrative user stories for the team as examples of how we could go about addressing the problem with the NHS client.

    Group 14.png

    Step 2; Creating initial use cases and high level user stories

    I established 3 use cases to demonstrate some of the issues that needed to be addressed on a certain parts of the data sets, namely:

    Ability to review and compare records

    See any correlation

    Review note history and create new notes. 

    I then translated these user stories and low-fi frames. You can view the Axure file here:

    Use case 1

    Use case 2 

    Use case 3


      image 1.png

      Step 3: Creating UI examples 

      The last part of this short project was talking through the flows and feedback from the 'shop floor' (limited given the short nature of the project) and creating some UI examples to show how these charts could be displayed and filtered. 

      We talked through accessible colours, and making sure that the colours used in the UI replicated the colours doctors, nurses and healthcare support workers recognised from their physical reports, whiteboards etc. on the wards 

      I created these in Figma, you can view the file link here


        Image 14-11-2023 at 14.28.jpg


        The Punk website is live here, and the Punk Couplings team are currently in talks about some very lucrative deals with Aerospace and Defence. As well as gaining great traffic from organic search, the main use of the site is a place to direct potential investors following -person, shop-floor pitches. The form and CRM integration were also planned as part of the UX to allow enquiries to be assigned correctly and the right information to be sent in a personalised and sector specific way. 

        Programs and approach

        • Workshopping in person, outputs presented back in Miro

        • Prototype in Axure

        • Designs in Figma

        • Continuous involvement Stakeholders and end users

        • Close work with design and development teams

        • Agile build managed through Trello

        Let’s chat!
        If you would like to talk about any of the projects mentioned here, or any other projects I've worked on, please feel free to get in touch. I'd love to hear more about the opportunities you have in store!

        • Twitter
        • LinkedIn
        bottom of page