"Do not Let me Think"

Starbucks membership product redesign

Gradient

This membership system is too complicated for me to understand. There are so many tricks and regulations here but I just want to drink coffee. Do not let me think!

------------  Jennie, Starbucks membership in China

Starbucks membership app in China is confusing for customers

Through 5-star user interviews and research on design rules, we have learned the following existing problems:

Existing Levels

Homepage

Existing Gold level homepage

Existing Gold level Detail page

Member rights are not transparent

The different level uses different data visualization to display the progress of membership which makes users confused.

The style of the member homepage and details page is not matched

Member rights are not transparent

The display of the membership mechanism is chaotic and complicated.

Data visualization is confusing. Users do not know the meaning of the symbol of “star”.

What Customers Say:

We interview 8 Starbucks membership members and understand their concerns and requirements.

I do not understand Starbucks rewards and I do not want to understand, now it is too complicated to understand

I do not know which level I am.

I do not know how to upgrade and how to keep my rewards and level.

What is the difference between “rewards star” and “level star”? How can I get stars?

At the gold level, I do not understand the meaning of “star”. What happened when this “ star” is filled?

I feel frustrated when I try to understand regulation policy of Starbucks membership because I never understand

Set the KPI based on customers needs and feedback

Gradient

1. Improve the recognition of customers about the membership rewards

Users understand their current level and stars, accumulate progress, what goals and rewards can be obtained, users understand the meaning of decimals

2. Help customers understand the regulation of membership correctly.

Users understand different levels of membership rules (how to upgrade to get gifts) Users understand different levels of membership rights

Gradient

3. Motivate users to upgrade and redeem gifts to promote the consumption

Users know their accumulation progress at any time, are motivated to consume continuously, upgrade to get good gift

Brainstorm ideas to find different solutions

On the Mobile home page, to reach the KPI, we come up with different ideas of data visualization to explain the rewards, membership level, and level process.

Improve the recognition of customers about the membership rewards Homepage

Design Solutions for KPI 1

Progress bar to explain the progress

“Cup” symbol with the number to explain how many stars points the customer already got.

User “Star” symbol with the number to explain how many star points the customer already got.

Donut chart to display the progress of the membership

Design Solutions for KPI 2

Help customers understand the regulation of membership correctly in membership detail page

On the membership detail page, we use the different strategies to reach the approach

Display all detailed rewards and regulation of membership system

Comparison chart of different levels of membership rewards and rules

Explain separately about the meaning of “level star” and meaning of “gift star”

Design Solutions for KPI 3

Motivate users to upgrade and redeem gifts to promote the consumption

To achieve the goal, we try to display more information about rewards and add new features.

Remind users of the coming expired star points

New feature: Order Now
to motivate customers to order a drink immediately

Display the rewards of the next level of membership if users consume more to upgrade.

Validating interaction methods by user testing

For more than 10 users testing, we use 5 seconds testing method to let the user choose their preferred interface design

Homepage redesign solutions

Most of users choose Design 1 & 5 as their expectation

1. Show the most useful information on the homepage.
2. The most important information for users: existing membership levels, differences between
existing stars and target stars, what kind of rewards are obtained.
3. Users don’t care about the source of the decimal point, but more concerned about the
difference between the existing star points and the target star points.

Membership detail page redesign solutions

Most of users choose Design 1 & 2 as their expectation

1. The membership details page displays comprehensive information to encourage users to consume,
quick upgrades and get redeem gifts
2. Users care about real-time rewards, fast level upgrades and get gifts
3. “Comparison chart of different levels of membership rewards” are praised, but users think it can
be placed on other pages because they are second-level information.

A Different Data Visualization Design in Gold Level solutions

Most of the users choose Design 1 & 4 as their expectation

1. In Green level and Silver level, users think the homepage is clearer and easier to understand with the progress bar
2. In Gold level, users hope star points need to reflect the relationship between "star points that can
be redeemed for good gifts" and "the progress of the next good gift".
3. In Gold level, about data visualization, users like the symbol of “stars” than the symbol of “cup”

Final Design Solution

Based on the user testing result we combine the design approach which most achieves users’ expectations and decides our final design solution for the Starbucks membership rewards system

Important design pattern iterations

KPI 1: Improve the recognition of customers about the membership rewards Homepage

Users cannot understand what level they are, do not understand the data visualization of Gifts Star points, and do not know how far they are from the next gift

The New design reflects the relationship between "stars that can be redeemed for gifts" and "the progress of the next gift", differentiates expressions, and improves awareness of membership rules and rights

KPI 2: Help customers understand the regulation of membership correctly on the membership detail page

Users cannot understand the data visualization of Good Gifts Star, do not understand the gap from the target, and do not understand the benefits of Venus

Clearly express comprehensive information based on the homepage
Remind users that gifts and stars that are about to expire can help users better understand their rights and promote consumption

KPI 3: Motivate users to upgrade and redeem gifts to promote consumption

Use the progress bar to clearly express that users understand their current level and stars, accumulate progress, what goals and rewards can be obtained, and improve the awareness of membership rules and rights

The user cannot understand what level he is in and does not understand the meaning of 2/4

Outcome and Effects

I like the new symbol of "Smiling Star"

Its funny and cute expressions

Customers like the new design

Pink Gradient

“I like the new design, the catalog is clear at a glance, I can quickly understand the gift certificate information obtained by my stars, my level information and benefits”

“New design presents more information. I don’t need to click on other pages to get all the information I want to know.”

Gradient

“I really like the white design. It is intuitive, comfortable, and not boring. The interface page looks good. The black page is boring. I have no desire to read”

Jxu6400@gmail.com  |  Tel: 312-731-2182