User experience and UI design for big data in healthcare

Changing the trajectory of health research

Healthcare UX

User Experience

UX Research

Researchers in lab interacting with user interface on screens.
CLIENTAkrivia Health
LOCATIONOxford, UK
TEAMUX designer, UX researcher, UI designer, project manager, product manager
PROJECT WEBSITE

Akrivia Health is an Oxford University spin-off with one of the largest and richest mental health datasets worldwide. The 440 billion datapoints available have the power to reveal insights that could revolutionise our understanding of depression, dementia and other illnesses - if adequately queried.

Akrivia partnered with our UX design agency and with a team from Oxford University to develop a user interface for users in the NHS, research institutes, and pharma companies. The ambition was to make the information accessible to both data scientists and people who have never ventured into big data analytics before.


OUR CONTRIBUTIONS

Information Architecture

UX Design

UX Flows

Interactive Prototyping

User Research

User Testing

Academic Literature Review

Product Bootcamp

Technical Workshops

UI Design

Wireframing

Design System


Quotes
Digital innovation hubs are set to provide a world class environment for clinical research, reinforcing England’s position at the forefront of life sciences invention and innovation.
Aerial view of Oxford University medical research building.

USER RESEARCH FOR UX DESIGN

The possibile uses for these datasets are infinite, but the interface must be purposeful. To clarify what the product needs to accomplish, we organised a two week discovery phase which focused on user research.

We reached out to people in the two target audiences: academics and healthcare industry experts. We set up interviews and focus groups with both experienced data scientists and people who had never worked with big data before, the so called “citizen scientists”.

Ultimately, we used a mix of several user research methods to reveal the nuances of what users expected and needed from the product.

Screenshot of medical research article showing UX design insights.

DEEP DIVE INTO ACADEMIC RESEARCH

Academic research is a great resource for user experience design because it focuses on core issues and abides by high methodological standards. Starting from a set of questions, we explored studies about the use of electronic health records (EHR). This is what we learned:

• How can GUIs support health workers to find information in patient databases?

• What patterns do clinicians use to search in electronic health records? And what heuristics are used to find patients for clinical research studies?

• What are the best practices for EHR interfaces based on reliable research?

• How can a GUI support academic or pharmaceutical industry researchers generally?

We uncovered many user pain points from studies that looked at how users search through large data sets. The findings were general, but they provided fundamental insight for future UX design decisions.




Text from UX research article side by side with user interface wireframe.




User interface wireframe next to a quote from a medical research article.

DEVELOPING A MODEL OF USER NEEDS

UX research yields multiple unique pieces of information. In order to predict what users need during every step of the process, the findings must be integrated into a coherent whole.

By analysing, comparing, and contrasting all this insight, we discovered general patterns. These patterns allow us to understand outliers such as the miscellaneaous methods people use to reach their goals.

The model also shows differences in what users need. For example, university researchers are required to go through a lengthy approval process before they can even start engaging with the datasets. In contrast, researchers from pharma companies start experimenting with the datesets early on, but will encounter regulatory limitations later.

Quotes
I want to apply tons of criteria when selecting my cohorts to understand nuances in antidepressant resistant depression.
UX research user
Patricia HartAcademic Researcher
Screenshot from user research interview about the use of big data in healthcare.



Diagram showing the steps in a UX design flow for a medical application

BENCHMARKING FOR HEALTHCARE UX DESIGN

We tested nine data query tools that are common in the healthcare industry. The purpose of benchmarking is to help us gain an in-depth understanding of the challenges that manifest in big data tools for healthcare.

We identified design patterns that users might expect, as well as unique interactions that are either bright ideas or failed attempts to solve a problem.

Thanks to this effort, we can avoid the dead paths that others have tried and save time during the design process. But there’s also another major benefit: the user experience we create is meant to integrate into the general healthcare application space and push the envelope.

Screenshot showing UX design of medtech plaform.

ITERATIVE UX DESIGN FOR QUERY TOOL

The user experience is designed to cope with a broad range of query complexity: from simple two-factor queries, all the way up to multiple-factor queries on 8 levels of depth.

We wireframed 5 models of query builders based on 3 different assumptions and transformed them into interactive prototypes through iterative UX design. The clickable prototypes enabled us to analyse the pros and cons of each model through user testing.

We used an evolutionary process where the variants evolved in parallel until some of them merged into a winning model. This UX design process, which incorporates exploration and empiric selection, ultimately led to a query tool that outperforms all the original versions.

DESIGN FOR THE DATA ANALYSIS MODULES

Tools for data analysis were integrated as modules: descriptive statistics, correlation functions, and others. They fit into the modular architecture of this healthcare softcare as plugins.The same is true for data visualisation modules.

In other big data analysis tools, these features have a needlessly complicated user experience, plus a dry and technical look and feel. The ambition for these data analysis modules was to tailor the UX design to users who are not data scientists.

GUI design with data visualisation patterns for healthcare tool.

WORKSPACE MANAGEMENT MADE EASY

Healtchare researchers work in teams. One individual can be part of many different teams. In terms of what accounts for a UX challenge, this admin section seems trivial, but it is in fact a critical factor for user success. To make sure the admin modules don’t end up being a source of frustration, we’ve invested just as much meticulous work, care, and testing to shape their user experience.




UI design for admin pages in medtech platform.

UI DESIGN = FUNCTIONAL AESTHETICS

We used neutral colours for screens where users will mostly focus on raw data, and electric shades of blue, purple, green, and red for data analysis modules. Illustrations have been used sparingly, to add brief moments of delight at key steps of the user flows.

The design system aims to support development efforts both throughout the implementation of our design and in the future. Developers have a library of components they can use to release the features planned for the next two years.

UI design styles for use in healthcare big data platform.

HOW DESIGN SUPPORTS DEVELOPMENT

The development team was invited to participate in our workshops from the start. To us, developers are important project stakeholders, whose technical expertise helps guide certain design decisions.

During design workshops, we wanted to make sure the user interactions we were prototyping were achievable from a technical standpoint. For the development team, being involved early on meant a chance to choose optimal backend technologies, as well as a step towards accurate effort estimates.

As design drew to a close, our role in the collaboration with the development team shifted to one of support. We participated in regular meetings to brief them in preparation of their sprints and we provided live support on Slack and Zeplin over the course of the entire implementation.

Components from design system for big data analysis platform.
Blurred people walking in medical research center.

DESIGN FOR HEALTHCARE RESEARCH

Close and transparent collaboration are critical to build innovative tools. We organised weekly product workshops with the stakeholders and documented our process for a seamless handover.

The basic asumption throughout the design sprints was that we don’t know, but we must find out what could be and proceed to test the ideas by aggregating as many sources of infomation as possible. Interactive prototypes were essential in gathering feedback with predictive value.

Designs are nothing without proper implementation, so the needs of developers figured highly in the process. Together, we established where the needs of users meet with technical possibilities. We stayed engaged to offer support even after the completion of the proper UX and GUI design.






Design elements

OUTCOMES

First clickable prototype delivered in 4 weeks

Design for alpha release delivered in 2 months

Seamless handover to the engineering team

Full design system delivered for the long term vision

No deadline missed in 3 months