Product Designer

User Data

Analytics Platform For Surgeons

End Of Run Dialog - Test Run.png

Overview

The analytics platform design was in response to our current dashboard becoming outdated, multiple requests from customers and surgical residents to provide more data following a run-through in one of our VR simulations, and a pattern of low usage among our users. I’ll specifically focus on the design process behind the insights/performance data section of the dashboard.

I conducted user research, conceptualized our current versus ideal future dashboard experience for performance, created wireframes, created clickable prototypes, iterated on the designs, tested, and coordinated a release internally and externally.

The analytics design was released to residency programs for feedback and improvement.

 

Target Audience

Surgical Residents

Programs Used

Sketch, InVision

Role

Lead UX/UI Designer


The Design Process

Defining the Problem

Due to low Osso VR usage among surgical residents and requests to provide more data following the completion of a VR run, I redesigned our analytics platform.

User Interviews

I conducted a number of user interviews with surgical residents at the American Association of Orthopedics Surgeons Conference in 2018. From these interviews I summarized a list of requests/needs.

  • How quickly they made it through the technique

  • How they compared to an expert surgeon

  • Where they could improve to be more efficient and accurate

  • How they compared to the rest of their cohort (other residents in their year)

Original Dashboard - Version 1.0 used to showcase data to the user.

Original Dashboard - Version 1.0 used to showcase data to the user.

Updated Dashboard - Version 2.0 used to showcase data to the user.

Updated Dashboard - Version 2.0 used to showcase data to the user.

The Dashboard Design

Mock-ups looking at the placement and content to include for the insights dashboard, based on the user research.

Below, a series of high-fidelity iterations for the insights tab of the dashboard were done in Sketch. The focus was on the representation of the data and how to effectively display it on the dashboard. The designs were kept in black and white to focus users on the content.

Iteration 1. User’s progress depicted as a filling circle. This specific representation wasn’t well received well by our users. The circle took up a lot of real estate on the page, and was tough to quickly glance at and understand.

Iteration 1. User’s progress depicted as a filling circle. This specific representation wasn’t well received well by our users. The circle took up a lot of real estate on the page, and was tough to quickly glance at and understand.

Iteration 2. User’s progress depicted as vertical bars. This specific representation was well received by our users. It was easy for the users to read the bars, but they were slightly confused by the various shades of grey of the bars.

Iteration 2. User’s progress depicted as vertical bars. This specific representation was well received by our users. It was easy for the users to read the bars, but they were slightly confused by the various shades of grey of the bars.

Iteration 3. User’s progress depicted as stars. This specific representation was well received. Stars were easy to understand, where more stars would mean more progress and proficiency.

Iteration 3. User’s progress depicted as stars. This specific representation was well received. Stars were easy to understand, where more stars would mean more progress and proficiency.

Exploring New Layout Options
After several iterations, we converged on content and placement that captured our user’s initial requests. Next, we explored the idea of keeping the insights menu on the same page as our dashboard, so that our users didn’t need to leave the homepage. Below, is a mock-up of both a modal design (left) and an in-laid insights/performance tab (right).

Final Insight Tab Design

We had the designs built out and used by our customers and target users (surgical residents). We came to the final consensus that this would be the design/color scheme for the first updated version of the dashboard. The colors would need to be updated to reflect our brand but would be focused on following our 1st updated release.

Version 1 of the Updated Dashboard With Color. The final page consolidates the information so that the user doesn’t feel that they are being taken away from the main page. The limitations with this design is the amount of space we have to work with to show the data.

Version 1 of the Updated Dashboard With Color. The final page consolidates the information so that the user doesn’t feel that they are being taken away from the main page. The limitations with this design is the amount of space we have to work with to show the data.

Releasing the Dashboard and Receiving Feedback

We released the dashboard to 2 residency programs for feedback.

We received feedback from approximately 70% of the total residents given the analytics dashboard. The feedback was as follows:

  • Love the ability to see a summary of stats right away

  • Enjoyed the ability to see more than just a score, liked seeing progress over the course of the technique

  • Scoring felt alright - would love to see specific places where they hesitated or would love to see their economy of motion in future iterations of the dashboard, if we collect that kind of data.