GR3 - Paper Prototyping
Prototype photos.
The splash screen, which summarized food about to expire, budget progress, and recipe suggestions is shown up on logging in. Users can click threw to other portions of the site in the boxes in the slash screen or using the tab navigation that is at the top of every page. 
The first task asks the user to see what food they have. This is accomplished on the food page. The food is displayed in a list, initially organized by soonest expiration date. This list can be placed in different orders, and searched. On this pages food can be deleted or it's location/expiration dates can be change. Food is also added on this pagem by clicking the add food button on the upper right.
After clicking the add food button, a box appears over the window where users can enter the food they bought. The system tries to complete expiration date, location and category. In the event on an mistake, users can overwrite the system's choices (in a text box, check box, and drop down box respectively).
The Add Food Dialog after information is entered. The user clicks Submit when he/she is satisfied.
After clicking submit, a new dialog box appears for the user to add the cost of this purchase. The user can choose not to add the cost.
Close up on the adding cost dialog.
After clicking submit, the user will see his or her new items added to Dough.
Users can manage and track their budget on the Budget page. The page graphically shows progress on the month's budget and also tells you how much to spend that week to stay on track. Below are lists of purchases (by date) and amounts.
The final page is the recipe page, where users can find recipes for specific ingredients. Meal type and special requirements are specified with checkboxes, and l food to be contained in the recipe can be selected from the list below. After making any specifications, the user clicks submit.
On the right, the window is filled with links to recipes that match the search criteria.
Clicking on any of the recipe links brings up the full recipe.
Briefing.
Dough is a web application that helps you manage your food and your food budget. You an track foods you've purchased, see when your foods are about to expire, look at how much you've spend on food, and find recipes tailored to your food supply. It is built to help you get the most out of your food purchases.
Observations.
User 1:
- Used splash page for navigation at first but then switched to tabs at the top of the page
- Carefully scanned pages before acting (studied the pages for quite a long time - other users might not be so deliberate)
- Did not notice that milk was expiring soon (should emphasize this more somehow)
- Found it difficult to calculate the amount of food left to spend this month (This was just shown as a progress bar and "you've spend $41.27/$300 monthly budget". Having to calculate $300-$41.27 puts too much of a cognitive load on the user.)
- Understood very quickly how to enter new foods but struggled a bit with "category" field. The drop down menu helped her with this distinction.
- Seemed happy that fields were filled in automatically with autocomplete even when a few errors were made.
- Changed autocomplete errors quickly
- Seemed happy about feedback of food showing up on the food page after entering purchases
- Did not pick a specific food when searching for a recipe
User 2:
- Noticed that foods were expiring
- Relied entirely on tabs for navigation
- Had trouble calculating the amount of food left to spend this month just like the first user
- Tried to add purchases on the budget page. The "add purchase" button is confusing (this is more for editing purchases - purchases should be added on the food page).
- Wanted to add purchases separately (for each food), but this may be too tedious for some users. Maybe we should find a way to do both?
- Did not pay attention to auto-complete errors (some users may rely too much on the computer's best guess)
- Confused about the "must contain" section on the recipe search page - wasn't sure what it meant
User 3:
- Very quickly scans the page and does not pay attention to details and phrasing (unlike the first user)
- Believes that milk is the only food he has (this is the only food displayed on the splash page because it's about to expire). The food section of the splash page should be rephrased so users get a better idea of their entire food supply.
- Uses tabs to navigate to the budget page but remarks, "I guess I could've clicked on food". He notices that there are multiple ways to get around the website (via splash page or via tabs).
- Available budget was not clear once again.
- Tries to add the purchase on the budget page just like the last user - this process requires clarification.
- Is happy about auto-population: "It auto-populates? Nice!"
- Did not check boxes before performing the search. He seemed to be rushing through the task.
Prototype iteration.
Observations on Second Iteration:
User 2:
- Didn't use tabs to acces food page, used manage food link from splash screen
- Confusion over budget about amount left to spend for the month and for the week. Seems like there is too much text involved in budget page
- Not enough categories of food for user.
- Didn't specify dinner when searching for food.
User 3:
- Didn't use tabs to acces food page, used manage food link from splash screen
- Confusion about adding cost of purchase. User thought it should be on the add food window, but kept going anyway and then saw it.
- User remembered to check dinner as one of the options for searching for recipe.
Scenario Tasks.
1) It's Wednesday, March 16th. Your vegan friend Bobby is coming over tonight for dinner. You log in to Dough to check what you can make.
Go to the Dough website and check what food your currently have.
2)You're face falls and you sigh dramatically when you realize you don't have anything Bobby can eat. Looks like you need to make a trip to Shaws.
Check your budget to see how much you have left to spend on your trip to Shaws.
3) Wandering joyously up and down the aisles at Shaws you find broccoli, whole grain rice, and tofu. You buy the three items for $12.45.
Add your food on the Dough site, recording when you bought it, where you're putting it (broccoli + tofu go in the fridge and rice goes in the cabinet), and how much the total purchase cost.
4)As dinner approched, you realize you can't just serve Bobby raw broccoli and rice.You need a recipe for some dish.
Use Dough to search for dinner recipes you can make with your new foods that Bobby can eat. Since your carrots are going to expire soon, make sure the recipe contains carrots.