GR4 - Computer Prototype (in progress)

Starting up the Prototype:

Go to this link:

http://people.csail.mit.edu/yewenpu/food_aware/foodaware/home.html

System Requirements:

Just the browser should be sufficient; the wider the better, but anything wider than 1280px or so should be fine (narrower than 1170 and the nav bar looks weird). Prototype tested on Windows/Linux/OS X with Chrome.

Tasks for Evaluation:

Please use these tasks as a basis to guide the evaluation:

  1. Enter food restrictions and preferences
  2. Find a restaurant
  3. Find food, and adjust restrictions/preferences on the restaurant menu

Incompletely Implemented and Canned Elements:

  • The user is logged into the profile 'janedoe' and cannot log out or change users
  • On the dietary restriction page, the selected Preferences/Restrictions does not carry over to subsequent pages
  • On the dietary restriction page, the user cannot save his current restrictions/preferences to a profile for later use
  • On the restaurant search page, the search result is canned and static. 
  • On menu page, the set of dishes are static, regardless of previous choices
  • On the menu page, the selected dishes are not carried over to the summary page
  • No attempt is made to prevent the user from skipping straight from preferences to the menu
  • The 'print' button doesn't work on the summary page

Implemented Elements:

  • On the restriction page, one can add/remove ingredients to the restriction/preference list, including in batches, and can clear all restrictions/preferences.
  • On the restaurant page, the customer can pick a restaurant to continue to (although the data will always be the same)
  • On the menu page, one can add/remove ingredients from the preferece/restriction lists, and the current selection is filtered/sorted accordingly.
  • No labels

2 Comments

  1. Unknown User (ssuen@mit.edu)

    My heuristic analysis for HW2: FoodAware(1).pdf

  2. Unknown User (jks@mit.edu)

    • Wiki presentation: Good instructions for evaluation tasks and prototype depth
    • Fidelity:
      • Great computer prototype, seems to cover all the tasks in your scenario (indicating dietary restrictions, finding a restaurant, browsing safe foods, and taking selections with you).
      • Lacks fidelity in look: icons on splash page, no use of gridding, FoodAware title/logo isn't prominent.
    • Usability
      • Great high level overview of the site, showing the steps you support.
      • Doesn't make sense to show the top navbar before you've started using the site.
      • On ingredients page:
        • Dynamic filtering would be useful - instead of requiring the user to browse through a list, they should be able to specify exactly what they are allergic to.
        • Use horizontal space better - the ingredient groups can be displayed in a 3x3 grid.
        • Why is egg under the meat category?
        • Group action (e.g. restricting 'meats') should move the same element to the 'Selected restrictions' list, which can be expanded there for viewing more detail.
        • You should support common dietary restrictions somehow - perhaps shortcuts that can appear in the selected restrictions list.
        • Consider supporting direct manipulation (dragging ingredients), instead of checking them.
      • Great menu browsing and summary views.
    • Graphic design:
      • Gridding should be introduced throughout the site: aligning ingredients and their associated action buttons, organization of high-level elements (restricted, preferred, and menu panes). 
      • Action buttons can be aligned, and treated as radio buttons.