Redesign the experience of

Redesign the experience of

Redesign the experience of

Redesign the experience of

Redesign the experience of

Redesign the experience of

essentail oil freshman to increase subscription

essentail oil freshman to increase subscription

essentail oil freshman to increase subscription

essentail oil freshman to increase subscription

essentail oil freshman to increase subscription

essentail oil freshman to increase subscription

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

Creating a better experience for essential oils freshman

User Hesitation

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

􁞸

􁕦

What's the problem?

One of the user group unsatisfied with current experience

􁞸

􁞸

􁞸

􁞸

􁞸

User Group

Paid Subscribers

User Satisfaction

🤷🏻‍♀️

🤷🏻‍♀️

Essential oils Freshman

Essential oils Freshman

Essential oils Freshman

18%

18%

😡

😡

Unpleasant

👩🏻‍⚕️

👩🏻‍⚕️

Aromatherapist

Aromatherapist

Aromatherapist

82%

😃

😃

Happy

Why ?

􁞸

􁞸

􁞸

􁞸

I did user research to find the pain points of freshman.

I did user research to find the pain points of freshman.

Pain points

􁅇

􁅇

􁅇

􁅇

🤯

🤔

Pain point

Pain point

Information Overload

User Hesitation

🤯

Pain point

Information Overload

🤔

Pain point

User Hesitation

So, What's happening?

􁅇

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?

􀝾

Redesign the structure of task flow

Pain point analysis

􁰹

􁰹

􁰹

􁰹

🧶

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?

􀑉

Redesign the task flow of freshman

orginal task flow

􁕋

􁕋

􁕋

􁕋

restructured task flow

􁕋

􁕋

􁕋

􁕋

􀉚

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.