GR3 - Paper Prototyping

Prototype photos

The Log-In

Image Added
Fig 1. Log-In screen

Home Page

Image Added
Fig 2. Home page showing two options: "Add/Edit Groceries" or "Add Meal"

Image Added

Fig 3. Clicking "Add/Edit Groceries" brings up this form.

Image Added
Fig 4. After saving new groceries, the groceries are displayed in the "Edit/View" tab. Image Added
Fig 5. Clicking "Add Meal" brings up this form. For each food item, the user types it or picks it from a select box containing all food on the food list. In the second case, the form auto-fills with the food's nutritional information.

View Meals

Analytics

Briefing

Scenario Tasks

Observations

...