Redesign the experience of

Redesign the experience of

Redesign the experience of

Redesign the experience of

Redesign the experience of

Redesign the experience of

finding and customizing essential oil recipes

finding and customizing essential oil recipes

finding and customizing essential oil recipes

finding and customizing essential oil recipes

finding and customizing essential oil recipes

finding and customizing essential oil recipes

Company

Company

Company

Company

Company

Company

Yuanxin Tech.

Yuanxin Tech.

Yuanxin Tech.

Yuanxin Tech.

Yuanxin Tech.

Yuanxin Tech.

Time

Time

Time

Time

Time

Time

15 weeks, Oct 2023

Current State

Current State

Current State

Current State

Current State

Current State

Ship

Ship

Ship

Ship

Ship

Ship

Team

Team

Team

Team

Team

Team

Product Designer (Me), Product Manager, Front-end Engineer

Product Designer (Me), PM, Front-end Engineer

Product Designer (Me), Product Manager, Front-end Engineer

Product Designer (Me), Product Manager, Front-end Engineer

Product Designer (Me), Product Manager, Front-end Engineer

Product Designer (Me), Product Manager, Front-end Engineer

Final Outcome

Final Outcome

􀉚

􀉚

Overview

Product Brief

􁞸

􁞸

􁞸

􁞸

Product Introduction

Product Introduction

Dr. Mom

Dr. Mom

📚

📚

Encyclopedia of Essential Oils

Encyclopedia of Essential Oils

📱

📱

Mobile App

Mobile App

Mobile App

Subscription-based

Subscription-based

Subscription-based

􀆊

What are essential oils and recipes?

􀆊

What are essential oils and recipes?

􀆊

What are essential oils and recipes?

􀆊

What are essential oils and recipes?

Business Goal

􁞸

􁞸

􁞸

􁞸

🤔

Objective

Increase the number of subscribers

User Hesitation

Design approach

􁞸

􁞸

􁞸

􁞸

🛤️

🤔

approach

74% non-subscribers are essential oils freshman, by creating a better experience for this user group, we could increase the number of subscribers.

User Hesitation

original version

􁞸

􁞸

􁞸

􁞸

􁞸

Final outcome

􁞸

􁞸

􁞸

􁞸

􁞸

Imapct

􁞸

􁞸

􁞸

􁞸

+34.2%

+34.2%

User Satisfaction

User Satisfaction

User Satisfaction

+22.6%

+22.6%

Number of Subscribers

Number of Subscribers

Number of Subscribers

What user needs

📚

Business Goal

􁞸

􁕦

Why didn't users subscribe?

Major subscribers

􁞸

􁞸

􁞸

􁞸

👩🏻‍⚕️

👩🏻‍⚕️

Aromatherapist (92%)

Aromatherapist (92%)

Aromatherapist (92%)

What user needs

📚

The main reason why aromatherapists subscribe to Dr. Mom is the comprehensive essential oil information it provides, which is perfect for them to use as a reference.

The main reason why aromatherapists subscribe to Dr. Mom is the comprehensive essential oil information it provides, which is perfect for them to use as a reference.

Major Non-subscribers

􁞸

􁞸

􁞸

􁞸

🤷🏻‍♀️

🤷🏻‍♀️

Essential oils Freshman (74%)

Essential oils Freshman (74%)

Essential oils Freshman (74%)

What user needs

📚

Which Services does Freshman use most ?

􁞸

􁞸

􁞸

􁞸

📃

📃

Recipe (58.1%)

🍋

🍋

Essential oils

Essential oils

📝

📝

Notes

Notes

📄

📄

Articles

Articles

What user needs

📚

Sarah Johnson

I normally used Dr.mom to find recipes, but sometimes it can be so overwhelming.

I normally used Dr.mom to find recipes, but sometimes it can be so overwhelming.

so, Freshman didn’t subscribe because...

􀉩

􀉩

􀉩

􀉩

The experience was mainly designed for Aromatherapists.

The experience was mainly designed for Aromatherapists.

User Group

User Needs

User Satisfaction

🤷🏻‍♀️

🤷🏻‍♀️

Essential oils Freshman

Essential oils Freshman

Essential oils Freshman

A simple and easy way to help them find the recipe they need

A simple and easy way to help them find the recipe they need

A simple and easy way to help them find the recipe they need

😡

😡

Failed

Failed

Failed

👩🏻‍⚕️

👩🏻‍⚕️

Aromatherapist

Aromatherapist

Aromatherapist

An encyclopedia provides detailed information on essential oils and recipes.

😃

😃

Happy

so, users didn’t subscribe because...

􀉩

How might we…

􁞸

􁞸

􁞸

􁞸

💡

HOW might we

Enhance the experience for freshmen to find and customize essential oil recipes.

Constrains

􁞸

􁞸

􁞸

􁞸

⛓️

Constrains

The needs of aromatherapists still need to be satisfied.

􁕦

Why didn't users subscribe?

􀳿

How to bridge the gap?

What’s the problem of current experience?

􀺨

􀺨

􀺨

􀺨

I summarized feedback from Yin and multiple users into a user journey map.

I summarized feedback from Yin and multiple users into a user journey map.

􂄢 Click to enlarge

􂄢 Click to enlarge

􂄢 Click to enlarge

􂄢 Click to enlarge

What’s the problem of current experience?

􀺨

So, What's happening?

􁅇

􁅇

􁅇

􁅇

Based on user journey map, I summarized two pain points.

Based on user journey map, I summarized two pain points.

🤯

🤔

Pain point

Pain point

Information Overload

User Hesitation

🤯

Pain point

Information Overload

🤔

Pain point

User Hesitation

So, What's happening?

􁅇

💡

My Approach

Redesign the experience of using essential oils to treat health conditions

􀳿

How to bridge the gap?

􀝾

How to address pain points ?

Why did User feel information overload?

􁰹

􁰹

􁰹

􁰹

🧶

Cause of overload

Disorganized and clutter task flow

Solutions

􁰹

􁰹

􁰹

􁰹

Solution A

Design a task flow with one task per page

PROS:

  • Improved user comprehension

  • Enhanced user control

  • Reduced cognitive load

CONS:

  • Too many steps for Aromatherapist to check recipes

  • Disrupted immersion

Solution B

Split task flow into two streams for two user groups

PROS:

  • The least amount of friction for both user groups

  • Provide a more relevant experience

  • Higher efficiency

CONS:

  • Users may be confused about which flow to choose

  • Higher design and development costs

Solution C

Design a task flow with one task per page

PROS:

  • Simplified design and development

  • Higher efficiency

  • Enhanced user control

CONS:

  • Still might cause information overload for freshman

  • Reduced scalability

old flow

􁰹

Final Solution

􁕋

􁕋

􁕋

􁕋

New flow

􁕋

A combination of solution A, B, and C.

PROS:

  • Solution A suits essential oils freshman, since it's simple and easy.

  • Solution C suits aromatherapists, since they can easily overview all the information they need.

  • Solution B could provide higher efficiency for both user groups.

CONS:

  • Higher design and development costs

🎢

Cause of overload

Disorganized and clutter task flow

⚖️

Solution

Optimize the task flow logically

What’s the best page to split flow ?

􁕋

􁕋

􁕋

􁕋

New flow

􁕋

Health Issue Page

Homepage

Reason:

  • User can access this feature easily and intuitively.

  • Make the essential oil recipe customization flow more seamless and immersive.

  • Provide more informative search result page which suits Aromatherapists' needs.

􀝾

How to address pain points ?

🤔

Why did User feel hesitated?

􀉚

How to ensure my solution is effective ?

Wireframe

􀎞

􀎞

􀎞

􀎞

􀎞

health issue card design

􁒙

􁒙

􁒙

􁒙

􁒙

Old Version

New Version

Recipe information card Design

􁒙

􁒙

􁒙

􁒙

􁒙

Version 1

Final Version

Recipe information card Design

􁒙

􁒙

􁒙

􁒙

􁒙

PROS

Natural Scrolling Habit

More Content Accommodation

CONS

Space Consumption

Information Overload

Layout Restrictions

PROS

Natural Scrolling Habit

More Content Accommodation

CONS

Space Consumption

Information Overload

Layout Restrictions

PROS

Natural Scrolling Habit

More Content Accommodation

CONS

Space Consumption

Information Overload

Layout Restrictions

PROS

Natural Scrolling Habit

More Content Accommodation

CONS

Space Consumption

Information Overload

Layout Restrictions

PROS

Natural Scrolling Habit

More Content Accommodation

CONS

Space Consumption

Information Overload

Layout Restrictions

PROS

Natural Scrolling Habit

More Content Accommodation

CONS

Space Consumption

Information Overload

Layout Restrictions

PROS

Content Focus

Space Efficiency

CONS

Discoverability Issues

Inconvenient Operation

Limited Content Display

PROS

Content Focus

Space Efficiency

CONS

Discoverability Issues

Inconvenient Operation

Limited Content Display

PROS

Content Focus

Space Efficiency

CONS

Discoverability Issues

Inconvenient Operation

Limited Content Display

PROS

Content Focus

Space Efficiency

CONS

Discoverability Issues

Inconvenient Operation

Limited Content Display

PROS

Content Focus

Space Efficiency

CONS

Discoverability Issues

Inconvenient Operation

Limited Content Display

PROS

Content Focus

Space Efficiency

CONS

Discoverability Issues

Inconvenient Operation

Limited Content Display

Option A

Vertical Scrolling Cards

Option B

Horizontal Scrolling Cards

􀑉

Takeaway

🎁

Takeaway

Fully understand user needs and designing a coherent task flow are pivotal to the entire product.

Comparing product design to building a house, user needs are the foundation, while the task flow is the framework.