Storewell
This project was done as a submission for the course INF 385C Human Computer Interaction under the professor Jacek Gwizdka at the University of Texas at Austin, in collaboration with Yuan-Li (Lili) Huang, Monika Agarwal and Vignesh Sankar.
My Contribution
Research
Design
Aim
The Process
Preface
Research
Market Research
NoWaste
Organize food & expiration dates with ease.
Inventory lists for your freezer, fridge and pantry.
Sort your food by expiration date, name or category.
Search and find your food in seconds
Synchronize and share your lists with your family
FridgePal
Quickly add products to the inventory.
Add/Edit product details to the inventory by mentioning things like product name, image, type, expiry date and quantity.
Olio
Food sharing application which enables users to pick up and safely redistribute their surplus food to local communities
User Research
Survey
What was in the survey and why was it done?
Understanding the user’s habits around grocery buying and usage of food and beverage, was the main aim of the survey. Through the survey, we hope to get a grasp on their current pain points, how they solve the problems (or not) and find the gap that we can fill in. The survey can also help us prioritize users’ needs and narrow down the project scope, rather than populating the application with all possible features in the initial concept document.
What we learned from the Survey?
Interviews
What is the interview about, and why was it conducted?
From the interview, we aim to gain a deeper behavioral understanding of the participants, especially on users’ grocery buying, usage, cooking habits, and their pain points relating to the whole experience. Additionally, we will compose WAAD and the flow model diagram based on interview data, and form future user personas and user journey maps.
Learning Sessions
We just wanted to learn how users are already buying and stocking groceries, we talked to a couple of people and tailed how they performed these actions. Learning from users in these methods would help us incorporate their habits into our platform, there are things we all do without thinking about them.
Quantifying our Research
Work Roles
Multiple work roles were created based on the learnings from the interviews and the WAAD diagram, based on these work roles the work space was defined before planning the usage of the application.
Physical Model
One thing which was found important was the physical presence of the user in the system and the model to find the user journey in the physical space was created.
Flow Model
The user journey was planned along the system by marking all the areas of interaction, features and how all systems interact with each other in the user journey.
Personna's
Kaylee
An international student, this is her first time away from home. We built her persona, based on the fact that she has just moved to a new country, learning about the new culture, geography, food preferences and academic style. Kaylee did not have any prior experience or knowledge in cooking or storing food. She found it difficult to buy groceries by herself or knowing how to store purchased groceries for the best shelf life. Her main concerns about her groceries are their economical and nutritional values. She has observed that ends up throwing a lot of food as she doesnt have experience with optimal portion sizes.
Joe
A student athlete. He is a grad student at UT Austin, due to his arduous academic schedule, he is unable to find time to focus on his diet. Joe is someone who is focused on maintaining a balanced diet and on keeping his body healthy and fit. Joe is also unaware of the meals that can be prepared at home and hence ends up spending a lot on restaurants.
Defining Storewell
Metaphors
As per the survey, it is observed that grocery shopping and stocking is an ‘experience’ for a lot of users. Using this finding, we want to incorporate simple things in the app that would let the user relate to that shopping experience, for example - we will call it the ‘shopping list’ instead of note making, groceries will be called ‘stock’ because people stock their groceries.
The UI of the stocking list would be such that it replicates the ‘fridge shelves’ to give the user more relatability.
Creating stories around what the project signifies
Wireframes
Low Fidelity Prototype and Pilot Testing
Create your grocery shopping list
Description: Users plan their groceries before going for grocery shopping.
Scenario given: You are out of groceries and need to make a shopping list for planning the same.
Imperative sentence: “To plan your grocery list, please open the app. Create your shopping list on the application.”
Create your bought items stocking list
Description: Once users have completed their shopping, they add new stocks to the application by scanning or adding manually.
Scenario given: You bought your groceries and need to make a stocking list for noting down what you’ve bought.
Imperative sentence: “After buying groceries, please use the application to input the purchased items.”
Find storing/stocking tips
Description: Once users have updated their stocks in the application, they can explore stocking tips for the best shelf life.
Scenario given: You have bought a lot of items from the grocery store, however do not know where/how to store them.
Imperative sentence: “Please open the app and find tips to stock your purchased items.”
Find meal recipes
Description: Once users have updated their stocks in the application, they can explore recipes based on their stock availability.
Scenario given: You want to make some meals and find some recipes based on the available stocks.
Imperative sentence: “Please open the app and find recipes based on your stock availability.”
Find food banks
Description: Users can explore nearby food banks to share or donate extra groceries.
Scenario given: You have bought extra items or overcooked, please find a way to share it instead of throwing away.
Imperative sentence: “Please open the app and find food banks near you to share excess food with.”
High Fidelity Designs
Color System
Components and Icon System
Final Design Screens