rb
✨
rb
✨
rb
✨
b
r
Redesigning the clinicians portal for an Oral Cancer Detection application
Overview:
Oral cancer (OC) casts a dark shadow over public health in India, with a staggering 267 million people using tobacco, and a whopping 199 million relying on smokeless tobacco (SLT). Benten Technology is on a mission to lighten the path to a brighter, healthier India, where oral cancer is no longer a silent threat.
I worked along with 2 other UX Designers, 2 Developers & 1 Product manager on the OC-D project, focusing on redesigning the clinician's portal to enhance user experience and improve accessibility for healthcare professionals.
My Role : UI/UX designer
Tools Used : Figma, Miro , Jira
Timeline : 6 Months
The Issue at Hand
During initial testing , Benten discovered that clinicians are spending an average of 4 frustrating minutes navigating, struggling to find essential features, indicating it was confusing and difficult to use.
The End Result
The redesign achieved an 80% reduction in navigation time, with clinicians insisting on its continued use over the previous version
Our Hypothesis
Streamlined design = Boosted efficiency + Better patient outcomes
The Game Plan
-
Redefine and build a new visual language for the dashboard
-
Create a landing page that has information more at a glance
-
Reorganize the information architecture
What is really driving us to do this?
Streamline Workflow
It takes median users 2.6 seconds to scan a website and locate a specific feature, However, the average time now is 4 minutes
1
2
Information Delivery
Important information is not reaching clinicains efficiently and reliably, leading to additional follow-ups or reduced attention to patients
3
When clinicians address patients' needs efficiently and on time, it enhances trust and encourages more patients to utilize the application.
Build Trust
Redesign vs. Old Design
Before diving into the process, here’s a direct comparison of the redesign: a revamped dashboard that presents all essential information for clinicians at a glance.
Before
After
Chasing Opportunities!
We researched some competitors’ websites to find inspiration. What we took away were :
1. Using modular blocks to display different types of information helps efficiently utilize space, organizing content into digestible, easily accessible sections.
2. Having a left-aligned navigation menu, allows users to quickly access various sections, making it easier to navigate through different categories of information.
3.Key tasks, such as viewing appointments, accessing patient records, and to-do lists, are prominently placed for quick access.
Clinician Check!
Now it was time to speak to the clinicians to get a better understanding the existing problems. Some of the topics we discussed were:
Question 1 :
Which tasks do you consider the most important or time-sensitive when using the portal?
Answers :
Most of them noted that having a clear, immediate view of their daily patient load would allow them to better allocate their time, plan for breaks, and reduce scheduling conflicts.
Question 2 :
Are there any tasks that feels unnecessarily complex or requires too many steps to complete?
Answers :
They mentioned that the patient directory requires multiple steps to access patient information and doesn't display enough details at a glance.
Ideation
We spent time looking for a most efficient way to display information on the dashboard, the first page users see after logging in. To determine the most important information that should be displayed on this page, we solicited user research and their input on users’ priorities.
Overview + separate category page
As single page for each catergory
Based on our research, we found that clinicians had difficulty accessing the patient directory, a key part of the application. In response, we brainstormed ways to enhance this page by organizing the information more effectively. We created subcategories under the patient profile: Overview, Screener Answers, Image Library, and 3D View
Appointments
Patient Directory
Patient Profile - Overview
Screener Answers
(Screener questions and the patient's responses)
Image library
(Images uploaded by patient)
3D reconstruction view
Settings
Iteration 1
Quick Access to What You Need!
First things first ,the dashboard provided a clear breakdown of daily tasks, patient load, and a weekly calendar to view and edit clinician availability, making it easy for clinicians to quickly review their schedule for the day.
Iteration 2
Know Your Patients, Better Than Ever!
The patient directory offers a list of patients, with easy access to detailed info by clicking on a name. Clinicians can view an overview, screener answers, image library, and a new feature called 3D reconstruction view of the patient's dental structure, all in one place.
The 3D model is a new feature in the latest version, offering a detailed, multi-angle view of a patient’s teeth and jaw created from the uploaded images for better diagnosis and treatment planning.
What Were the Outcomes?
In order to asses if our new design had the impact we had to conduct user interviews. We mapped out a user testing plan, designed several tasks in the prototype, observed users completing the tasks through screen sharing on zoom. We also asked for feedback at the end.
1
Time spent on page
Average time spend on page reduced. This indicates that our users were able to locate what they wanted fast.
2
Click rate
By consolidating patient information onto a single screen, users were able to access the data with fewer clicks.
What comes next?
With positive impact established it’s time to take our findings and start designing for mobile and tablet to ensure a seamless, responsive experience across all devices.
If given the opportunity in the future, we plan to work on customizable dashboard settings, allowing users to personalize their interface. User feedback will guide refinements, and A/B testing will help optimize these features.
Final thoughts & takaways
Working on this project with Benten Technologies has been a truly rewarding experience. As someone from India, I’m especially grateful for the opportunity to lead the development of a solution that aims to support those in my home country affected by oral cancer.
1
The best design might be the simplest
It was tempting to completely overhaul the experience, but in reality, what users simply needed was a straightforward, well-structured layout to help them move forward with their tasks.
2
Communication is key
Things that made sense to me weren’t necessarily clear to others on the team, and vice versa. By talking openly and frequently we were able to avoid major hiccups and stay on track.