UC Berkeley CS160 Spring 2013 User Interface Design

1. UC Berkeley CS160 Spring 2013 User Interface Design FoodStuffs Ben Goldberg Tiffany Jianto Dennis Li Mukul Murthy It’s like having your fridge in your pocket! Problem Did you know that 40% of all food in America goes to waste? Every year millions of pounds of food spoils in fridges, often because it’s hidden in the back of the fridge where it is forgotten about. Target User Group Our application is focused on those that do group grocery shopping and share refrigerator space, such as college students. In addition, we believe that anyone that does grocery shopping or even uses a refrigerator will be able to benefit from our application. If every household in America kept their refrigerator this neat, there would be no need for our app. Unfortunately that isn’t the case., which is where FoodStuffs comes in! Solution Our solution is an application which allows users to keep track of their own foods and their expiration dates so that they can constantly and efficiently keep track of what they have; this way they will not forget about or confuse their food with other people’s items. The high-level purpose of this app is to allow roommates that share kitchen space to live healthier and manage their space. Design Evolution The design of our app went through many stages, starting with a simple mockup drawn up with pencil and paper. From there we created a low-fidelity prototype of our app using a piece of software called myBalsamiq. This helped us create something resembling our final interface without having to write any code. Once we were satisfied with our prototype we finally starting coding our app, which went though a couple revisions to get where we are now. The home screen for the FoodStuffs app. Initial hand drawn mockups. We had a home screen, a grocery list, and a fridge view. Low-fidelity prototype of our fridge view. This was created using myBalsamiq. Final Prototype We believe our final prototype is simple yet elegant. To add food to your fridge, you click on the “Food” button, click “+ New”, and enter in the details of that item. Adding an item to your grocery list is just as easy, and when you check an item off your grocery list you have the option of putting it straight into your fridge. To find a recipe, just open up the “Recipes” page and the FoodStuffs app will automatically recommend recipes for you using the food items in your fridge. View all the items in your fridge! Add a new item to your fridge!