Plant Diagnosis App

While working on my User Experience Design certificate from Google, I created a mockup of an app designed to help diagnose health problems in plants and find remedies to those issues. As part of the certificate program, I conducted user research, created wireframes, and built lo-fi and hi-fi mockups of my design.

User Research

I conducted surveys of probable users, and then used their responses to create three distinct personas that I could use to guide the research and design phases. I incorporated real user responses into each persona. For example, one user mentioned that her cats often attacked her plants, so I made sure one of my personas was a pet owner concerned with possible pet toxins.

Wireframes

After deciding on the best approach to meet user needs, I created paper wireframes. This allowed me to quickly iterate through ideas and select the elements I liked the best. I then transferred my paper wireframes to digital versions in Figma to create simple visuals for each screen.

Lo-fi Mockups

Using Figma's prototyping feature, I turned my digital wireframes into lo-fi prototypes. I focused on the user paths of each persona I developed during the research phase.
‍
After I created my mockups, I had three users test the design to identify areas that needed more attention before moving on to the hi-fi prototype.

Hi-fi Mockups

With a final interface set, I began the work of deciding exactly how the app would look. I created a sticker sheet to ensure all of my elements were consistent and to reduce re-work should I decide to change something.

I completed one more round of user testing after completing the hi-fi mockups. Three new test users completed various tasks in the app, which allowed me to verify that the design was functional and identified future feature updates.