Plant Doctor

Product design of a B2C Mobile app for amateur gardeners

Challenge

Many unskilled plant growers struggle to keep their plants alive. When a plant has a problem, the plant owners look for solutions, but occasionally they forget the name of the plant and receive confusing information from social media.

Solution

A B2C app that helps plant growers diagnose and treat their plants' problems.

Social media research

I joined several Facebook groups to better understand how people seek advice when they have problems with their plants. I chose the groups based on their size and daily posting rates. 

This research assisted me in defining the product's target audience and selecting user research participants. It also helped me in determining the product's tone and voice. 

Structure of questions

A classic question consists of three parts:

  • A picture of the plant. People frequently forget what the plant's name is (A)
  • A description of the plant's current state (C)
  • A description of the actions the person tried to do (B).

Structure of asnswers

  • What is the name of the plant (D)
  • What happened (F)
  • How to fix the problem (G)
  • Additional plant care suggestions (H)

Tone and voice

Emotional, informal, friendly

User interviews

I interviewed 6 participants who participants grow plants at their home, to learn about their habits and challenges with growing plants, and how they deal with problems related to their plants.

"I mostly seek advice when there is a need or a problem. I'd rather consult with friends (instead of posting on Facebook)."
"I once asked in a Facebook group, but I received conflicting responses."
"I now have two plants and I don't know what they are"

User persona

Based on the user interviews, I created one main persona for my product.

user persona

Market research

The goal of the market research was to learn how other products help users to solve problems of their plants.

I reviewed three main products: Plantix, NatureID and Planta. I chose those products by their Google Play rank, the number of downloads and the similarity to my product.

Main conclusions:

  1. Users don't need to know their plant's name in order to get information about it. All apps enable a search by image.
  2. Most apps offer a human response in case the app failed to help the user.
  3. Some apps ask users to take more than one photo, in order to raise the accuracy of the recognition.
  4. In most apps, the information about problems of the plant was too long to read and not plant specific - this is a thing I wanted to improve in my product.

User flows

primary flowuser flow

Low fidelity wireframes

Based on the user flow, I created multiple low fidelity wireframes for the main user flow. I started with simple stketches, and then added more details.

High fidelity wireframes

I used Figma to create high fidelity wireframes of the main flow. I also created wireframes for secondary flows like chat with a professional and adding a new plant to "My Plants" list.

high fidelity wireframes

Usability testing

I created a simple prototype of the main flows on Figma, and then tested them using Figma mirror.  

I executed the user tests in a face-to-face meeting with four participants, each participant separately.

Before the meeting I wrote down a list of tasks the participant should do during the test.

usability test scenario

Before

Users didn't understand the screen's purpose. They assumed it was the camera screen and tried to take a photo of the plant.

After

I added a "start test" button in all of the onboarding steps, and  changed the microcopy. Sliding the screen allows you to move between onboarding steps.

Before

The history screen was similar to the test results screen. When users returned to previous tests, they expected to go straight to the solution.

After

I made a new view for the history. Users can view a  summary of the test results at the top of the screen.

UI Design

Based on the wireframes, I created mockups for the app's screens: main flow, secondary flow, home page and onboarding process.

The app is intended for amateur users. Therefore I wanted to add some mischief to my design. This principle guided me in choosing the colors, typography and graphic elements (icons, illutrations and images).

plant doctor app home page
plant problem screen
suggested solutions screen
solution tutorial screen
my plants screen

Typography and colors

I used Figma to create high fidelity wireframes of the main flow. I also created wireframes for secondary flows like chat with a professional and adding a new plant to "My Plants" list.

app colors

Illustrations

One of my research conclusions was that many people treat their palnts like a baby or a pet. I wanted to add some personification to the plants in my product. To do this, I added illustrations for each problem description.

Takeaways

People like to share

I was surprised by the number of people who volunteered to spend an hour of their time on the user interview. I learned that people are happy to talk about themselves and share their experiences. The interviews were insightful, and they influenceed the choices I made during the project.

Prepare interview questions in advance

Preparing a list of questions before the user interviews helped me stay focused and get significant insights from the interview.

Realistic usability test tasks

The tasks in the usability tests were too specific. As a result, users completed them easily, and I probably missed some usability problems. I should have given more realistic tasks to get in-depth insights.

See more of my work

Bella Pharm

Expanding a design language to new mobile and desktop products

View project

Berlin food festival

A mobile website for planning a visit to a food festival

View project
Like my work?

Let's talk