Overview of Project
There is no ordering module for the new cardiology panel use case. Since the Cardio Family History tool is collecting the data from the patient through GIA, the provider will need to review and order the test kit. We are also incorporating user feedback to reimagine the module experience.
Problem
"How might we simplify the ordering experience?"
"How might we reduce the amount of time taken to complete an order?
Solution
Reimagine the current ordering process while incorporating the new Cardio test panel.
Client
Gia Internal Team
Team
Product Manager, Front-end Developer, Project Leads, Product Design Lead, Product Designer (me)
Responsibilities
- UX/UI Design
- Handoff to engineering and provide continued support
Duration
1 month
—————————–
Constraints
We had 1 month to complete the project.
Challenge
There is no ordering module for the new cardiology panel use case. We also learned from users that the current module takes too long to complete.
Process
Since we were reimagining an existing feature, we knew we could retain most of its functions. We had to understand what we needed and what we could minimally adapt, so the changes aren’t drastic for the users.
User Feedback
Prior to the project, we received feedback on the existing ordering module from current users. We knew that this would have been a great opportunity to apply some of the changes.
We consolidated and categorized all of the feedback and discovered the the key changes that needed to be made.
Once we finished grouping the feedback, we defined How Might We's to refer to throughout the project.
We needed new components for the new cardio module experience.
Improved dropdown menu
Instead of the provider endlessly scrolling, they can filter the options so they can find the panel they’re looking for.
Add Ons
We added "Add Ons" which allows the Provider to add additional genes to be tested for, if needed.
Sponsored Program Dialog Box
If the patient qualifies for one of the sponsored programs, we created a message indicating that we do not support sponsored testing within the module, and provided them with links that they can order from.
Information Hierarchy
I led an exercise where the team defined the new sections for the module, and explored different orders based on importance, information, and trends. We also tested these concepts with current users.
Sketches and Wireframes
Crazy 8s are my jam. We voted and continued to explore the winning iteration with wireframing.
UI Design
Once the wireframes were finalized, we applied the application's design system (Material Design) and polished the interface.
Before: Overwhelming amount of test options in the dropdown menu, no cardio test options and inconsistent section order
After: Introduced category grouping to reduce information overload, applied the new features, and reorganized the sections
Key Takeaways
1. Information hierarchy guides the user
Organizing the sections based on importance and user needs will allow them to successfully complete the module.
2. Small changes can make a big impact
Although some of the changes made were minor, they will help reduce the amount of time a user (provider) takes looking for a test and completing the module. Allowing them to help more patients everyday.
Impact
The module was released in May 2022. Our goal is to increase the number of Patients that Providers see daily.
We believe that by reducing the time a Providers takes in the ordering process, the goal can be achieved.
