Plants
Jun 2020 - Aug 2020
This is a capstone project for the University of Minnesota Coursera UX Design course. It is a group project, so we shared responsibilities and partnered using Google Docs, Adobe XD, and Slack.
The project itself is a mobile application design for documenting the collection of plants and flowers of a user.
The goal
The goal is to create an application for plant lovers, which allows users to collect all data needed to keep their collection of plants organized, with all carrying data.
App also allows users to share their plants with the community and give carrying advice.
We went through the whole UX project, starting from ideation (where we generated 100 ideas, and finally choose only one).
I was highly involved in developing the User Research Plan, focusing on questions to ask potential users. Based on our focus group response, we identified key design requirements for our application.
Low-fidelity prototypes were created and we asked out user group to do different tasks (Cognitive Walkthrough and Heuristic evaluation). This gave us a lot of information to design a high-fidelity prototype.
Tools used: Pen, Paper, Procreate, Adobe XD
User Research and Design Requirements
We created a User Research plan and invited 5 potential users for User Research. The goal of this was to find problems, which users encounter while collecting photographic data.
After collecting User Interview, we did a Research Analysis ("P3: “I tend to take a lot of photos because I like a lot to learn about different cultures.” P4: “I always have my camera with me. Any kind of photos, landscape, models, urban photos, museums….everything” – people like to take photos and it will be really useful to have some kind of organization for their photo collection. It is a modern hobby to document their travels and memories in photo format.").
We identified Design Requirements for our app:
-
Creating or appending to the document collection.
-
Viewing, reviewing, or browsing the documentation collection.
-
It is not optional, but not required, to also design an interface for editing/updating collections of documentation.
-
Easy instructions and clear visualization of how the whole process goes.
-
Intuitive format.
-
Flexibility toward the use of a variety of belongings documented.
-
Use of technological resources dated to modern times.
-
Organization to various levels (albums name, file name, file description…).
-
Flexibility towards storage (Internal storage and cloud storage).
-
Accuracy and high definition quality towards the photo taken, especially thinking about capturing little significant details.
-
Basic security options (passwords or pins).
-
Compatibility to share through other apps (WhatsApp, Facebook, Instagram, mail….).
Sketch Wireframes
Cognitive Walkthrough
Based on a Cognitive Walkthrough (5 users, 5 tasks with 4 questions each) we identified common problems that needed to be solved in our prototype.
-
The user does not understand the main icons intuitively until he touches it and receives feedback
-
The icon of “scan”
-
The icon to add an image from the gallery
-
Where to comment in the “community”
-
The icon to share the image in the “community”
-
-
Not enough feedback
-
Once the scanned plant is “saved”
-
Once the user makes a comment in the “community”
-
Once the user shares something in the “community”
-
-
The user has not so many options
-
No “edit” button
-
No “organize by” option
-
No “undo” button or “main menu” button to return to the main screen
-
No “download” button to save data in the cloud or in the device
-
No “albums” option
-
No “notification” button to see comments posted by other users
-
Heuristics Evaluation
Wirefames
Preparing wireframes for digital use...
Visual Design
.png)
