Interactive Prototype

Ecoceries Homepage Barcode Scanner Enter UPC Enter UPC blank directions Groceries Under Budget Groceries Under Budget Map Groceries Under Budget Map Expanded Grocery List Profile Profile Profile Profile Profile Profile Profile Profile Profile Profile Profile Profile
Local
Organic
Fair Trade
Y
N

30

Task 1 | Check Information on a Product

While grocery shopping, you want to know the nutrition information and sustainability (how far it has traveled to get there, whether it is fair trade or not, whether it is organic or not) on a fingerling potato, as well as alternative stores that you can buy the same product at, without searching through databases on the internet.

Walkthrough

  1. Click on the "Barcode Scanner" button.
  2. Since a fingerling potato is a produce item, it doesn't not have a barcode. Click on the "Enter UPC" button.
  3. Click on textbox at the top of the screen to bring up the keyboard.
  4. Click on the textbox again to enter "452169946" into the textbox.
  5. Click "return" on the keyboard.
  6. You arrive at the product info page where you see the sustainability information of the fingerling potato.

Task 2 | Find Information on a Vendor from a Farmer.s Market

There are many different choices of vendors when visiting a farmer.s market, and choosing which one to purchase goods from can be difficult if you don.t know very much about them. Use the Ecoceries application to find a nearby farmer.s market, and look up information on a vendor.

Walkthrough

  1. Click on the "Stores in Area" button.
  2. Click on the "See Vendors" Link under University District Farmer's Market.
  3. This screen lists the vendors at the U-District Farmer's Market and includes the products they sell and when the vendors will open at this location. Click on "Alm Hill Gardens".
  4. This brings up details on Alm Hill Gardens, a link to their website, and a new feed.
  5. Click on the check mark next to the vendor name to follow the vendor.

Task 3 | Find an Optimal Grocery List Based on the User.s Weekly Grocery Budget

One primary reason people give against shopping for sustainable groceries is the perceived high cost. Build a grocery list of the most sustainable combination of groceries based on your financial capabilities.

Walkthrough

  1. Click on the "Sign in" icon on the bottom tab.
  2. Enter your username and password and click "Sign in".
  3. You are taken to your profile page. Click on the "My Grocery List" button at the bottom.
  4. It takes you to a page with a list of items currently in your grocery list. To add another item, click on "Add Item".
  5. Enter "salmon" into the textbox and click "Search".
  6. Click "Add to my List" next to the best choice salmon.
  7. Click the "Home" icon on the bottom tab.
  8. Click the "Grocery Under Budget" icon.
  9. Enter your weekly budget ($30) and check "Local", "Organic", and "Y" to visit multiple stores.
  10. Click "Submit".
  11. To see details on the 2 items from Whole Foods, click on "2 items".
Search For Product Stores in Area Grocery Under Budget Barcode Scanner Sign In Sign In Search Home Back Add to List Find in Stores Home Back Find in Stores Home Back Directions Home Back Directions See Vendors Home Back See Vendor Detail Home Back Like Vendor Home Back Home Back Submit Home Back Open Details Home Back Close Details Home Back Enter UPC Scan Barcode Home Back Keyboard Popup Home Back Submit UPC Home Back Get Directions Home Back My Grocery List Home Back Add Item Home Back Home