top of page
Self-Service appointment booking experience V2
Self-Service appointment is new. People don’t know how to choose it and how it works.
PROBLEM
RESULTS
-
48% increase in booking.
-
22% increase in conversion rate.
-
User research process standardized.
-
User testing method established.
BACKGROUND
MakeSpace is a late stage startup focused on disrupting traditional self-storage by providing on-demand pickup and delivery of all your home and business items. I worked as the sole Product Designer for over a year, carrying out multiple large-scale projects from conception to launch.
As MakeSpace expands, many customers find it difficult to book an appointment due to operational constraints. To increase the number of available appointments, we decided to add a new type of service to our offerings—Self-Service appointment—where customers visit our warehouse to drop off or pick up their stuff.
RELEASE AND LEARN
Hypothesis
Customers will be interested in Self-Service appointment because it provides more availability.
MVP
On our iOS app, customers can switch to Self-Service option when choosing a date.
MVP
PROBLEM DISCOVERED
We’ve seen a spike in support tickets—the team has spent more than 500,000 min on "Self-Service" tickets in the past 90 days, which ranked No.1 in all tickets categories.
"WE NEED MORE RESEARCH"
We’ve seen a strong signal that the Self-Service option was more enticing than we originally anticipated and we wanted to iterate to capitalize on that. This time I strongly advocated for more research to help us fully understand the problem and customer needs.
CHALLENGE
However, user research at MakeSpace was almost non-exist. There wasn’t any research process documented. What should I do?
My approach
-
Connect with stakeholders to understand data tools.
-
Synthesize previous research.
-
Review both quantitative data and qualitative data.
-
Document and share my research process.
Quantitative data offers me a good overview of the problem scale and a wide range of problem categories. Meanwhile, Qualitative data helps me understand the problems more deeply. I get to empathize with the customer on their needs, motivation and specific usability problems.
Smartlook recordings
Zendesk support tickets
Note: contents are blurred for confidentiality
Zendesk tickets dashboard
Customer David
“Can you help me arrange a warehouse appointment? I searched in the app, and Self-Service is not an option.”
Customer Sarah
“It’s asking for my own address. But I want to book a Self-Service appointment.”
Customer John
“I’m unclear about what the service fees are. And can I ask my moving company to come instead of me?”
Most importantly, the research findings disapproved of our initial hypothesis. Customers are interested in Self-Service appointments for various reasons—some moved to another state, some don’t have a physical address, some moved to places where we don’t serve yet… However, our MVP version was designed only for customers who need more availability. It wasn’t intuitive enough for people in other use cases.
PROBLEM
Self-Service appointment is new. People don’t know how to choose it and how it works.
Goal
To help customers understand this new type of appointment and enable them to easily book it for their needs.
KPIs we want to impact
-
The number of Self-Service appointments booked on iOS
-
The conversion rate
-
The number of support tickets per appointment
Other metrics
-
The time customers take to finish booking
-
NPS and LTV (as reference, but we won't set them as success metrics because they are affected by a number of factors)
DESIGN PRINCIPLES
Designing for a broader set of use cases
Customers with different needs should be able to choose it easily.
Helping people understand
Information must match human needs.
DESIGN PROCESS
CHALLENGE
How might we make sure the new experience works for a broader set of use cases?
My approach is to understand and design the natural journey for each scenario first and synthesize the experience.
It became clear that we need a separate flow for Self-Service appointment to avoid confusion and optimize the experience. And in case of any undiscovered scenarios and customer needs, I also made it flexible for people to switch between 2 types of appointments in the middle of the flow. With clarity and flexibility as my design principle, I started wireframing to synthesize the experience.
Design principle
Clarity and Flexibility
Option A
Option B
Option C
CHALLENGE
How might we help people better understand this new type of appointment?
My approach is to display the right level of information at the right time of the flow. Meanwhile, I also worked closely with the content strategist to make sure each content is clear and concise.
Design principle
Relevance and Clarity
Information display
Besides the flow, I also worked on designing the UI for the key experience. I used a side-by-side layout to make it easier for customers to compare the two types of appointments. It’s also more consistent with the previous screen.
Select appointment type
Intro modal
USER TESTING
After walking through the prototype with other stakeholders, the team was ready to start the implementation. However, up till now, we haven’t talked to any customers about this new service. This time I strongly advocated for user testing.
The testing here will not only help us 1) validate the new experience, but also help us 2) understand the service potential—How much are customers willing to pay? What do they value in Self-Service? What's their ideal process? I believe answers to those questions are extremely helpful for our business on planning future development.
CHALLENGE
User testing is still new at MakeSpace. Choosing to do it will affect the project timeline. How can I get buy in from stakeholders?
My approach
-
Set a timeline.
-
Make the value clear.
-
Communicate earlier in the process.
This is the 2nd time moderated testing was done at MakeSpace. To build a standard process, I documented my process and shared it with the teams. I collaborated with different stakeholders during the process. To get most out of this testing, I want to talk to customers who are familiar with our iOS app. And I want to talk to customers with and without Self-Service appointment experience. Working with the PM, I selected a list of customers using Mixpanel. Meanwhile, I also developed learning statements, scripts, and sent out invitations to customers. Over the course of 2 weeks, I conducted virtual moderated tests with 5 customers.
“Design at MakeSpace” Notion page
User testing through Google Meet
Testing script
TESTING FINDINGS AND ITERATION
Overall, all of the customers thought the new flow was intuitive and straightforward. All of them were able to book Self-Service appointments without assistance. In addition to that, I also made some iterations on the usability issues discovered.
Customer Jen
“It’s way better than what I did the first time. I like that. It’s way easier and clearer to pick full-service or self-service from the beginning.”
Customer Richard
“I think it’s actually pretty good. It all made sense to me.”
Testing observation
Switching from Self-Service to Full-Service, users didn't know how to move forward.
Problem
In lack of visual guidance
Iteration
Highlight
Before
Testing observation
Users asked clarifying questions about the day of logistics.
Problem
The content is not easily digestible.
Iteration
-
Work with content strategist
-
Adjust layout, better grouping
Before
Testing observation
All users dismissed this confirmation modal quickly without paying attention.
Problem
Information overload
Iteration
-
Simplify
-
Use accordion
Before
After
After
After
Insights on service potential
Pricing
Ideal appointment process
Besides testing with customers, I also reviewed this prototype with other designers. One major feedback involves its component style. Our iOS app design is very outdated and we haven't got a chance to redesign using our new design system. Even though fixing component style is not part of the scope, I decided to tackle this particular problem because it affects the usability of this flow.
Feedback from the other designer
It's hard to differentiate the clickable components from the plain texts.
Problem
Outdated components. Confusing visual
Iteration
-
Update to toggle button style.
-
Make it consistent throughout the flow.
Before
After
FINALIZED DESIGN
Improvements
-
Customers with different needs are able to book Self-Service appointments easily.
-
Customers are given the flexibility to switch.
-
Customers are able to understand the process better and get prepared.
Self-Service appointment booking flow V2
IMPLEMENTATION
After a design walkthrough with engineers and PM, we started the implementation process. I partnered with engineers doing design QA and further worked on some micro-interactions. In addition to that, I also helped the PM test out the flow in all different scenarios.
IMPACT
The iteration was released in Dec. 2020. We've been actively tracking the core KPI it has impacted, as well as metrics that can measure the efficiency of the new flow. When analyzing data, I've also taken into account other key factors that affect our business, including seasonality, availability and operation issues. So far we’ve seen great improvement.
-
48% increase in booking (Self-Service appointments).
-
22% increase in conversion rate.
-
34% decrease in support tickets.
Comments from stakeholders
After this project, I continued to lead user research and testing in the company and invite different stakeholders to shadow. To further cultivate the user-centric culture in the organization, I did frequent presentations on research projects at the cross-functional meetings. I became the go-to person for customer research questions at the company. In addition to that, I implemented a 5-month-long sales call exercise at the product team to help us understand customer needs and problems.
REFLECTIONS
I was the sole product designer while leading this project. I'm very grateful for the seamless collaboration with Product Managers, Engineers, Content Strategist and Customer Support Agents. I especially feel thankful for stakeholders’ support on all the user-centric initiatives I’ve worked on.
But the user research method is not perfect. The 1-1 moderated testing can be time-consuming. I’ve been looking at ways to make the process more efficient. Besides that, I still think there’s too much text within this flow. I wish I had more time to explore animation or illustration to replace texts.
Next step will be brainstorming how we want to position Self-Service from a branding perspective and then adding the booking experience to the web.
bottom of page