Improving usability for end-to-end ordering flows

LemonBox offers personalized vitamin services to 5 million customers, who are generally 25 to 35-year-old professionals in first-tier cities with high education level and high income.

Therefore, LemonBox hope to simplify your health journey with scientifically pure products and world-leading customized services, accompanying your daily wellness journey. By 2024, LemonBox has supported over 5 million customers in their nutrition journey.

Internship Project
May — July 2024

Collaboration

CFO
1 UX Designer
2 Engineers

Skills & Tools

Usability Testing
Heuristic Evaluation
SUS
Data Analysis
Affinity Mapping
RICE Prioritization
Product Management
Design System

PROBLEM

How might we minimize the roadblocks for ordering flows?

SOLUTION

😣

Before

  • Messy & confusing price information

  • Hard to find needed information

  • Vague convey of brand strength

  • Hard to trust the brand

😄

After

  • Redesigned 40+ pages and flows

  • Improved SUS score from 59.17 to 82.50

BACKGROUND & GOALS

Why usability for the ordering flows?

#1 Complex flows (flow + personalzied vitamin)
Users complain about

Therefore, improve general usability problems (key metrics)

METHODS

What are the key obstacles?

We recruited 6 UX experts for heuristic evaluation, 3 have used LemonBox before and 3 were new users. They were required to THINK OUT LOUD during 2 task scenarios:

  1. You want to buy a personalized nutrition pack, and you are making the order.

  2. You have ordered a nutrition pack, and want to check whether it was delivered.

What process?

We recruited 6 UX experts for heuristic evaluation, 3 have used LemonBox before and 3 were new users. They were required to THINK OUT LOUD during 2 task scenarios:

  1. You want to buy a personalized nutrition pack, and you are making the order.

  2. You have ordered a nutrition pack, and want to check whether it was delivered.

SYNTHESIS

Information clarity and consistency are the key challenges.

We summarized the usability issues using Affinity Diagramming, and prioritize them using RICE. Below are the core issues we'll focus on.

(mind map style, highlighting all the problems)

PROBLEM & SOLUTION

PROBLEM 1

Users find it hard to understand prices & deals, which make them hesitant to purchase.

SOLUTION 1

Thus we provided a more intuitive discount display!

PROBLEM

New users are confused how many vitamins they are purchasing.

SOLUTION

Thus we provided a vitamin list with amount and price!

PROBLEM

New users are confused how many vitamins they are purchasing.

SOLUTION

Thus we provided a vitamin list with amount and price!

PROBLEM

New users are confused how many vitamins they are purchasing.

SOLUTION

Thus we provided a vitamin list with amount and price!

EVALUATION

How has the overall usability been improved?

We tested the redesign prototype on 5 participants, achieving an System Usability Scale (SUS) score of 82.5: a significant increase from the previous score 59.17.

TAKEAWAYS

What have I learned?

01

Take all edge cases into consideration and build an organized system

In this project, I realized the heavy inconsistency problem resulted from absence of a clear system that structurally listed every edge case--in some situations, it took me much longer to figure out how the existing system works than designing a new one. Real-world problems can be very complex. In e-commerce settings, all the combinations of purchase options, order status and market strategies would be a great challenge, and our job is to make sure our design has taken every case into consideration.

02

Make fully-informed design decisions

Design decisions cannot be based on the UX designer's "intuition" on what would be good for the users. Our hypotheses should be supported by solid evidence, which includes drawing insightful conclusion from in-depth analysis of data, user's feedback, etc. As a D2C company, our strength is having direct access with users' data and feedbacks, which allows us to make sure we are spending our limited resources on the right thing.

03

Communicate with stakeholders using data, business impact

We can't always agree with each other in the process, but we can get on the same page using recognized tools. When we were defining the scope of design, the RICE model were helpful in combining every one's opinion from different aspects (cost, business impact, confidence in success), and giving us a final score that the team would accept. The key in communication with stakeholders or teammates is similar: embrace broad perspectives, and decide by recognized evaluation.

Thank you for visiting my portfolio.

Let's connect!