chi
ying

Goodscent

chi
ying
Mobile App
Timeline
Feb - May 2022
Platform
iOS
Role
UX Researcher
UX/UI Designer

The Project

Design a candle-ordering mobile app for Goodscent that allows users to browse candles, find detailed scent information, and facilitates easy purchasing for personal use or as a gift. Goodscent's target customers include commuters and workers who may lack the time or ability to visit a physical store

Part 1

Discover and understand users

This section revolves around discovering and understanding the user's needs, goals, and pain points. I established several research goals for myself before commencing the work

  1. Learn as much as possible about my potential users
  2. Comprehend the existing solutions and competitive landscape
  3. Determine whether and how I can leverage new technologies and innovations.

Survey and user characteristics

I posted a user survey  on Facebook's scented candle groups and Reddit's scented candle communities, using Google Forms, and received 17 responses. Here is a summary of the average user’s characteristics:

Limitations and assumptions: Survey respondents were not pre-screened.

Key user insights

One of the primary user groups identified through research was females in the age group of 25-34. This user group validated initial assumptions about Goodscents customers. However, the research also unveiled that time wasn't the sole factor restricting users from visiting the store. I observed common themes and patterns among the survey responses.

Time

Working adults are too busy to go to shop in person.

Scent

Can't smell scented candles online before buying them, since it is online, not able to smell, So it’s difficult for users to make a decision on which candle to buy.

Accessibility

Platforms for ordering scented candles are not equipped with assistive technologies.

User feedback

Here’s what some of the users said when asked about what challenges they face in the scented candle ordering process.

Not being able to smell, relies on reviews of other customers to guide my shopping decisions.

Choosing! I haven't ordered candles online, and I think that would actually be easier.

Number of options that is overwhelming to me as I personally do not know anything about candles and I can't test them since it is online.

If we order it online, we never know before we try.

User persona

Sophia Violette

38 yrs old | San Diego, California | Kindergarten Teacher

Bio

Sophia is a busy working mom who needs to choose quickly and easily  from a variety of candles options because going to the stores takes too much time and isn’t a good use of Sophia’s time.

Goals

  • Find the balance between work and family
  • Stay healthy with natural products
  • Want to decorate her apartment in a cozy way

Frustrations

  • Not having enough time to go to stores
  • Concerned about the ingredients of the product being harmful to young children

Owen Donald

34 yrs old | Taipei, Taiwan | Software Developer

Bio

Owen is a busy working software developer who needs to quickly and easily order from a variety of scented candle options because he doesn’t know where to start when it comes to finding the right one.

Goals

  • Find a memorable anniversary gift for his girlfriend
  • Looking for quality products

Frustrations

  • He doesn't know where to start with finding the right gift for his girlfriend.
  • Work long hours.

The competition

I made some research on the main candle companies. There are lots of brands but my main research was on the brands that specialized in natural candle making. I evaluated the strengths and weaknesses of three stylish, internationally recognized brands that shared the same target audience.

Pros:
  • Offer tester set
  • Using its visual design to communicate its company ethos
  • Categorizing products by smaller groups
Cons:
  • No features for audio or visual impairments
  • No offline activites
Pros:
  • Using its visual design to communicate its company ethos
  • Categorizing products by smaller groups
  • Enriched candle varieties
Cons:
  • Only available in English
  • Some unfamiliar navigation patterns
Pros:
  • Offline activities
  • Categorizing products by smaller groups
  • Using its visual design to communicate its company ethos
Cons:
  • Only available in English
  • No features for audio or visual impairments

Part 2

Learning from the competitors

Fragrance families, moods, benefits and vivid words .

Key insights

  1. Categories based on benefits, fragrance families and size.
  1. Possibility to shop based on moods such as your warm welcome home, comforting and reassuring, for moments of inspiration, Invigorating and clarifying.
  1. Possibility to shop based on Benefits, such as feel sleepy, feel joyful and feel relexed.
  1. Use of vivid sensory language, e.g. 'Soothing notes of lavender, patchouli, bergamot and frankincense essential oils for the soft, gentle hours. For when everything is calm, and nothing else matters.

Meeting user and business goals

How might we help the user find the right scented candle online that will live up to their expectations?

Must have :
  • Sizes and prices
  • Ingredients and photos
  • Testimonials / Reviews
  • Easy checkout process
Should have :
  • Shop by categories
  • Filter options
  • Social media integration
  • Burning time
  • Shipping details
Could have :
  • Option to switch languages
  • Scent's benefits
  • Scent inspiration
  • Care and safety tips

The idea

User Journey

To help my design process and come up with ideas, I created a user journey using the persona I created. By creating a user journey from start to finish, it ensures I am solving the user's needs and problems.

Early sketches

To brainstorm my ideas, I like to set a timer and sketch out all my ideas on pen and paper. By doing this, I am able to quickly think of all the most important features and functions needed on the app. This method is fast and effective, helping me get a lot of ideas out, even if some are not practical. I picture myself as the user and think about things that may have frustrated me in my own experience without trying to be biased.

Part 3

Wireframing & prototyping

Using my sketches and referencing what features I found important, I created a low-fidelity prototype in Figma. By doing this, I was able to visualize my designs, prototype and test them before committing to a high-fidelity design.

To test my low-fidelity wireframe, I completed a moderated usability study with guided questions and prompts for the user. Since this was only a low fidelity prototype, I was able to get a lot of useful feedback and was able to see what issues users had while using the prototype.

Usability study: findings

I kept the colors simple and chose a modern, variable sans-serif font that is easy to read on all screens. I kept layouts consistent by using a 4-column, 8px grid. Illustrations (modified but not created by me) add some deslightful touches to a simple UI.

  1. Lack of account creation — Users find typing time consuming and tedious.Having no account also means they would not be able to track orders easily.
  1. Landing page does not inspire users to act — Users wanted to immediately see which scents are available, how the products look, and how much they cost.
  1. One quote from user usability study feedback: "This should not be an app but a mobile website instead"
  1. Users would prefer to have a bottom navigation bar as a call to action.

Refining the design

Style guides

conclusion

Takeaways

While designing the Goodscent app, I realized that the initial ideas for the app are just the beginning of the process. I also gained valuable insights into designing an effective UI, including elements like carousels. Throughout this case study, usability studies and peer feedback played crucial roles in influencing each iteration of the app's design

Next setps

chi
ying