Outcomes.com is a platform that helps doctors and surgeons monitor patients outcome after treatments/procedures.
Responsive dashboard web-application
Currently, the dashboard page for Outcomes.com does not display actionable information at a glance. Surgeons are busy!
Help surgeons make informed decision through Outcomes.com’s display of actionable patient data.
Limited timeframe: 6 weeks
Pre-product market fit project with limited initial user data
Very specific target user (surgeons)
Design Team Lead
Wireframing & Prototyping
Our design recommendations resulted in a 100% increase in the users’ ability to quickly pin-point which patients need help and which one is doing well.
From Francis Wong, Founder
Mischelle and the Tradecraft team did an incredible job for Outcomes.com, helping redesign core parts of our physician facing dashboard. Specifically, Mischelle led the design sprint which started out by involving us in the ideation and rapid prototyping process – it was a lot of fun and incredibly productive. She played a crucial role in developing the clickable prototypes that they then tested with physicians and healthcare providers.
The team took what was a big and unstructured problem and used a methodical and data-driven approach to come up with novel solutions with a strong attention to detail. They were very professional and acted with initiative, keeping us involved and engaged with their process.
I strongly recommend Mischelle and hope to work with her again in the future! We’re excited to be moving forward with her team’s work!
Selected design process:
To help us understand our user (doctors and surgeons), we conducted thorough user research by developing provisional persona, utilizing ‘jobs to be done’ framework, and ultimately validating our target user persona through comprehensive user interviews.
We followed the “jobs to be done” frameworks to develop Job Stories in order to better understand the different scenarios that doctors and surgeons go through when they are accessing Outcomes.com.
By understanding this context, we were able to focus the goal of our design process and design informational interview questions that will help validate or invalidate our assumptions.
Based on our user research process above, we were able to formulate the hypothesis below:
Proposition: Display actionable patient data at-a-glance
We believe that making it easier and faster for doctors to discover patients who needs help will increase overall engagement and functionality of Outcomes.com.
We will know this is true when we see a significant increase of more than 20% of doctors be able to quickly determine the status of their patients on their dashboard.
We ran two different experiments on this particular project detailed below:
We deconstructed all of the information available on Outcomes.com and asked five users to sort and organize them in a manner that makes the most sense to them. The results of this experiment gave way for a site informational hierarchy that we implement on our design recommendation.
Based on the results of our user research and usability studies, we uncovered that doctors and surgeons will not spend the time to dig through Outcomes.com platform to find patients who need help. Instead, they would like to see actionable information as soon as they land on the home page. This key insight led us into combining the information from Patient Dashboard and Patient Treatment Page into an easy to digest and actionable at-a-glance on the home page.
As the Wireframing and Prototyping Design Team Lead, I structured and led Google Ventures Design Sprint to uncover varieties of solutions to address the pain points.
Both Outcomes.com founder and developer were involved in our design sprint!
We went through several rounds of iterations and testing before deciding on the final design recommendations.
One of the biggest challenge in our redesign was to develop a visual communication tool that displays the right patient data for doctors and surgeons to take action upon. We sketched several solutions for this problem and ultimately decided on the design of the ‘Patient Card.’
This was especially challenging because we wanted to be sure that doctors can understand what kind of information they can see at a glance. Thus, we ran comprehension tests on several version of the cards before deciding on a final iteration.
Varying options
Patient Card Anatomy
After showing the patient cards and our early wireframes with doctors and surgeons, we observed the need for them to be able to customize the patient card list. Doctors and surgeons would like to be able to add and remove patients from the Patient Card list as necessary.
Thus, we designed an interaction flow that allows doctors to do so.
We went through several rounds of validation for this project as partially detailed above. We deliver the result to our client in the form of a high fidelity clickable prototype.
We took our last iteration into our final validation usability test to further uncover additional insights that we can address immediately.
We plotted these pain point categories into affinity maps to determine which feature is the ‘lowest hanging fruit’ and will result in the highest impact to be iterated upon.
Our design recommendations resulted in a 100% increase in the users’ ability to quickly pin-point which patients need help and which one is doing well.
We delivered the final clickable prototype including all of the assets used in the final design recommendations. Outcomes.com team is currently in the process of implementing our design recommendations.
Furthermore, Outcomes.com will be joining the UC Berkeley’s own start-up incubator, Berkeley Skydeck to further develop Outcomes.com.
Our lovely team!!