Zocdoc Hero
Zocdoc Hero
Zocdoc Hero

Revamping Zocdoc's system architecture to improve UX and a product quality standard

Revamping Zocdoc's system architecture to improve UX and a product quality standard

Role

Product design — Interaction design, Visual design, User flows, User testing, Rapid prototyping

Timeline

3 months (ongoing) - In development

Historically, Zocdoc's pages were optimized mainly for conversion, likely compromising SEO. Provider and practice profiles were developed in isolation, leading to weak connections and a lack of shared insights.


To address these issues, we initiated a multi-week design sprint, starting with an onsite workshop involving the design team, user experience researchers, and key stakeholders. We brainstormed big-swing ideas and created initial wireframes. A smaller team, consisting of myself, one other designer and a user researcher, then continued the sprint with multiple iterations, user testing, and feedback from stakeholders and leadership.


The result was a complete redesign of the backbone system for our profile pages, aimed at improving SEO, user experience, and profile integration. This additionally set a new standard for Zocdoc's product quality. The new design is currently in development.

Zocdoc Profile Pages
Zocdoc Profile Pages
Zocdoc Profile Pages

Challenge

We needed to take a step back.

We needed to take a step back.

The siloed design approach has led to a significant portion of traffic (~65% from doctor SEO) encountering dead-end experiences, which has negatively impacted conversion rates.


Despite having extensive insights into patients' search motivations—such as ratings and reviews, insurance, location, and availability—the current system has hindered Zocdoc's ability to quickly and efficiently introduce new care types.

Opportunities

A few things to accomplish through this sprint.

A few things to accomplish through this sprint.

Some product opportunities surfaced that demanded our attention and action.

Improve patients’ ability to assess fit by adding more quality signals to provider profiles 

Improve dead-end experiences (active providers no availability, churned provider profiles)

Refactor information architecture of the profile page

Continuing to build on up-funnel qualification to ensure users select a timeslot that fits their criteria

Objectives

A couple of primary research goals.

A couple of primary research goals.

Ahead of the profile page redesign, we conducted research with patients to understand what they’re looking for on profile pages and how they’re using the page to inform their decision making.


Based on comprehensive data analysis and research insights, the following research objectives were established.

Ahead of the profile page redesign, we conducted research with patients to understand what they’re looking for on profile pages and how they’re using the page to inform their decision making.

Based on comprehensive data analysis and research insights, the following research objectives were established.

Establish a framework/mental model of user needs for the profile page.

Comprehend how individuals utilize profile pages to guide their choices.

Zocdoc Sticky Notes
Zocdoc Sticky Notes
Zocdoc Sticky Notes

What we found to be true.

What we found to be true.

Patients seek essential criteria during their initial search, including factors such as ratings and reviews, insurance compatibility, appointment availability, and provider location.


Given that numerous providers on Zocdoc fulfill these fundamental requirements, it prompts the question: What other factors are important to patients? On the profile page, patients are seeking four key pieces of information:

Patients seek essential criteria during their initial search, including factors such as ratings and reviews, insurance compatibility, appointment availability, and provider location.

Given that numerous providers on Zocdoc fulfill these fundamental requirements, it prompts the question: What other factors are important to patients? On the profile page, patients are seeking four key pieces of information:

Competence

Qualifications, years of experience, area of expertise

Comfort

Bedside manner, ratings, reviews

Access

Scheduling, communications, availability

Characteristics

Features to identify, photos

Ideation

This framework laid the foundation for the sprint.

This framework laid the foundation for the sprint.

The four pillars/criteria gave research, product, and design a framework for tackling new concepts and components for the profile page and as such, the concepts that were put forth in testing were made to clearly map back to these criteria.

The kickoff was a weeks worth of collaboration with several stakeholders across product and design. We got together to think more deeply about the research and go through a series of exercises and "how-might-we's" to bring those research pillars to life.

Zocdoc Onsite
Zocdoc Onsite
Zocdoc Onsite
Zocdoc Miro Boards
Zocdoc Miro Boards
Zocdoc Miro Boards

If time allowed, we'd test it all.

If time allowed, we'd test it all.

Our ideation process produced numerous examples, all guided by our research framework as our north star. Every concept we developed consistently aligned with the four key pillars of comfort, competence, access, and characteristics. We agreed on testing several key ideas that adhered to these fundamental principles.

Zocdoc Miro Stickys
Zocdoc Miro Stickys
Zocdoc Miro Stickys

Making Newman proud.

Making Newman proud.

We followed the classic "design squiggle" process, illustrating the journey from initial ambiguity to clarity. Initially, the process is somewhat chaotic and exploratory, as we delve into discovery. Gradually, insights emerge, and the seemingly disordered elements start to coalesce into a coherent structure. Occasionally, this evolution results in truly innovative solutions.


Our design sprint followed these classic phases but with our own twist.

We followed the classic "design squiggle" process, illustrating the journey from initial ambiguity to clarity. Initially, the process is somewhat chaotic and exploratory, as we delve into discovery. Gradually, insights emerge, and the seemingly disordered elements start to coalesce into a coherent structure. Occasionally, this evolution results in truly innovative solutions.

Our design sprint followed these classic phases but with our own twist.

Damien Newman Squiggle
Damien Newman Squiggle
Damien Newman Squiggle

Concepting

Translating ideas to pixels.

Translating ideas to pixels.

After selecting several key concepts to explore, we transitioned from ideation to execution by translating these ideas into wireframes. The wireframes served as visual blueprints that encapsulated our strategic vision. This process allowed us to concretize our ideas, providing a clear and tangible foundation for testing. For the first round, we developed two distinctly different versions of the same page, each incorporating various content modules we intended to test.

Zocdoc Iteration 1
Zocdoc Iteration 1
Zocdoc Iteration 1

Testing

Putting our concepts to the test.

Putting our concepts to the test.

At this stage, our focus shifted to evaluating the design concepts with users. We aimed to identify any potential sources of confusion and leverage patient feedback to refine and enhance these concepts. This user-centered approach ensured that our designs were aligned with the needs and expectations of our patients.


We conducted multiple rounds of user testing, continuously applying insights gained to refine and iterate on our concepts.

At this stage, our focus shifted to evaluating the design concepts with users. We aimed to identify any potential sources of confusion and leverage patient feedback to refine and enhance these concepts. This user-centered approach ensured that our designs were aligned with the needs and expectations of our patients.

We conducted multiple rounds of user testing, continuously applying insights gained to refine and iterate on our concepts.

Zocdoc UX Miro
Zocdoc UX Miro
Zocdoc UX Miro

What stuck and what didn't.

What stuck and what didn't.

We received invaluable user feedback for each concept, gaining deep insights into users' thoughts and expectations for these pages. Some elements were highly successful, while others fell short and caused unnecessary confusion.

Zocdoc Competence
Zocdoc Competence
Zocdoc Competence
Zocdoc Access
Zocdoc Access
Zocdoc Access
Zocdoc Comfort
Zocdoc Comfort
Zocdoc Comfort
Zocdoc Characteristics
Zocdoc Characteristics
Zocdoc Characteristics

Final designs

Where we landed.

Where we landed.

Several elements resonated strongly in our user research. Based on user feedback, we decided to retain and refine these features throughout multiple rounds of iterations.


The "At a Glance" section was particularly successful in presenting patients with key provider information in a quick, digestible format. Users appreciated the ability to expand this section for more details if desired. Additionally, we observed that patients immediately sought out reviews upon reaching the page. To address this, we provided multiple, easily accessible pathways to the reviews. This enhanced experience also enabled users to efficiently sort through reviews, identifying potential red flags through attribute summaries.

Several elements resonated strongly in our user research. Based on user feedback, we decided to retain and refine these features throughout multiple rounds of iterations.

The "At a Glance" section was particularly successful in presenting patients with key provider information in a quick, digestible format. Users appreciated the ability to expand this section for more details if desired. Additionally, we observed that patients immediately sought out reviews upon reaching the page. To address this, we provided multiple, easily accessible pathways to the reviews. This enhanced experience also enabled users to efficiently sort through reviews, identifying potential red flags through attribute summaries.

Zocdoc Final Design 1
Zocdoc Final Design 1
Zocdoc Final Design 1
Zocdoc Final Design 2
Zocdoc Final Design 2
Zocdoc Final Design 2
Zocdoc Final Design 3
Zocdoc Final Design 3
Zocdoc Final Design 3
Zocdoc Final Design 4
Zocdoc Final Design 4
Zocdoc Final Design 4
Zocdoc Final Design 5
Zocdoc Final Design 5
Zocdoc Final Design 5

Creating a more natural booking flow.

Creating a more natural booking flow.

As stated before, the previous system hinders the ability to swiftly launch new care types and affects our overall speed in iteration and testing.

With this redesign, we focused on addressing patient pain points and creating a scalable system for adding new care types, enhancing patient value.

An instrumental component is the booking module, which required extensive technical planning to accommodate every use case. We designed it to offer a more user-friendly flow for information inputs.

Zocdoc Booking Module
Zocdoc Booking Module
Zocdoc Booking Module
Zocdoc Booking Module 2
Zocdoc Booking Module 2
Zocdoc Booking Module 2

No more band aids.

No more band aids.

Our current system struggles with numerous edge cases, resulting in a suboptimal user experience.


The redesigned system handles these cases more elegantly. For example, our new approach to Advanced Practice Providers (APPs) seamlessly integrates them into the booking experience, offering a more contextual and cohesive user experience. Additionally, the system now better addresses out-of-network scenarios, ensuring a more integrated interaction.

Our current system struggles with numerous edge cases, resulting in a suboptimal user experience.

The redesigned system handles these cases more elegantly. For example, our new approach to Advanced Practice Providers (APPs) seamlessly integrates them into the booking experience, offering a more contextual and cohesive user experience. Additionally, the system now better addresses out-of-network scenarios, ensuring a more integrated interaction.

Zocdoc Booking Module 3
Zocdoc Booking Module 3
Zocdoc Booking Module 3

Building for future states.

Building for future states.

Adopting this systematic design approach enables us to establish a strong foundation for adjacent pages. We can efficiently reuse and refactor components according to specific page requirements, ensuring scalability for future products.

Zocdoc Practice Page
Zocdoc Practice Page
Zocdoc Practice Page
Zocdoc Preview Profile
Zocdoc Preview Profile
Zocdoc Preview Profile

Getting the most out of the prototype experience.

Getting the most out of the prototype experience.

I aimed to enhance participants' experiences by pushing prototype boundaries. Our traditional use of prototypes often constrain interactions to linear flows, leading to minimal interactivity. By capturing and storing user inputs throughout sessions, I was able to create a more personalized experience. This eliminated prototype "dead-ends", enabling higher fidelity learnings and earlier identification of usability issues.

Zocdoc Prototyping 1
Zocdoc Prototyping 1
Zocdoc Prototyping 1
Zocdoc Prototyping 2
Zocdoc Prototyping 2
Zocdoc Prototyping 2
Zocdoc Prototyping 3
Zocdoc Prototyping 3
Zocdoc Prototyping 3

Results

The guinea pigs prevailed.

The guinea pigs prevailed.

The North Star designs have been phased out and are currently in development. Numbers aside, this new initiative has significantly elevated Zocdoc's product quality standards. We have established a strong foundation for achieving meaningful outcomes. Due to the success of this project, an additional design sprint is now underway.

More work

More work