My Role Interaction Design
Visual Design
User testing
Video Creation
Teammates Mika Jiang (Designer)
Xinyi Chen (Researcher & PM)
Yincheng Zhao (Hardware & Software engineer)
Zhuoran Yu (Front-end developer)
Minghe Zhang (Front-end developer)
Tools Figma
Android Studio
Duration Feb - Apr 2018

" Raise Your Plants Scientifically "

For many plant amateurs, how to maintain plants vitality is a challenge: They don't know when and how often they shall water the plants, or what temperature is the most habitable. Our design offers botanical greenhands planting tutorials and supervises living conditions of your plants. We use a sensor to detect the temperature and humidity in the soil. Users can check the real-time status of their potted plants through the mobile app. The sensor and the app work together to educate greenhands to keep their plants healthy, and strengthen the bonds between them.


Step 1:
Connect sensor to your phone

Follow the animation to connect devices and the plant easily.


Step 2:
Link to suitable instructions

Fuzzy search & picture recognition helps you to know your plants and get the more appropriate tips.


Step 3:
Keep track of the status

Adjust your cultivating methods based on weekly reports. Keep your plants healthy!

Step 4:
Hear the voice of your plants!

Your plant will tell you how it feels as its living condition change.


/ Understanding user /

The project started from one of our teammate's personal experience, but we didn't want to restrict our selves by our own thoughts. After interviewing 20 people with planting experience, aged from 16 to 58, we began to have a clearer idea about who our target users and summarized three personas. Apparently, the third archetype "the professional veterans" actually don't need extra help on raising plants, however, we could actually make use of his willing to teach and share and turn him into a fan.

We did an affinity mapping to synthesize our findings so as to took a closer look at the detailed user needs.


/ Ideation /

With personas and key user insights in mind, we started to brainstorm potential solutions. We tried to push ourselves think outside of box and generated as many crazy ideas as possible at the beginning, and then prioritized ideas according to the hierarchy of user needs, feasilibty as well as the ease of use in real scenarios.

There were three "finalists" of our concepts:

Wait, if a mobile solution is our major direction, what are the existing products that might have similar functionialities? Why aren't they working? Before finalizing our concept and feature selections, I spent some time discovering exisiting solutions in the market. Though there are various mobile apps that either provide plant recognition functions or platforms for plant keepers to share and discuss, few attempts have been tried to track real-time conditions of the plants people raise. More importantly, despite the rich data, professional tips available online right now are usually too technical that novice users find it tedious to understand and remember.

After discussing the solutions with engineers and taking technical & time constraints into consideration, we came up with the final concept:

/ Design, Test, and Iterate /

Our design process started from building up information architecture and sketching out key screens.

There were three major challenges for our initial design:
    1. How to provide simple but precise instructions? How detailed it should be? In what format?
   2. How to remind users when actions are needed? It should be completely automatic or set up by users manually in the first place? What would the reminders be like?
    3. How to add more human elements in the application? How motivate users document their planting history or share their thoughts? Considerations include how to balance the needs of sharing to friends and keeping it personal.

We had disagreements on some of the features, so we decided to present the low-fi design alternatives to users and hear their voice:

Paper prototypes were used to quickly collect users' feedback.

The overall flow and screens have been iterated based on the feedback we collected..

/ Hi-Fi Prototype /

I want to shout out to the designers and developers in our team, who have realized tha minimal viable product with hardware communicating to the software. I also learned a lot through collaboration with front-end developers. Time was limited, but we made it to present the design outcome in the Convergence Innovation Competition and received many positive feedback from the judges in terms of design and development. It's a pity that we didn't win the game in the end. It was a competition for business ideas, so we really need to think beyond user experience and consider more about a sustaianble business model for the product.


There are still many improvements to be made if we want to make it a launchable product. I kept iterating the design after the competition ended. The following changes were made based on feedback I received when showing the previous design outcome to some new users.

Distinguishing the two connecting steps by clearer animated indicator

"Connecting sensor to the mobile phone" and "Linking the sensor to the plant" are two sequential steps in the app, however, the previous version has an illustration that shows a potted plant with a sensor at the beginning. This makes users confused, as it gives out a wrong impression that the user have already linked the sensor to the plant. Illustrations are not simply for aesthetics, they convey meanings.

More perceivable information and consistent format

In previous design, the plant detail page looks very different from the other screens by using a unique card style. This is against the principle of consistency. Also, the three thumbnails on the detailed search result page lack legend, users need to guess what it means. Therefore, I reorganized the information on this screen and followed proximity priniple in Gestalt laws. Never assume users would know exactly what you mean without any explanations.

Repeating the exact species information to help users memorize

In the old version, users lose track of their plant's species name after they entering the status page, unless they tap on the "guide" button. Such incontinuity actually goes against our education purpose, as tapping on "guide" button is an action of relatively low frequency. Repeating the species name help to retain informtaion in users brain. Therefore, I added a title section in the detail status page. Also, it makes the design across screens more consistent.


Looking back to the design, I began to wonder the actual feasibility of plant personification. It is true that animated scenarios make the product more lively and interactive, and all our test partcipants expressed their love to these cuties. However, the major challenge of visualizing plants is that there are just too many species and kinds! They have different leaves, stems and flowers. If we cannot make each illustration identifiable and self-explained, will they become misleading? I don't think I have a clear answer for myself yet. Sometimes I will struggle between the efficiency of use and emotional effects. I want to decrease the "machine" feeling of digital products and amplify the warm human aspects. Maybe this is also where the charm of design lies: the road to becoming a better designer is a thorny journey of learning how to balance, what to "give up" and what to "insist".

• • • Explore more projects • • •