RecoverX - MUXA Design Studio

Built on a knowledge graph connected to a medical database, a tool that helps doctors diagnose their patient based on symptoms.

A decision support tool for physicians, built on a knowledge graph connected to a medical database, a tool that helps doctors diagnose their patient based on symptoms captured during a doctor’s visit.

Diagnostic errors are the most common, costly and catastrophic of medical errors.

RecoverX wanted to change this by providing clinicians a decision support tool to work with their EMR (electronic medical record).

Information overload

It is hard for clinicians to stay up to date with diseases that they don’t often treat (there are 100k human diseases identified), and the latest tests and treatments.

Limited time

Clinicians are often overbooked and have limited time with each patient. They are usually late to patient visits and rushing to get to the next one.

Complex UI

The EMR (electronic medical record) has a very cluttered UI, complex navigation, and often frustrates clinicians.

Contact

email@domain.com

000-000-000

— Instagram

— Twitter

— Facebook

space

UX isn’t linear, neither is our process. Research and validation is critical, but it can happen at different points of the process. For this project, we started with a combination user interview and usability testing the existing application. Based on the findings, we created personas and user flows based on our conversations with the user and proposed the highest usability issues to address.

We studied EMRs and physicians' expectations of working with one, as well as competitor tools. We then designed wireframes and A/B tested prototypes with different variations (the UI on the right and on the bottom, light and dark theme).

We created a visual language and design system for the client, as they did not have an existing one.

Empathize

Combined user interview + usability testing the existing app.

Prioritize

Based on the UT feedback, helped the client prioritize the issues to be fixed

Document & Ideate

Created personas and user flows based on sessions.

Competitor Research

Researched similar apps – what do they do well/not, what are users complaining about

Design

Created wireframes and visual design to address usability issues + roadmap features.

Prototype

Created workable prototypes based on the users’ needs and documented use cases.

Validate

A/B usability testing to gather feedback and iterate on designs.

Rinse & Repeat

Iterate on the design and create high fidelity visual designs. Retest.

There were three personas as we found that the doctor who is a specialist, general practitioner, and telehealth only, all have different expectations of how to diagnose a patient.

We found that while most common user type was the general practitioner, the one with the highest risk of getting a diagnosis wrong, was the specialist.

Goals

• An easy to read resource
• Ability to see brief overviews of differentials + treatments
• An easier search process
• Ability to filter by body systems

• Recommendations based on gold standards and new research

Frustrations

• Struggles to read text heavy resources during patient visit
• Mental load – sometimes has to dig deep in the search results to find what he’s looking for.
• Finding system-specific differentials can be challenging
• Can’t currently search by symptoms
• Difficult to learn of new methods, treatments, and tests

Awards

It’s Nice That
AIGA
Fonts In Use
The Dieline

Contact

email@domain.com

000-000-000

— Instagram

— Twitter

— Facebook

Dr. Shiv is a specialist who works in a clinic. He wishes it was easier to research differentials during and after patient visits. He typically uses Up to Date, but it’s very text heavy and he wishes there was a resource that provided brief overviews and/or criteria tables. He also wishes it was easier to search symptoms, differentials, and treatments, and maybe a way to filter by body systems. Shiv would also like to know whether the treatment, medication, or test the resource provides is the gold standard and/or includes the most recent research.

“I want to search for differentials more easily.”

“Right now, if I type something in, it might give me something, but more likely it’ll show me this big list of things and I’ll need to go through it to find what I’m looking for."

space

Most EMRs (electronic medical record) are available in only light mode. The original design of the Diagnostic Glass was light as well, and it didn’t allow for enough contrast between the Glass and the EMR. This made it difficult for the clinician to differentiate between the two. We proposed a dark theme design, as well as updating the light theme version.

The app would show the version based on the default settings of the user’s computer, with the option to change themes via the settings.

Building consistency through components. RecoverX did not have a design system, so we created a modest one to start with. The focus of the colors were to be AA accessible.

After usability testing the original version and applying usability heuristics, the next version was done in dark theme to increase the contrast between the EMR and the UI.

The visual designs have a lot of information, as clinicians are not your typical consumer. They are power users and want as much information as possible without having to interact with the UI, since they are multi-tasking: talking with the patient, processing what they are saying, asking questions, writing the note in the EMR, and thinking about what the diagnosis could be.