DocPanel

Platform Redesign

DocPanel is the world’s first radiology marketplace, connecting patients and healthcare providers to a network of radiologists who provide radiology reading services on-demand.



Contribution
My role was to own the redesign from concept-to-launch. I was responsible for the UI/UX designs, prototypes and user research for this project. 

I worked with our CTO, CEO and COO to gather requirements and collaborated with our developers using Jira. 

Problem
Reading cases on the platform is a lengthy process for radiologists, because they need to navigate through too many clicks and tabs before reporting.


Goal
The product goal was to redesign the platform to make the reading experience modern, intuitive and fast for radiologists.

The business goal was to increase the reporting rate of cases and onboard new radiologists on the platform.



User Research
Interviewing radiologists revealed that it took 5 clicks to begin reporting a case. For a radiologist reading 30 cases a day, that would amount to 150+ clicks. This was cumbersome and slowed their reading experience.

Radiologists requested for dark mode because the white background of the platform made them uncomfortable after reading scans with a black background. 


Old userflow to report a case on the platform

These radiologists read cases on demand and had time constrainsts because of their full-time jobs. The platform lacked a way for radiologists to read cases quickly. The platform looked archaic due to square edged buttons, lack of icons and not responsive web pages.

After observing the behavior of 8 radiologists through video sessions, we noticed that they spent about 5 minutes reading the study information before they began reading a case. The study information was also available on the viewer window but due to the existing navigation system, the radiologists’ behavior was inefficient.  


Target Audience
120+ radiologists reading 30-100 cases a day on the platform.


Insights
Though the platform gave the users an option to view study information in grid and list view and enabled customization of the columns (in list view), it wasn’t making the case reading experience productive. Radiologists wanted quick links on the case dashboard to view the study images directly. 

During the iteration process, I took inspiration from different mail applications (Gmail, Apple Mail and Microsoft Outlook). Their use of the split pane mode was an intelligent way to use the real estate on the webpage to display a lot of information in a digestable way to users.


Design
Redesigned Web Platform
I started working on this project when I was hired as an intern in 2019. Since then we’ve worked on some parts, but the company prioritized some other projects because this was a big development effort and the team was not prepared for it back then. We revisited the userflows and prototypes in the beginning of 2021 and the development for v1 began in May 2021.
Please Note: This project’s development is still in progress.


New platform userflow - optimizing the use of one clicks



Key features - 
  • Horizontal split screen experience
  • Dark mode
  • Bulk actions to accept / decline cases
  • Quick links
  • Expand and collapse sections

The old platform design had two separate screens for the case dashboard and case details making the radiologist click back and forth multiple times while reading cases.


Old Design - two screens, unused real estate

By introducing a split screen experience with three columns - Search Bar, Case Worklist, and Case Information we were able to give more information to the user in a single screen. Each column could be collapsed or expanded based on user preferences. The number of clicks needed to start reporting a case reduced from 5+ to 2. 

New Design - split screen experience with three columns

The old design required the radiologist to come back to the case dashboard to open the next case after completing the previous one. We redesigned this workflow so that the radiologist could read one case after another without jumping tabs, making their reading experience more efficient and fast.



Old Design


New Design

The new platform design was given a facelift by changing the buttons and the case list table to have rounded-corners. We also replaced text with icons to increase white space on the screen as there was already too much information to digest. We also used different font weights to establish a clear hierarchy of information.


Impact
[to be updated once project is complete]