eGRiST — Case study · Tom Nicholls
← Tom Nicholls [email protected]
Case study · eGRiST

Assessing mental
health risk

A clinical tool that guides you, instead of one you need training for

eGRiST helps mental health professionals assess a patient’s risk and decide what to do next. New users needed intensive training, and people were entering incorrect information about patients. I redesigned it around the way clinicians actually work.

Role
Lead Product Designer
When
Sept – Dec 2020
Platform
Web app, desktop and tablet
Industry
Healthcare · mental health
Worked with
The client, mental health experts
Final design
eGRiST on a laptop, tablet and phone: a full assessment, the client report and the dashboard
01

The problem

eGRiST needed a redesign for three reasons:

  • New users needed intensive training before they could use it.
  • Users were entering incorrect information about patients.
  • Newer competitors had more professional-looking interfaces.

The client could see the symptoms, but not what was causing them. Finding the cause was where the work started.

The old eGRiST welcome page, with a list of assessment questions over a photo of trees
The old full assessment: a long page of small questions and radio buttons

eGRiST before the redesign: the welcome page, and part of a full assessment.

02

Methodology

I followed the double diamond. Discover opens the problem up, Define narrows it down to what matters, and Deliver hands over the answer and keeps iterating on it.

Discover
Divergent thinking
Activities
  • Stakeholder interviews
  • User interviews
Deliverables
  • User stories
  • Personas
  • User journey map
  • UX audit
Define
Convergent thinking
Activities
  • Wireframing
  • Visual design
  • Design reviews
Deliverables
  • User flow
  • Prototype
  • Style guide
  • Final designs
Deliver
Iterate
Activities
  • Handover
  • Design support
Deliverables
  • Presentation
  • Atomic design system
03

UX audit

Discover

Making the size of the challenge clear

The client didn’t know how deep the UX problems went, or that they were behind the business pain. I started with an audit to show how much of the product needed rethinking.

To make the findings easy to trust, I made the criteria transparent: Nielsen’s ten usability heuristics, and an accessibility framework covering autism, screen readers, low vision, physical or motor disabilities, deafness and dyslexia.

Audit criteria: the ten usability heuristics
Audit criteria: the accessibility framework

The audit framework, published so the client could see exactly what eGRiST was measured against.

04

As-is user story map

Discover

Making sense of the mess

Before changing anything, I mapped what users could do in eGRiST as it stood.

Epic
User stories
Account
Log into eGRiST
Log out
Assessments
Consume information
View a specific assessment
Tutorial on how to use eGRiST
FAQs
Support information
Live chat support
Contact details
Tasks
Create an assessment
Delete an assessment
Edit an assessment
05

Persona

Discover

User interviews gave us Sally: the person every design decision had to work for.

Sally, the processor

A front-line health care professional who takes clients through a robust process.

Goal

To assess the mental health of a client.

Needs
  • To be protected from any audit if a client dies by suicide
  • Recording an assessment to be fast
  • A process that only needs basic computer skills
  • To share information with secondary care professionals
Tasks
  • Interviewing clients
  • Assessing their mental health using the correct framework
  • Printing assessments and sharing them with colleagues
  • Arranging sessions with clients
  • Providing detailed information when audited
06

User journey

Discover

Sally’s journey follows one patient from their first screening to the point where they no longer need assessing.

“Sally was frustrated by the lack of structure in eGRiST. It didn’t support her workflow. It disrupted it.”

What we heard in user interviews.

ConsultantSystemPatient
Scroll sideways →
Stage 1
Screen a new patient

A new patient is coming in for a screening session today.

ConsultantArrives at work
ConsultantChecks the IPA system for an overview of today’s appointments
ConsultantBrings up the first patient’s IPA profile
ConsultantClicks the GRiST link on the patient’s IPA profile
SystemCreates a new profile automatically
ConsultantHolds the consultation
ConsultantStarts and completes a screening assessment
ConsultantBooks a full assessment in two weeks’ time
Stage 2
Fully assess the patient

Two weeks later, the patient comes back for a full assessment.

ConsultantArrives at work
ConsultantChecks the IPA system for today’s appointments
ConsultantOpens the patient’s IPA profile and clicks the GRiST link
SystemOpens and displays the patient’s profile
ConsultantHolds the full assessment
ConsultantStarts and completes a full assessment
ConsultantSets up a self assessment to be sent every two weeks
Stage 3
Patient completes a self assessment

Every two weeks the patient fills in a self assessment, so the consultant can keep track of them.

SystemSends the patient the self assessment automatically
PatientReceives an email asking them to fill it in
PatientFills in and completes the self assessment
Stage 4
Patient is classed as at risk

The patient is at high risk, so the consultant is notified.

ConsultantChecks emails
ConsultantSees a notification that the patient is at risk
ConsultantClicks the link to view the patient in GRiST
SystemOpens and displays the patient’s profile
ConsultantContacts the patient
Stage 5
Consultant assesses further

When time allows, the consultant goes through the full self assessment to plan next steps.

ConsultantSees a notification that the self assessment is complete
ConsultantGoes to GRiST and views the patient record
ConsultantViews the patient’s self assessment report
ConsultantMakes notes on next steps
Stage 6
Patient is improving

Once the results start improving, it’s time to wind up the assessments.

ConsultantGoes to GRiST and views the patient record
ConsultantReviews and updates the notes
ConsultantSets the next self assessment to be the last one sent
07

User flow

Define

Defining Sally’s workflow

To guide Sally through an assessment, we first had to define the process. Mental health experts reviewed it to make sure it was in line with the latest research.

The eGRiST v2 user flow: creating a client record and triage, triaging the client, conducting assessments and setting up self assessments

Four flows: create a client record, triage the client, conduct an assessment, and set up self assessments.

Open full size ↗
08

To-be user story map

Define

Redefining the feature set

The new feature set puts everything about a client on one dashboard: triage, assessments, self assessments, risk history and the safety plan.

Epic
User stories
Log in
Log into eGRiST
Dashboard
Consume information
Triage
See complete vs incomplete
Assessments
See complete vs incomplete
Self assessments
See complete vs incomplete
Risk history
Edit time snapshot
Safety plan
See time of entries
Tasks
Create an assessment
Share a report
Share the client reference code
Edit the safety plan
Edit the risk formulation
09

Wireframes

Define

The wireframes introduced the ideas that carried through to the final design.

Wireframe of a client overview: triage, assessments, self assessments, a latest report and risk history

Workflow mental model reinforced: the client overview follows the order of the work.

Wireframe of assessments grouped into drafts, submitted and self assessments

Assessments sorted by where they are in the workflow: drafts, submitted and self assessments.

Wireframe of a full assessment with sections, questions and notes side by side

Three panels, so clinicians can multi-task from the same view.

Wireframe of the profile review step of a full assessment

Profile review, the first step of a guided full assessment.

10

Iterating the dashboard

Define

The dashboard went through a design review with the client and then user testing. It changed after each.

Frank Lloyd Wright
The importance of iteration
“You can fix it with an eraser or you can fix it on the construction site with a sledge hammer.”
Frank Lloyd Wright
{{ dashAlt }}

{{ dashCap }}

11

The assessment page

Define

The old assessment was one very long page. In testing, users told us these three changes were what they loved most about the new one.

Before
The old assessment: one long page of tables, notes and colour-coded answers

Scroll to see how long the old page was.

From
Unclear saving process
To
Clearly signposted save journey
From
Confusing navigation
To
Simple linear progression
From
Endlessly long pages
To
Neatly categorised information
After
The new assessment: a profile review step with clear sections and a save button
12

Final designs

Define

The final designs, on desktop and tablet.

The eGRiST dashboard on a laptop
Dashboard
A full assessment on a tablet
Full assessment
The client overview on a laptop, with risk gauges and a risk history chart
Client overview
The assessment and client report on two tablets
Tablet
The assessments tab: drafts, submitted and self assessments
Assessments
13

Guided workflow

Define

A full assessment is now five steps, taken in order.

Step 1
Profile
Step 2
Assessment
Step 3
Risk management
Step 4
Safety plan
Step 5
Report
The five steps of a full assessment on five tablets
14

Style guide

Deliver

The style guide set out the colours, type and components used across the product.

Style guide pages: colours, typography and components
15

Atomic design system

Deliver

I handed over an atomic design system, so every screen was built from the same parts: from single buttons up to whole sections like the client report.

Scroll inside the frame ↓
{{ atomAlt }}
16

Results

Less onboarding time

New users needed less time to get up to speed.

Better quality data

Users entered better quality information about patients.

New tenders won

eGRiST won new tenders, partly thanks to its new, more professional look.

More work, or a chat?
London SE9 · 07736 048842
← All case studies Get in touch →