.png)
Role
Research, UX, UI
timeline
6 weeks
team
4 UX/UI Designers
platform
Web
company overview
Assaya is a Taiwan-based diagnostics company that provides end to end integration for large scale rapid testing for a wide range of tests, such as diseases, pregnancy, PEDs, and food safety.
Users input the rapid test into their IAX Reader (Intelligent Analyzer Express) which connects to the AssayaDX Portal for real-time test results.
the problem
When we came onboard the project, Assaya had only been operating for 3 years, launching amidst the pandemic. Due to the need to rush the product to market, the AssayaDX platform in its current form, was in MVP form and ripe for development.
Assaya's DX portal functioned well enough, but it lacked usability.
Information was mostly presented in a read-only tabular view, with many user pains around navigation and customisation.
The interface required a re-design that allowed Assaya’s users to access test data from their iaX readers with ease and simplicity.
target audience
-
Rural Hospital Clinicians
-
Rural Patients
-
Rural population at risk of preventable cardiovascular disease (CVD)
design Process
discover
define
develop
deliver
discover
Competitive Analysis
In our initial research, we turned to the competition to see how they operated.
We gained further understanding as to what our users might expect and how Assaya could improve that experience.
Based on our findings, we identified that there were opportunities in optimising the visual architecture for displaying numerical data, enabling column customisation/filtering for results and integrating training for point of care operators on how to use the AssayaDX Portal and iaX analyser.
1:1 interviews
Through 1:1 interviews, we gathered qualitative insights from clinicians on Assaya’s current user interface.
The main concerns were centred around useability, information architecture and the need for an embedded eLearning platform.
participant 1
The whole platform reminds me of an excel spreadsheet. Its hard to find information at a glance
participant 2
It would be helpful to be able to share test results via pdf. The current CSV option doesn't export well
.png)
participant 3
I'd like to have the option to view the data in graphs or charts
key outcomes
Information
To provide efficient and timely patient care, blood data results needs to be accessed and viewed quickly.
.png)
sharing
Allowing easy export and sharing of test results with other doctors and patients for timely diagnoses and improved patient outcomes.
training
Ensuring that POC operators have the knowledge and skills to effectively utilize the platform, reducing the risk of errors.
Through our research, we identified three key points that we focused on during the redesign process:
define
user persona
We created two key users based on our research. A primary persona named Dr Drew and a secondary persona named Terry.
We felt that we wanted to explore both perspectives of both a clinician and a patient on the receiving end of Assaya’s service.
Both users valued a product that was time saving as well as better health outcomes.
storyboard
To help illustrate the user journey, we came up with Terry's story. Terry is a character based on our research fits the risk factors of cardiovascular disease.
Terry is a 63-year-old man who lives in Heywood, a rural Australian town.
The nearest hospital is 60km away, making it difficult for him to travel, leaving him feeling anxious about his health.
Terry wants quick and efficient healthcare, without having to wait for hours to see a doctor or receive his test results.
This is his story...
HOW MIGHT WE
Leverage Assaya’s cloud interface to improve CVD care for rural communities, resulting in timely diagnosis and treatment for individuals increased risk of coronary heart disease?
develop
mood board
.png)
sketches
Guided by our 3 key outcomes; Information, Sharing and Training we put pen to paper to sketch out our ideas.
lo fi wireframes
Having finished our sketches we were ready for our ides to take form into wireframes.
We wanted to create a dashboard that had clear sections, had plenty of negative space and presented content so that it was digestible at quick glance.
deliver
ui kit
We came up with a UI kit to add consistency, structure and communication to the portal.
We chose the simple SF Pro Display typeface that would improve reading legibility at both small and large sizes.
.png)
rebrand
For the rebrand of the logo, we utilized a purple colour palette and the Montreal Serial typeface for a modernised look and feel. We also created a linear accented triangular 'A' to complete the new logo.
.png)
BEFORE
AFTER
main impacts
.png)
INFORMATION
Visual hierarchy was used to visually communicate order and importance of the content.
This resulted in a more intuitive experience for the users when navigating and completing tasks.
SHARING
Quick sharing of test results is central to patient care and early diagnosis. The new cloud platform features a results report in A4 format, a results chart and an exportable PDF pathology report.
.png)
TRAINING
To address the need for better training for point of care operators, we added training modules to the platform. With accessible training now available to users, we can decrease errors and improve test accuracy.