Purpose: Develop an app that solve food waste problem by encouraging people to cook at home
Team: Tsai-Ying (Sabrina) Chuang, Christie Su, Rachel Luk
Time: 10 Weeks
Tool: Photoshop, XD, Figma, Html, CSS, Boostrap, JQuery, Json
*Define problem, Research Issue, Wireframe Prototype, Interview, User Testing, Analyze Data, A/B Testing, Develop Web and Mobile App
People nowadays are so busy with their life that most of the time they can’t keep track of their foods in the fridge and end up throwing them away after the expiration. Moreover, when people go shopping they often forget what they have in the fridge or don’t know what their housemate already bought and accidentally bought redundant foods. The other issue causes food waste is that people don’t have time to find the best suitable recipe with the food they already have.
We conduct interview with 15 UCSD students about their grocery shopping behavior.
We conclude that:
1. Don't really cook at home because they don't know how to cook
2. Don't know what their housemate bought
Our target users are anyone who want to cook more in the house.
1. They can be college students who share a fridge with their housemate and will probably find the share fridge function in the app helpful, which stops them from accidentally buying repetitive foods.
2. They can also be busy parents who need to find a recipe quickly to cook for their starving kids.
3. They can also be someone who lives alone but constantly forgets to clean their fridge.
- suggests recipes based on the ingredients that the user has in their fridge and pantry. -adapting to the recipe and having variations in the recipes depending on what the user
- can’t share with other users
-lists that the user creates can be used to stay organized in many different situations, extending beyond just items in a fridge.
-not intended for kitchen/pantry food.
-allowing them to create lists and plan ahead before going out.
-allow users to know what is available in the stores that they visit, rather than having a general list of ingredients that is needed.
-select the ingredient and items you already own and search for recipes that contain the ingredients.
- filter and narrow down search with particular categories of food
- lacks the functionality of expiration dates reminder.
-itemize the ingredients that the user has in the fridge, provide recipes based on the category of breakfast, lunch, and dinner,
with the additional features of having a barcode scanner, shopping list, and even a suggestion for recipes
low fidelity paper prototype & wireframe prototype
First Prototype : visual graphics representation of food.
Second Prototype: type in list form with search tool
Heuristic evaluation with five interviewers:
1. Most prefer more visual prototype
2. Find search tool helpful
Users were asked to perform several tasks to explore the full function of our app.
1. edit input & remove food
2. adding food
2. sharing with other users
3. setting the notification setting.
After finding the recipe, she is wondering around where the go back button is. It took her few seconds to find the go back button
We create a storyboard to illustrate how our app can apply in a real life scenario.
In our story we have a busy mom who needs to cook dinner for her kids. She doesn’t have time to do another grocery shopping or google a recipe online. However, with our app she can see what she has in the fridge and find a recipe immediately with the ingredients she already has.
No issue adding the food, but she forget to enter the expiration date
HIGH FIDELITY DESIGN
After the user testing, we make some changes to help user flows.
1. We make the function to pop out screen that users can simply tab x to get out.
2. We make all the function under side bar menu to help interface appear more clear.
3. Consistency on all the function
Allow users to see and edit the expiration date easily by clicking the food icon.
Allow users to add food with preset food icons.
Suggest users best suit recipe based on the ingredients and cook time.
Allow users to share their fridge with other users (will be helpful for users live with others
Allow users to set the notification date
We have users perform these actions with our A/B page:
A page- functions are on top of the page
B page- side menu bar with function
The result: B page is more preferable by user according to our A/B testing in google analytics where users will see both pages and ask to click the “like” button on the version they prefer.
Version A V.S. Version B
This data gives us information on where our users from and their action on our A/B testing, which indicate the version users prefer.
This graphic illustrates the process of user viewing our page to perform action in A/B testing.
Our app evolved from focusing on single user's behavior on grocery shopping to multiple sharing lifestyle. The core interaction in the app is to help users utilize foods more efficiently to prevent food waster.
The app allows:
1. Notify users when their foods are about to expire
2. Search recipes based on ingredients in the fridge
3. Share their fridge with other users
User Base: Everybody! Especially those who want to cook more at home or share a fridge with other people