Ordering Coffee During COVID

TEAM

I was part of a team of three UX design students. We all shared responsibilities across research and design, but I was the lead for the project.

DURATION

12 days, full time from start to project presentation

DEVICES & PLATFORM

We created a mobile ordering user flow for the Starbucks mobile app.

As a company with a very well established design system based on Google’s material design, we chose to align our designs with the official pattern library and integrate the new user flow within the current app.

Long drive-thru lines were a severe problem for Starbucks. Unending lines dissuaded new customers. They would see the sweeping line and not bother entering the cue. At the same time, unclear COVID safety precautions kept Starbucks regulars from ordering. They were making coffee at home instead.

How could we attract new customers but also keep the Starbucks regulars happy?

I led a team of 3 to design a solution to relieve frustrated Starbucks customers and employees. Our mobile solution met both the business needs and customer needs.

During the two-week project, my team all wore various hats. Together we conducted research and designed solutions. We tested our design and iterated through many answers to the problem. Below is a summary of our work separated into four sections:

1. Research

2. Design

3. Iterate

4. Conclusion

USER INTERVIEWS

We conducted six user interviews with Starbucks customers. We wanted to know how their behaviors had changed during COVID and what their concerns were. From affinity mapping insights, we learned:

1. Starbucks Regular customers weren't concerned with long wait times

2. The lack of clarity around covid safety measures troubled Starbucks regulars

3. Lengthy lines discouraged new or infrequent customers from ordering

PRIMARY PERSONA

User interview insights helped us create our primary persona, Melody. She was the loyal Starbucks customer who had a favorite and Starbucks location. She would chat with the friendly employees who knew her and what she always ordered.

COVID had changed her weekday Starbucks ritual. She couldn't find information about her local shop's COVID safety measures. She thought it was both safer and easier to make coffee at home. Melody wants to feel reassured that it is safe to order before she returns to buying her daily drink.

SECONDARY PERSONA

Our secondary persona developed from our user research is Terry. He is the occasional Starbucks customer that orders Starbucks when it is convenient. Terry wants coffee to be ready fast. He is not willing to wait very long. If there is a long line, he will pass up the opportunity for a Starbucks drink that day.

TASK ANALYSIS

The ideal user flow would please both types of customers. Task analysis would help test the weaknesses of the current ordering process.

I performed a task analysis of the curbside pickup method of ordering a drink. That ordering method is a contactless ordering option and thus ideal for COVID. It might also remove customers from the drive-thru line. We found that the app had:

1. limited information on curbside instructions and covid safety measures

2. confusing navigation and wording for the curbside process

We kept these insights in mind when we went into the ideation phase.

DEFINING THE PROBLEM

Our research findings contradicted the initial hypothesis that long lines were the problem. COVID precautions concerned the majority of Starbucks customers more than long wait times. Retaining loyal Starbucks customers is cheaper than acquiring new customers. Thus our solution needed to address our primary persona's concerns about COVID safety.

It was also possible to address the frustrations of new or infrequent customers at the same time. Our solution could also decrease the wait time and make our secondary persona happy—no need to lose potential customers.

DESIGN STUDIO

We wanted to solved for Melody's pain points, our loyal customer, as well as Terry's, our occasional customer, so that we could retain loyal customers while still addressing the business problem of losing potential customers. We conducted a design studio to try to come up with solutions. Based on the design studio, we decided to incorporate key items into the design:

1. Clarifying Starbucks' COVID response

2. To slightly modify loyal customer's actions with star rewards as an incentive

3. Scheduling drinks for curbside pickup for a specific time in the future

4. Redirecting users to other locations with shorter wait times

USER FLOW

From our design studio results, we developed a user flow for Melody where she can quickly find the information about COVID safety on the homepage to feel reassured that she is safe to order. Then she would see an offer on the app home screen that would incentivize her with stars to schedule her daily drink order ahead of time using curbside pickup.

LOW-FIDELITY WIREFRAMES

After creating the low fidelity wireframes on paper and critiquing them as a group, I drew a second iteration of paper prototypes so that we could use them for a first round of usability tests to get early feedback on the direction of our design. We learned valuable insights that were then incorporated into our high-fidelity prototype including:

1. An icon for COVID information was unclear

2. Keeping the UI of Starbucks consistent

3. Maintaining on-brand UX copy (we imagined as if Tom Hanks were the voice- friendly & reliable)

HIGH-FIDELITY WIREFRAMES

Once we had validated the userflow that we had created for Melody based on the positive results from usability tests from paper prototypes, we started designing our high fidelity wireframes following the UI design system Starbucks uses. For the COVID infographic, I created elements of visual rest by spacing minimal text with simple images to create a mobile-friendly version of Starbucks' COVID information that's currently on their website in a very dense and text-heavy format.

Yep.

USABILITY TESTING

Once we had our high-fidelity wireframes prototyped, we conducted usability tests to identify if there needed to be any changes that would improve the function of the app and user-satisfaction. We tested to see if users could:

1. Easily find the COVID safety information

2. Find and understand the incentive to use the scheduled ahead method of ordering curbside pickup

3. Complete the curbside pickup ordering process

4. Find information for contacting the store

ITERATING

Based on our results from the usability tests we:

1. Reordered the covid infographic so that the most important information was at the top (contactless options)

2. Moved the call to action button for the incentive above the fold so that users knew where to go

3. Reordered the final pickup confirmation page to show the contact information in a more prominent location

NEXT STEPS

The prototype was a result of the two week design sprint, but additional items could still be addressed if more time were available. Those items include:

1. Conducting a round of research on the usability of the latest prototype but focusing this time on the navigation and flow of the ordering process

2. Additional research and ideation could be done for how to address when users need to make more complicated orders (more than one or two drinks)

3. Building out the delivery user flow that was designed for our secondary persona who was driven by convenience

LEARNINGS

On teamwork and collaboration:

1. If there's disagreement over design direction, building off of the other team member's seemingly opposite idea helps to build trust through respect and validation and can help steer the design in a mutually compromised direction

2. Miro is a fantastic tool to use for virtual group affinity mapping, group project critiques, and creating user flows as a group

3. Figma is great for collaborating in real time to build out wireframes and the prototype

4. Daily standup in Slack (which you can set up a daily reminder for) is super helpful to make sure every team member is aware of what the others are have done and will be working on that day. Plus checking-in with each other helps find any issues teammates might be facing and can help the group assess how to tackle any road blocks.

On Project Management:

This is so essential. Without a solid plan for what needs to get done, when, and by whom, things can go majorly awry. Make a plan, use it, and update it on a daily or on an as-needed basis.