Booking Self-Service Appointments at MakeSpace

The iteration from MVP to V2.

app-store-logo.png
Booking Self-Service Appointments at MakeSpace

TEAM

PROJECT STATUS

Live (Dec. 2020)

MY ROLE

UX/UI design, Interaction design, Prototyping
User research, user testing
Product strategy, Data analysis
Design QA

Product designer | Ellen
Product managers | Michelle, David
Engineers | Alex, Patrick
Content strategist | Lalita

DURATION

2 months

Self-Service appointment booking experience V2.png

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.

Group 1043.png

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.png

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. 

Screen Shot 2021-07-21 at 2.52.43 PM.png

Smartlook recordings

Screen Shot 2021-07-21 at 2.15.00 PM.png
Screen Shot 2021-07-21 at 2.16.39 PM.png

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.

Group 1019.png

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.

Group 1001.png
Group 1002.png
Wireframe-1
Group 1006.png
Wireframe-2
Group 1005.png
Wireframe-3

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 A

Option B

Option B

Option C

Option C

User flows

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.gif

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.

UI.png

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. 

Group 1024.png
“Design at MakeSpace” Notion page

“Design at MakeSpace” Notion page

Testing script-3
Testing script-2
Testing script
User testing through Google Meet-2
User testing through Google Meet

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
Subtract.png
before-1.png

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
Subtract.png
before-2.png

Before

Testing observation
All users dismissed this confirmation modal quickly without paying attention.
Problem
Information overload
Iteration
  • Simplify
  • Use accordion
Subtract.png
before-3.png

Before

Subtract.png
Iteation-1.gif

After

Subtract.png
iteration-2.gif

After

Subtract.png
iteration-3.png

After

Insights on service potential

Group 1025.png

Pricing

Group 1025.png

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.
Subtract.png
before-4.png

Before

Subtract.png
iteration-4.png

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.
final design small.gif
Subtract.png

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.

Group 1032.png
Group 1033.png

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.