Launching a web-platform on tablet for elder clinicians to treat ulcer wounds.

Launching a web-platform on tablet for elder clinicians to treat ulcer wounds

Launching a web-platform on tablet for elder clinicians to treat ulcer wounds.

Overview

A leading MedTech company wanted to digitise its paper based system to treat diabetes patients with ulcer wounds. The business model was very revolutionary because the clinican would travel to the patient's home and carrying out their assessment.

My tasks
Design Lead
UX Design
Visual Design
Interaction Design
Prototypes
Research
Design System

Team
Me
Business Analyst
Product Manager

Year
2019 – 2021

Problems

The clinicians are used to paper work for treating patients. Moving them from paper based assessment to digital medium is should was abrupt. Upon doing interviews we were able to find the following concerns:

wireframes

Wireframes used to initial understanding of Clinician-Patient encounter.

1. Accuracy

They are concerned about getting the assessment and treatment done correctly.

2. Time conscious

They want to save time and cover more patients in a day.

3. Goal oriented

They are okay with compromises on ‘design’ as long as their job is done.

4. Not tech savvy

Shortcomings of elder Clinicians working on digital interfaces needed extra care

Insight from research

Most of the Clinicians are aged above 55 years therefore it was important to break-down the interface’s constituents to its bear minimum and highlight only the parts which are needed.

Success metric: Patient Clinicians encounter time had to be brought down from 1.5 hours to 15 minutes.

Success metric: Patient Clinicians encounter time had to be brought down from 1.5 hours to 15 minutes.

Opportunity 1 - The transition

How might we make the transition from paper based patient encounter to digital medium as smooth as possible for Clinicians?

How might we make the data digestible enabling an overview of companies but also see the details?

Opportunity 2 - Assessement flow

How might we enable clinicians to pick treatment procedures in the unique order that the clinicians want at any time?

How might we enable clinicians to pick treatment procedures in the unique order that the clinicians want at any time?

The MVP

We developed a treatment procedure that is flexible to use by clinicians in any order that they prefer depending on the conditions of the patient. This encapsulated the accessibility features for helping elderly Clinicians (main user demographic) which were introduced after repeated testing and product discovery.

Zonder_MVP

Initial testing result

The success metric of treatment under 15 mins was NOT met upon testing with 27 clinicians.

14 Clinicians took ~40 mins  |  6 Clinicians took ~30 mins  |  3 Clinicians took ~44 mins  |  3 Clinicians took ~24 mins  |  1 Clinician took ~14 mins

Design changes

Assessment workflow is the most important workflow in the application. The documentation of the wound for a patient happens here and the success of the platform depends on how fast a Clinician can cover the documentation and treatment.







The primary job for me as designer was to present the information that Clinicians might need frictionlessly, hide the information that's not needed and devise a way for faster interactions to capture wound info. As Clinicians are free to go any path to document and treat the wound or follow a linear path to completion, I had to curate a workflow that tailors to both their requirements efficiently.

The different steps of documentation included capturing information such as location of wound, measurement, appearance, exposed structure and so on. Iterating through a series of prototypes, I arrived at a tab based navigation UI on the device so that Clinicians can navigate to any step they wished. Each step also had a FAB with the copy to navigate the steps linearly to the next steps.

Assessment workflow: Assessement procedures showing non-linear and linear navigation workflows.

Designing for the 'elderly' Clinicians

When designing for the elderly, every interaction had the potential to make or break the solution. This shaped the design decisions and the design system.

A few other design decisions

Navigation patterns comparison

Scrollable menu enabled Clinicians to navigate to the desired medical procedure page (left) while a floating action button allowed linear medical procedure documentation (right).

Checkbox comparison

Clinicians would read the options and return to the checkbox to select the option (left). I recommended checkboxes with outlines (right) for faster selection.

Radio on

Similar approach was taken for radio buttons with the outlines. The shape was made rounder without any icon for easier and faster differentiation from a checkbox.

Button+Colours2

I emphasised on making the controls evident to be noticed and positioning them where Clinicians expect them to be. The size of the CTAs are large and shown with the contextual vocabulary which were expected.

 CTAs were designed in the same colour family to make clear association with interactions.

The use of colours on text whether on buttons or on page were given extra care to meet contrast ratios standards for accessibility (WCAG AA) and (WCAG AAA)

Type_scaling

Using text familiar to the Clinicians in succinct sentences. Keeping large font-size heading that could bind the contents below and maintaining space between sections to signify the start and the end. Choosing larger font-sizes for increased legibility for the user demographics.

Using these techniques, I achieved clean and focus enabling user-interfaces.

Final testing result

 The success metric of treatment under 15 mins was MET upon testing with 22 clinicians.

17 Clinicians took ~14 mins  |  3 Clinicians took ~20 mins  |  2 Clinicians took ~17 mins

We had successfully made a minimum viable product that was ready for the market. Through consistent design evangelism and design delivery, I was able to get both stakeholders and client onboard for having a design-led approach to the project.

You can read more about the design approach on a Medium blog post here.

More Projects

StatslandLaunched sustainability (ESG) data platform from paper to market for data analysts. #B2B #sustainability

SimpleDesigned onboarding experience of healthcare workers informed by research insights. #healthcare #mobileapp

Video FacilitatorRe-designed the platform to support online workshops for large scale conferences using research methods. #B2C #workhops

NidraExperimental tool to provide relief to sleep deprived people. #collegeproject #sleep #experimental