Boosting Online Scheduling from 32% to 68% with UX Redesign

Optimizing the online scheduling flow to enhance patient experience and reduce call center dependency

The Big Win

The Big Win

150K+

Happier Patients

150K+

Happier Patients

>68%

>68%

Online Scheduling

Online Scheduling

42%

42%

Fewer call center calls

Fewer call center calls

75 sec

Avg. scheduling time

75 sec

Avg. scheduling time

  • Multiple mobile mockups showcasing all the ui screen of the patient portal porject for the sneak peak.
  • Multiple mobile mockups showcasing all the ui screen of the patient portal porject for the sneak peak.

Context: The Problem

Healthcare should be straightforward, not complicated. Yet patients were actively avoiding our client's online radiology scheduling system, preferring to call the center despite their busy schedules. The existing digital experience was failing both patients and the business:

  • Patients were frustrated: Complex navigation, redundant data entry, and cognitive overload led to abandonment

  • The business was struggling: Call center resources were increasingly strained with representatives handling tasks that should be simple online

  • The numbers told the story: Analytics revealed high drop-off rates within the first few screens, with completion rates decreasing as users progressed

My challenge? Create a booking experience so good that patients would actually prefer to use it.

My challenge? Create a booking experience so good that patients would actually prefer to use it.

  • Increase adoption of the online scheduling system.

  • Reduce call center dependency, optimizing business resources.

  • Improve accessibility and ease of use, enhancing patient experience.

  • Boost conversion rates for exam scheduling at imaging centers.

How I Tackled It

Finding the Pain Points

Finding the Pain Points

Working closely with stakeholders, I mapped the existing user flow and identified critical friction points. Our collaborative analysis revealed a clear opportunity: minimize steps before scheduling while maintaining necessary clinical safety protocols.

I established three guiding principles for the redesign:

I established three guiding principles for the redesign:

  1. Reduce cognitive load at every screen

  2. Leverage existing patient data intelligently

  3. Prioritize the path to scheduling completion

The Redesign Journey

1. Welcome Screen: Making a Better First Impression

1. Welcome Screen: Making a Better First Impression

The entry point needed to be inviting rather than intimidating. I:

  • Simplified the visual hierarchy to emphasize the primary action

  • Removed unnecessary support contact information that distracted from the main flow

  • Created clear, action-focused CTAs with supportive microcopy to build confidence

before and after ui screen of the welcome section with annotation of design thinking.
before and after ui screen of the welcome section with annotation of design thinking.
before and after ui screen of the welcome section with annotation of design thinking.
2. Patient Information: Three Screens Become One

2. Patient Information: Three Screens Become One

For returning patients, repeating information they've already provided is frustrating. This was especially unnecessary since we already had most patients' information from physician-submitted medical orders. My solution:

  • Consolidated three separate screens into a single, scannable view

  • Displayed existing information in editable cards, requiring input only for missing details

  • Replaced chunky steppers with a streamlined progress bar to maximize mobile screen real estate

  • Simplified navigation buttons by prioritizing the "Continue" action and leveraging native browser functionality

before and after ui screen of the demographic section with annotation of design thinking.
before and after ui screen of the demographic section with annotation of design thinking.
before and after ui screen of the demographic section with annotation of design thinking.
3. Insurance Info: Smart Defaults Save Time

3. Insurance Info: Smart Defaults Save Time

Insurance information entry is typically one of the most abandoned steps. I redesigned this experience to:

  • Auto-select previously used insurance information where available

  • Provide clear options to modify or add new insurance details

  • Allow seamless switching between billing types from any screen

  • Displayed existing information in editable cards, requiring input only for missing details

before and after ui screen of the insurance section with annotation of design thinking.
before and after ui screen of the insurance section with annotation of design thinking.
before and after ui screen of the insurance section with annotation of design thinking.
4. Safety Questions: Clear and Accessible

4. Safety Questions: Clear and Accessible

These critical safety questions determine online scheduling eligibility. I enhanced this step by:

  • Improving question clarity with plain language

  • Adding contextual help via info icons for immediate clarification

  • Implementing accessible button labels and interaction patterns

  • Provide clear options to modify or add new insurance details

before and after ui screen of the screening section with annotation of design thinking.
before and after ui screen of the screening section with annotation of design thinking.
before and after ui screen of the screening section with annotation of design thinking.
5. Scheduling: The Make-or-Break Moment

5. Scheduling: The Make-or-Break Moment

This critical conversion point required special attention. My redesign:

  • Pre-populated location preferences based on demographic data

  • Categorized available slots as "morning," "midday," and "evening" for intuitive selection

  • Added contextual information like weather forecasts and estimated travel times

  • Created a tab-based interface for comparing appointment options across locations

before and after ui screens of the scheduling section with annotation of design thinking.
before and after ui screens of the scheduling section with annotation of design thinking.
before and after ui screens of the scheduling section with annotation of design thinking.
6. Payment: Making It Painless

6. Payment: Making It Painless

The payment experience needed to be transparent and efficient. I redesigned it to:

  • Display payment information above the fold, eliminating unnecessary scrolling

  • Clearly communicate payment options with smart defaults

  • Provide detailed breakdowns in layover modals rather than cluttering the main screen

  • Design a reassuring confirmation experience with clear next steps

before and after ui screens of the payment section with annotation of design thinking.
before and after ui screens of the payment section with annotation of design thinking.
before and after ui screens of the payment section with annotation of design thinking.
7. Document Upload: Simplifying Paperwork

7. Document Upload: Simplifying Paperwork

I reimagined this step to increase completion rates by:

  • Creating dedicated cards for essential documents (ID and insurance cards)

  • Implementing a visual confirmation system for uploaded documents

  • Designing intuitive upload controls optimized for mobile devices

before and after ui screens of the document upload section with annotation of design thinking.
before and after ui screens of the document upload section with annotation of design thinking.
before and after ui screens of the document upload section with annotation of design thinking.
8. Success Screen: Ending on a High Note

8. Success Screen: Ending on a High Note

The final screen needed to confirm success while encouraging portal account creation. My approach:

  • Prioritized appointment confirmation details with clear information hierarchy

  • Highlighted the benefits of creating a patient portal account

  • Designed action-oriented buttons for managing appointments

before and after ui screens of the final review section with annotation of design thinking.
before and after ui screens of the final review section with annotation of design thinking.
before and after ui screens of the final review section with annotation of design thinking.

Testing With Real Users

To validate the user flow, I created an interactive prototype. This helped gather early feedback from users and stakeholders.

To validate the user flow, I created an interactive prototype. This helped gather early feedback from users and stakeholders.

With my computer science background and coding skills, I used Figma’s variable prototyping to create realistic interactions and simulate real-life scenarios.

Different element of figma showcasing how I have used variable logic for advance prototyping
Different element of figma showcasing how I have used variable logic for advance prototyping
Different element of figma showcasing how I have used variable logic for advance prototyping

Here is the prototype of the scheduling flow, the core and most important part that I wanted to test and validate.

Getting Real Feedback using Maze

Getting Real Feedback using Maze

  • Created specific testing scenarios to evaluate critical user paths

  • Utilized Maze for quantitative testing with 20+ participants

Test Scenario:

Test Scenario:

"You need to schedule two radiology exams today, but you’re only available in the morning. The first is at Denton, but the second morning slot is only available at Carrollton."

"You need to schedule two radiology exams today, but you’re only available in the morning. The first is at Denton, but the second morning slot is only available at Carrollton."

  • Achieved >95% task completion rates with 70% of users rating the experience as "easy"

  • Incorporated valuable feedback from open-ended responses

Different element showcasing result of usability testing using poll result, maze screenshot, completion rate and user's openended feedback.
Different element showcasing result of usability testing using poll result, maze screenshot, completion rate and user's openended feedback.
Different element showcasing result of usability testing using poll result, maze screenshot, completion rate and user's openended feedback.

Making It Even Better

Based on testing insights, I made several key improvements before final handoff. Working closely with developers throughout the design process ensured technical feasibility and accurate implementation.

Before and after screen showcasing what I have improved based on usability test result.
Before and after screen showcasing what I have improved based on usability test result.
Before and after screen showcasing what I have improved based on usability test result.

The Results That Matter

The redesigned flow delivered exceptional results across all key performance indicators:

The redesigned flow delivered exceptional results across all key performance indicators:

  • 68% of patients now scheduling radiology exams online (up from <30%)

  • Average scheduling time reduced to just 75 seconds

  • Call center scheduling requests reduced by 42%

  • Over 150,000 patients positively impacted

What I Learned

This project reinforced several important principles:

  1. Data-informed decision making: Using analytics to identify friction points led to targeted improvements

  2. Cross-functional collaboration: Working closely with stakeholders and developers from day one ensured alignment

  3. User validation: Testing assumptions early prevented potential usability issues

  4. Technical understanding: My background in development helped bridge the gap between design and implementation

The most valuable insight? Sometimes the most impactful design changes are about removing complexity rather than adding features. By focusing relentlessly on the core user task—scheduling an appointment—we created a solution that served both patients and business needs.

Other projects

Other projects

Other projects

View All Projects

View All Projects

Copyright 2024 by Amish Gadhia

Copyright 2024 by Amish Gadhia

Copyright 2024 by Amish Gadhia

Create a free website with Framer, the website builder loved by startups, designers and agencies.