Making DocTap faster than its busiest users.

Young professionals need to focus on their health, too.

Young professionals need to focus on their health, too.

Role

Role

Role

User Research

User Research

User Research

Product Strategy

Product Strategy

Product Strategy

UI Design

UI Design

UI Design

Interaction Design

Interaction Design

Interaction Design

Usability Testing

Usability Testing

Usability Testing

Tools

Tools

Tools

Figjam

Figjam

Figjam

ChatGPT

ChatGPT

ChatGPT

Maze

Maze

Maze

Figma

Figma

Figma

Zoom

Zoom

Zoom

Timeline

Timeline

Timeline

7 weeks

7 weeks

7 weeks

Process

Process

User Research & Usability Audit

User Research & Usability Audit

User Research & Usability Audit

Competitor Benchmarking

Competitor Benchmarking

Competitor Benchmarking

Define Problem Space

Define Problem Space

Define Problem Space

Ideation & Flow Mapping

Ideation & Flow Mapping

Ideation & Flow Mapping

Rapid Prototyping

Rapid Prototyping

Rapid Prototyping

Making DocTap faster than its busiest users.

Young professionals need to focus on their health, too.

The Problem

The Problem

The Problem

Doctap needed us to make them the go-to, desktop-focused platform for booking same-day GP doctor appointments online, hoping to provide a seamless, efficient, and reliable experience for our users, resulting in an increase in the booking rate on our product.

The Solution

The Solution

The Solution

A little bit of help me help you.


In order to get busy professionals in and out of GP consults faster and easier, we focused on updating Doctap's visual identity and slimming down their desktop booking experience, cutting down the users' time to book by nearly 21%.

Final Prototype

Final Prototype

Final Prototype

User Research

User Research

User Research

In order to understand how users currently navigate booking sites, determine optimal presentation of relevant information, and validate some of our design choices, my team and I performed a series of user interviews within our target demographic. In doing interviews specifically, we were able to mine for core motivations behind when, why, and how busy professionals made their doctor's appointments. After our interviews, we synthesized our data with the help of ChatGPT, feeding it a series of contextual prompts followed by summarization and insight requests. This provided us with a solid foundation to begin our analysis of our research subjects responses and ultimately allowed for us to get to the core of what our users needed.


After synthesizing our research, we performed a quick prioritization matrix exercise to identify which insights were most important to our user and compared them to the effort it would take to execute on them. We chose to focus on mainly high-effort projects that would move the needle the most, while sprinkling in low-effort fixes.

In order to understand how users currently navigate booking sites, determine optimal presentation of relevant information, and validate some of our design choices, my team and I performed a series of user interviews within our target demographic. In doing interviews specifically, we were able to mine for core motivations behind when, why, and how busy professionals made their doctor's appointments. After our interviews, we synthesized our data with the help of ChatGPT, feeding it a series of contextual prompts followed by summarization and insight requests. This provided us with a solid foundation to begin our analysis of our research subjects responses and ultimately allowed for us to get to the core of what our users needed.


After synthesizing our research, we performed a quick prioritization matrix exercise to identify which insights were most important to our user and compared them to the effort it would take to execute on them. We chose to focus on mainly high-effort projects that would move the needle the most, while sprinkling in low-effort fixes.

In order to understand how users currently navigate booking sites, determine optimal presentation of relevant information, and validate some of our design choices, my team and I performed a series of user interviews within our target demographic. In doing interviews specifically, we were able to mine for core motivations behind when, why, and how busy professionals made their doctor's appointments. After our interviews, we synthesized our data with the help of ChatGPT, feeding it a series of contextual prompts followed by summarization and insight requests. This provided us with a solid foundation to begin our analysis of our research subjects responses and ultimately allowed for us to get to the core of what our users needed.


After synthesizing our research, we performed a quick prioritization matrix exercise to identify which insights were most important to our user and compared them to the effort it would take to execute on them. We chose to focus on mainly high-effort projects that would move the needle the most, while sprinkling in low-effort fixes.

Usability Audit

Usability Audit

Usability Audit

In addition to our interviews, we also conducted a usability audit on Doctap's booking flow. We found the booking process, while functional, to be riddled with pain points for our users who (in an already less-than-ideal state of mind) just want a simple and easy experience so they can move on with their day. Some examples of what we found include form fields lacking clarity, insufficient progress indicators, a lack of trust signals, unclear pricing options that were different from start to finish, and inconsistent color styles throughout.

In addition to our interviews, we also conducted a usability audit on Doctap's booking flow. We found the booking process, while functional, to be riddled with pain points for our users who (in an already less-than-ideal state of mind) just want a simple and easy experience so they can move on with their day. Some examples of what we found include form fields lacking clarity, insufficient progress indicators, a lack of trust signals, unclear pricing options that were different from start to finish, and inconsistent color styles throughout.

In addition to our interviews, we also conducted a usability audit on Doctap's booking flow. We found the booking process, while functional, to be riddled with pain points for our users who (in an already less-than-ideal state of mind) just want a simple and easy experience so they can move on with their day. Some examples of what we found include form fields lacking clarity, insufficient progress indicators, a lack of trust signals, unclear pricing options that were different from start to finish, and inconsistent color styles throughout.

Business & User frustrations

Business & User frustrations

Business & User frustrations

Overall, our findings indicated that the checkout flow experience is challenging and unclear navigationally and trustworthiness is low, Doctap is in dire need of implementing design principles and staples of HCI commonly found in their competitors. Speaking of which …

Competitor Benchmarking

Competitor Benchmarking

Competitor Benchmarking

Adjusting our perspective to understand that the healthcare system in the UK is quite different than it is in the US, we chose to compare to clinics offering similar services to busy professionals in the US, namely Carbon Health and Zocdoc. Carbon Health provided a lot of aesthetic inspiration while Zocdoc proved to us that booking a doctor's appointment didn't need to feel overwhelming.

Problem Space

Problem Space

Problem Space

Doctap was having trouble getting people to their clinics due to their complicated booking experience and lack of trustworthiness thanks to their visual design. It was our job to simplify this and instill trust in Doctap for our users.

How might we make an otherwise annoying task easy and simple for ill, busy professionals?

How might we make an otherwise annoying task easy and simple for ill, busy professionals?

How might we make an otherwise annoying task easy and simple for ill, busy professionals?

Ideation

Ideation

Ideation

After our research and competitive benchmarking, our team felt we had enough data to begin ideating. We performed a quick crazy eights exercise to get us into our creative zones and got straight to work on low fidelity prototyping.

What can we add

What can we add

What can we add

We need to give Doctap a head-to-toe makeover to improve the user experience as a whole.

We need to give Doctap a head-to-toe makeover to improve the user experience as a whole.

We need to give Doctap a head-to-toe makeover to improve the user experience as a whole.

What can we improve

What can we improve

What can we improve

We need to condense and shorten the booking experience similar to that of our competitors to improve conversions.

We need to condense and shorten the booking experience similar to that of our competitors to improve conversions.

We need to condense and shorten the booking experience similar to that of our competitors to improve conversions.

Rapid Prototyping

Rapid Prototyping

Rapid Prototyping

With a little more focus coming out of our research and ideation phases, we dove into prototyping filled with inspiration and ideas. We looked to booking apps like our competitors and others like Google Flights to inspire our rounds and rounds of low-fidelity prototyping. Making the booking experience as seamless and quick as possible, we worked out several flows that we wanted to take over to our high-fidelity prototyping.

Styles & Components

Styles & Components

Styles & Components

For this project, my team and I decided to give Doctap a targeted facelift. A good number of sites out there need a touch-up, but we wanted to make sure our adjustments fit the needs of the user and solved our business problems. We decided to lean into a more organic color palette, focusing mainly on a monochromatic array of red hues instilling confidence in the booking process and the service as a whole.

High Fidelity Prototype

Our final, high fidelity prototype was built from the ground up to simplify the booking experience for our users. The main goal for Doctap was to dramatically lower the booking time for the user. Our research subjects all were busy professionals just starting out in their career, and when we interviewed them they constantly mentioned their frustrations with lengthy online forms and checkout flows. We understood that removing the payment step (a significant chunk of the booking time) was required for appointment retention, but felt that unnecessary checkout drop downs could be removed to speed up the booking process.


Getting to this state was challenging and required several design explorations for just one of our flow pages. However, having experimented with different elements, all focused on giving the user a trustworthy and easy experience, we are proud of our end result. During these explorations, we looked to our competitors to see how they implemented more intuitive, user-friendly features like our condensed payment entry fields and our progress bar.

Usability Testing

Usability Testing

Usability Testing

How best to test the speed of our booking flow revisions? We went back to our research subjects and had them fill out forms for a general practitioner appointment in both experiences and provide their feedback. This was done in person, with the test subjects using a computer in front of them while the researcher timed the experience and took down remarks about the experience as a whole.

Test outcomes

Test outcomes

Test outcomes

Our subjects on average completed the new booking flow roughly 21% faster than they did when booking through the current Doctap interface. While we're extremely excited about these changes, we tested as if the user was a first time visitor and did not have a profile set up. While the booking flow would be faster for both flows (new and current) allowing for our users to sign in and select an appointment would likely dramatically expand the gap between each flow's completion time.

Key learnings

Key learnings

Key learnings

1. Personal Learnings:

Web is almost more challenging than mobile. My partner and I this time around iterated so many more versions of our designs thanks to the exponentially larger space we were dealing with. While I understand that mobile design must come first, and in most cases has to be extremely precise and tempered, having a full desktop screen to deal with opened us up for a lot more problems and a lot more solutions.


I'm grateful for what this project allowed us to do, thinking outside of the box, and look more critically and industry standards and find ways to creatively incorporate them into our designs for our users.

1. Personal Learnings:

Web is almost more challenging than mobile. My partner and I this time around iterated so many more versions of our designs thanks to the exponentially larger space we were dealing with. While I understand that mobile design must come first, and in most cases has to be extremely precise and tempered, having a full desktop screen to deal with opened us up for a lot more problems and a lot more solutions.


I'm grateful for what this project allowed us to do, thinking outside of the box, and look more critically and industry standards and find ways to creatively incorporate them into our designs for our users.

1. Personal Learnings:

Web is almost more challenging than mobile. My partner and I this time around iterated so many more versions of our designs thanks to the exponentially larger space we were dealing with. While I understand that mobile design must come first, and in most cases has to be extremely precise and tempered, having a full desktop screen to deal with opened us up for a lot more problems and a lot more solutions.


I'm grateful for what this project allowed us to do, thinking outside of the box, and look more critically and industry standards and find ways to creatively incorporate them into our designs for our users.

2. Project Learnings:


Similar to the above, having the opportunity, and the creative inspiration, to iterate on so many more design elements was an incredible amount of fun (and a great learning experience). Seeing what we could come up with that delivered the most important information to the user in the simplest way was a great challenge.


Also, having interviews, while time consuming to do, is an incredible resource. Obviously, there is so much more information you can get from an interview than in a survey even if the survey is well developed and responses are honest. Having the intonation and inflection as a part of our research data, as well as facial expressions, gives us so much more information to work with.

2. Project Learnings:


Similar to the above, having the opportunity, and the creative inspiration, to iterate on so many more design elements was an incredible amount of fun (and a great learning experience). Seeing what we could come up with that delivered the most important information to the user in the simplest way was a great challenge.


Also, having interviews, while time consuming to do, is an incredible resource. Obviously, there is so much more information you can get from an interview than in a survey even if the survey is well developed and responses are honest. Having the intonation and inflection as a part of our research data, as well as facial expressions, gives us so much more information to work with.

2. Project Learnings:


Similar to the above, having the opportunity, and the creative inspiration, to iterate on so many more design elements was an incredible amount of fun (and a great learning experience). Seeing what we could come up with that delivered the most important information to the user in the simplest way was a great challenge.


Also, having interviews, while time consuming to do, is an incredible resource. Obviously, there is so much more information you can get from an interview than in a survey even if the survey is well developed and responses are honest. Having the intonation and inflection as a part of our research data, as well as facial expressions, gives us so much more information to work with.

Next steps

Next steps

Next steps

If we were to be given more time, I believe our team would continue on our usability audit of the entire site and revise their visual identity further. Our time constraints were tight (learning simultaneously during this project), and I feel that we would have loved the opportunity to continue throughout the secondary and tertiary pages of Doctap to fully overhaul their visual identity to further build user trust. Looking forward to the opportunity to revisit this project and expand further!