Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

GR3 - Paper Prototyping

Index

  1. Wiki Markup
    \[Prototype Photos\|#photos\]
    • Wiki Markup
      \[Log-In\|#login\]
    • Wiki Markup
      \[Home Page\|#homepage\]
    • Wiki Markup
      \[View Meals\|#viewmeals\]
    • Wiki Markup
      \[Analytics\|#analytics\]
  2. Wiki Markup
    \[Briefing\|#briefing\]
  3. Scenario Tasks
  4. Observations
  5. Prototype Iteration

Anchor
photos
photos

1. Prototype Photos

The following photos show the second iteration of our design. (The first iteration consisted of the Home Page and Analytics of our Design #2, and the Food History page of Design #1, as seen in GR2.)

...

Anchor
login
login

Log-In


Fig 1. Log-In screen

Anchor
homepage
homepage

Home Page


Fig 2. Home Page showing two options: "Add/Edit Groceries" or "Add Meal"

...


Fig 5. Clicking "Add Meal" brings up this form. For each food item, the user types it or chooses 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.

Anchor
viewmeals
viewmeals

View Meals

Fig 6. The default View Meals page shows meals for the current week in calendar form. Only breakfast and dinner are shown in this example, since the user has un-highlighted "Lunch" and "Other" in the lower left corner.

...

Fig 7. The user hits "Month" to see a month view of meals.

Anchor
analytics
analytics

Analytics

Fig 8. The Analytics page has one graph.

...

Fig 9. The graph options: Calories/Cost, In Total/Per Food Group, Breakfast/Lunch/Dinner/Snack/Other. The calendar in the top right is a date selector.

Anchor
briefing
briefing

2. Briefing

3. Scenario Tasks

4. Observations

5. Prototype Iteration