eCare
Practitioner and Patient Apps
Brand/Project:
EMI Advisors, NIH Multiple Chronic Conditions, Healthcare IT
Role:
Senior UX Designer
Date:
Q3-Q4 2023
Context:
As part of a federal health contract we were tasked with creating two interconnected applications that leverage new healthcare data interoperability standards to facilitate exchange of health information between patients and provider (what a mouthful). We entered the project midway, inheriting an initial attempt from a previous contractor whose software and UX designs were subpar.
The Problem
We need to create an application for health practitioners and an app for patients that leverage new health data interoperability standards for cross communication.
* Additional Considerations:
- All data to be displayed needed to be compliant with FHIR health data standards requiring cursory understanding of these standards and close collaboration with subject matter experts
- All UI designs needed to abide by MUI guidelines as the project was developed in React with little bandwidth for style/UI customization
The Solution
Map information architecture and improve upon the existing UI styles
Data Flow
These two apps would allow:
- Practitioners to access health goals and survey results created by patients
- Patients to see their clinical diagnosis, medications, and vital measures across all of their healthcare providers
Original Practitioner App Design
The design we inherited when our team joined midway through the project.
Design System
From the original design I developed a loose design system base in MUI. Because developer resources were limited, I aimed to keep custom styles minimal.
Improved UI
Combining the original design patterns and the new design system, I created an improved UI.
Patient Application
A similar re-design was conducted for the patient application but for sake of time, we won’t go too deep into that. The original is on the left and the re-design is on the right.
🧑🔬 *Focus Group* 🧑🔬
At this stage a focus group to improve upon the practitioner app was conducted. That can be found as a separate care study.
eCare Focus GroupThe Results
Improved new design and implementation of feature recommendations from the focus group.
Final Designs in Figma
A click through prototype was also made in Figma and used for facilitation of a focus group related to this project.
Click-through Prototype