MY FRIDGE

Aqua Mosaic
cogs120banner.jpg
Faded Shapes

Project Overview

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  

Problem:

designprocess-1.jpg

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. 

"

USER INTERVIEW

COMPETITIVE ANALYSIS:

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.

Magic 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 

Wunderlist

-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.

 

Listick

-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. 

 

Supercook

-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. 

 

Keezeen

-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

USER PERSONAS:

userpersonal-1.jpg
userpersona.jpg

STORYBOARD

PROTOTYPE

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

USER TESTING

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.

SCENARIO 1

SCENARIO 3

SCENARIO 2

Screen Shot 2020-04-22 at 2.41.03 PM.png
Screen Shot 2020-04-22 at 2.40.54 PM.png
Screen Shot 2020-04-22 at 2.41.12 PM.png

No issue adding the food, but she forget to enter the expiration date

IMG_1134_edited.jpg
cogs120-paper1.jpg
cogs120-paper2.jpg
cogs120-wireframe.jpg
IMG_1136.jpg

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 

EXPIRATION DATE

Allow users to see and edit the expiration date easily by clicking the food icon.

cogs120-ui1.jpg

ADD FOOD

Allow users to add food with preset food icons.

cogs120-ui2.jpg

SUGGESTED RECIPE

Suggest users best suit recipe based on the ingredients and cook time.  

cogs120-ui3.jpg

SHARE ME 

Allow users to share their fridge with other users (will be helpful for users live with others

cogs120-ui4.jpg

SETTINGS

Allow users to set the notification date  

cogs120-ui-5.jpg

A/B TESTING

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. 

cogs120-A:B.jpg

Version A V.S. Version B

Screen Shot 2020-04-28 at 2.05.59 PM.png

This data gives us information on where our users from and their action on our A/B testing, which indicate the version users prefer.

Screen Shot 2020-04-28 at 2.06.14 PM.png

This graphic illustrates the process of user viewing our page to perform action in A/B testing.

FINAL PRODUCT

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

cogs120.jpg