Project: Tablet App Design | In-House
Role: Design Lead
Tool: Figma
Time: 8 months
Project: Tablet App Design | In-House
Role: Design Lead
Tool: Figma
Time: 8 months
Project: Tablet App Design | In-House
Role: Design Lead
Tool: Figma
Time: 8 months
Summary
Lasarrus is a med-tech startup pioneering a wearable monitoring device for Chronic Obstructive Pulmonary Disease (COPD). Named WearME, the device is currently being piloted in partnering clinics, and will soon be available to the consumer market consisting +11 million COPD patients.
Bitcoin News is a news startup. The website was developed in WordPress by a developer without any designers on deck. The co-founders quickly realized a design overhaul was necessary to grow the business into the next stage, which is where I came in to work closely with the co-founders and the developer.
Lasarrus is a med-tech startup pioneering a wearable monitoring device for Chronic Obstructive Pulmonary Disease (COPD). Named WearME, the device is currently being piloted in partnering clinics, and will soon be available to the consumer market consisting +11 million COPD patients.
Challenge:
Challenge:
A provider-facing companion app. Healthcare providers need to make sense of the large volume of respiratory data captured by WearME. The app must seamlessly operate the sensors, surface critical insights in real time, and support ongoing patient management.
A provider-facing companion app. Healthcare providers need to make sense of the large volume of respiratory data captured by WearME. The app must seamlessly operate the sensors, surface critical insights in real time, and support ongoing patient management.
Solution:
Solution:
An intuitive app tailored to support clinical workflows. Enabling healthcare providers to efficiently transform complex respiratory data into actionable insights. Enabling providers to monitor patients efficiently, respond to urgent changes quickly, and manage care with confidence.
An intuitive app tailored to support clinical workflows. Enabling healthcare providers to efficiently transform complex respiratory data into actionable insights. Enabling providers to monitor patients efficiently, respond to urgent changes quickly, and manage care with confidence.
See Prototype
See Prototype
Challenge
A provider-facing companion app. Healthcare providers need to make sense of the large volume of respiratory data captured by WearME. The app must seamlessly operate the sensors, surface critical insights in real time, and support ongoing patient management.
Solution
An intuitive app tailored to support clinical workflows. Enabling healthcare providers to efficiently transform complex respiratory data into actionable insights. Enabling providers to monitor patients efficiently, respond to urgent changes quickly, and manage care with confidence.
Sneak Peak
Process
Define
Define
Key App Objectives
Key App Objectives
Visual Identity
Visual Identity
Discover
Discover
Stakeholder Interview
Stakeholder Interview
Persona
Persona
Design
Design
Designs (MVP)
Designs (MVP)
Test
Test
Coming Soon
Coming Soon
DEFINE
DEFINE
Key App Objectives
✦
Onboard providers (Doctor, PA, Nurse)
Onboard providers (Doctor, PA, Nurse)
Onboard providers (Doctor, PA, Nurse)
✦
Enable providers to create patient profiles
Enable providers to create patient profiles
Enable providers to create patient profiles
✦
Pair WearME with provider's mobile device (tablet)
Pair WearME with provider's mobile device (tablet)
Pair WearME with provider's mobile device (tablet)
Visual Identity
Discover
Discover
Research
Stakeholder Interview
This interview was conducted with pulmonologists after demonstrations of our early prototype testing of WearME. To gather feedback at this stage, only mid-fidelity wireframes of the companion app were shown.
This interview was conducted with pulmonologists after demonstrations of our early prototype testing of WearME. To gather feedback at this stage, only mid-fidelity wireframes of the companion app were shown.
✦
Provider Landscape: There are +13,000 pulmonologists in the US, mostly in urban areas seeing 9-10 patients a day, ~90% treat COPD patients daily
Provider Landscape: There are +13,000 pulmonologists in the US, mostly in urban areas seeing 9-10 patients a day, ~90% treat COPD patients daily
✦
Clarity > Raw Data: Digestible dashboards with averages, deltas, and historical comparisons
Clarity > Raw Data: Digestible dashboards with averages, deltas, and historical comparisons
✦
Raw Data Export: Generating .csv files of raw data to allow researching doctors to perform their own analysis
Raw Data Export: Generating .csv files of raw data to allow researching doctors to perform their own analysis
✦
Non-Diagnostic: WearME should remain as simply a monitoring tool and the app should not claim patient condition getting "better/worse" etc. The app should only present clear data and let users make medical judgements
Non-Diagnostic: WearME should remain as simply a monitoring tool and the app should not claim patient condition getting "better/worse" etc. The app should only present clear data and let users make medical judgements
Background Info
Q & A
Philip is a 46-year-old pulmonologist. He diagnoses and treats patients with a variety of lung illnesses. Philip stays up-to-date with the latest developments in the respiratory research, and is passionate about helping people breathe normally.
Philip is a 46-year-old pulmonologist. He diagnoses and treats patients with a variety of lung illnesses. Philip stays up-to-date with the latest developments in the respiratory research, and is passionate about helping people breathe normally.
Goals
Goals
Diagnose respiratory diseases as quickly as possible
Diagnose respiratory diseases as quickly as possible
Ability to monitor and contain patient exacerbations remotely
Ability to monitor and contain patient exacerbations remotely
Painpoints
Painpoints
Devices used for certain diagnosis are invasive for patients
Devices used for certain diagnosis are invasive for patients
Current industry standard devices are big, clunky, and too expensive for patients
Current industry standard devices are big, clunky, and too expensive for patients
Design
Design
Key Screens (MVP)
Patient
Patient
Patient
The central screen to view in-depth patient info. Broken into two sections, the top provides basic patient info, while bottom displays key data collected by WearME.
The central screen to view in-depth patient info. Broken into two sections, the top provides basic patient info, while bottom displays key data collected by WearME.
The central screen to view in-depth patient info. Broken into two sections, the top provides basic patient info, while bottom displays key data collected by WearME.
✦
Edit Patient: Modify patient record
Edit Patient: Modify patient record
Edit Patient: Modify patient record
✦
Data Picker: Change data to view a different recording
Data Picker: Change data to view a different recording
Data Picker: Change data to view a different recording
✦
Data Cards: Live averages of WearME data. Will notify when signal is poor
Data Cards: Live averages of WearME data. Will notify when signal is poor
Data Cards: Live averages of WearME data. Will notify when signal is poor
✦
Patient Avatar: Animates between sitting/standing based on toggle switch
Patient Avatar: Animates between sitting/standing based on toggle switch
Patient Avatar: Animates between sitting/standing based on toggle switch
Record Session
Record Session
The first version of the WearME app must collect study data of patients testing our device while sitting and standing to gauge COPD levels.
The first version of the WearME app must collect study data of patients testing our device while sitting and standing to gauge COPD levels.
The first version of the WearME app must collect study data of patients testing our device while sitting and standing to gauge COPD levels.
✦
Record Player: To start/pause/stop
Record Player: To start/pause/stop
Record Player: To start/pause/stop
✦
Patient Profile: FRor context awareness
Patient Profile: FRor context awareness
Patient Profile: FRor context awareness
✦
Data Cards: Live averages of WearME data. Will notify when signal is poor
Data Cards: Live averages of WearME data. Will notify when signal is poor
Data Cards: Live averages of WearME data. Will notify when signal is poor
✦
Patient Avatar: Animates between sitting/standing based on toggle switch
Patient Avatar: Animates between sitting/standing based on toggle switch
Patient Avatar: Animates between sitting/standing based on toggle switch
Full Session
Full Session
Full Session
Once a recording is complete, Full Session is where users will see and analyze all data collected by WearME.
Once a recording is complete, Full Session is where users will see and analyze all data collected by WearME.
Once a recording is complete, Full Session is where users will see and analyze all data collected by WearME.
✦
Data Cards: Key respiratory metrics used by providers for clinical decision making
Data Cards: Key respiratory metrics used by providers for clinical decision making
Data Cards: Key respiratory metrics used by providers for clinical decision making
✦
Timeline: Line graph of each data card (above) with overlaid actions
Timeline: Line graph of each data card (above) with overlaid actions
Timeline: Line graph of each data card (above) with overlaid actions
✦
Trends (second slide): Plot charts comparing each data card to data from other sessions
Trends (second slide): Plot charts comparing each data card to data from other sessions
Trends (second slide): Plot charts comparing each data card to data from other sessions
Test
Test
Testing In Progress
The WearME app is in early testing stages and some key designs are still being iterated. Soon, this section will showcase the usability study highlighting what worked and lessons learned.
To see how I typically conduct this phase, check out these examples from different case studies:
The WearME app is in early testing stages and some key designs are still being iterated. Soon, this section will showcase the usability study highlighting what worked and lessons learned.
To see how I typically conduct this phase, check out these examples from different case studies:
The WearME app is in early testing stages and some key designs are still being iterated. Soon, this section will showcase the usability study highlighting what worked and lessons learned.
To see how I typically conduct this phase, check out these examples from different case studies:
…Or feel free to poke around the Figma Prototype of this project
…Or feel free to poke around the Figma Prototype of this project
…Or feel free to poke around the Figma Prototype of this project
Figma Prototype
Figma Prototype
Figma Prototype
Fullscreen
Best viewed on larger screens
Best viewed on larger screens
Best viewed on larger screens
Best viewed on larger screens