Road traffic collision system (Confidential customer)
Client:
Confidential
Project Type:
Heuristic Evaluation and Redesign
Team:
Myself
Duration:
1-week Sprint
Brief:
A road traffic collision system used by the UK police force wanted a heuristic evaluation of part of their service, culminating in a redesign.
My Role:
UX Designer
UX Process: User Research, Heuristic Evaluation, Feature Prioritisation, Information Architecture, Wireframing, Prototyping, Accessibility, Report Creation
Project Overview
Road traffic collision system used by UK police force wanted a heuristic evaluation of part of their system to find potential usability problems, and a subsequent redesign.
I conducted a usability review against Jakob Nielsen's 10 usability heuristics, alongside surfacing any known pain points from previously completed user research. I created two design options using Figma and presented these to the customer following a 1-week design sprint, addressing the most detrimental issues to the overall experience. I provided the customer with a 24-page report and links to Figma designs. This report was saved as a template for subsequent Heuristic Evaluations in the company.
MY PROCESS
1. Scope and stakeholders
The scope was determined to focus on the Journal page which was a key page in the user flow and had reduced user satisfaction.
This project was limited in that we had no access to users to research with, however I was provided with some requests from various police force areas for the Journal page that I took into consideration.
I began by pulling all of my resources into a Miro board to review: the existing customer style guide, the area requests, screenshots of the As-Is Journal page with my initial observations and an inspiration board featuring examples of successful audit trails.
2. Conduct heuristic evaluation
I decided to use Jakob Nielsen's 10 usability heuristics for the evaluation. With the page purpose, target audience and key tasks users are expected to perform in mind, I assessed the page against the heuristics, documenting the usability issues in the format shown.
I outline the heuristic that was violated, a description of the problem with accompanying screenshots and suggested improvements when applicable. ​
​
I noted in a traditional heuristic evaluation you would have multiple evaluators for a more diverse perspective and that was a limitation.
3. Redesign
​The evaluation culimated in a redesign of the Journal page, applying the recommendations I made in the report. The prototype was created in Figma and included:
-
A revised information architecture, organizing the content in a more logical way, and grouping related elements together i.e., the 'create a new entry' was placed at the top of the page, followed by the entry log with the filters and search grouped together below.
-
Modern filters following a recognisable design pattern.
-
Additional filters allowing users to filter by the officer name and email addresses.
-
Entries are collapsed by default past a certain character count and have the option to expand with 'View full entry', reducing the complexity and cognitive load.
-
New features like default blurring distressing photos, marking entries as high priority and search were introduced, stemming from the collected Area Requests.
-
Modern blue colour palette replacing the outdated and inaccessible purple and yellow.
-
Material design icons replaced the inconsistent and unrecognisable icons, for a consistent visual style, widely recognisable and easy to interpret for a wide range of users.​