Versions Compared

Key

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

...

  • The green checkmark and red X are fairly universal symbols for 'OK' and 'bad', making it clear whether each ingredient is allowed or not, enhancing learnability and safety. Text descriptions allow users to ensure that pictures mean what they think they mean.
  • Cookie-saved preferences enhance efficiency, since dietary restrictions are unlikely to change over time.
    Cons:
  • Somewhat unsafe; by default all ingredients are allowed, meaning the user might forget to exclude one of their allergies/restrictions.

Dual Screen Design (Evan)

Keep a duality of views of ingredients and food items. We notice that we can also filter the ingredients by selecting the food item and listing its relevant ingredients on the side. By playing with both sides of the panel, the user can iteratively refine the search. Image Added

Pros:

  • Iteratively refines the item and ingredients by toggling between the food items and ingredients
  • The food items promote exploration, the ingredient items ensures safety
    Cons:
  • The live updates of the food/ingredient panels might be confusing to the user
  • The user might not be aware of the focus of the panel (food item ideally should have more focus)

Design for searching restuarants (Damian)

...

  • Can become a problem if patron is actively searching for a menu item
  • If multiple suggestions of the item is rejected, the patron will become impatient

Wei:

Design Sketches:

Multi-Language Design

#1. Server side can update menu, add new meal and review before submission. For patron side, patrons can save meals and review chosen meals.

To deal with language barriers, we have pictures and also multi-language display options.

     

  #2

Stored Allergies Design

. This design focus on the food safety side. People can choose allergies, and also to enter preferences, before they view the filtered personalized menu for them.

 It also use images and multi-language display option to deal with language barrier issue.
#3 Stretched Design for children.

Children Friendly Design

Trying to make the design as simple as possible while also keeping the food safety issue in mind.

Use big images and immediate visual feedback to make it affordable to children.

Image Removed

Image Removed

...

to children.

Image Added

Image Added

Group Designs

After merging our individual designs, we present these designs as a group:

  1. Patron Side: Single Window Design
  2. Patron Side: Dual Window Design
  3. Patron Side: Shopping Cart Design
  4. Server Side: 

Patron Side: Single Window Design

...

Manipulation of items on the food panel alters what is being displayed on the ingredients panel.  The same action on the ingredients panel produces a similar effect on the food panel sidesame action on the ingredients panel produces a similar effect on the food panel side.

The panels are sorted by importance, with more preferred items higher on the food side, with dangerous, and common allergens higher on the ingredient side. These importance are subject to change based on user actions, leading to a re-arrangement's of the lists.

For instance, selecting a menu item brings up the ingredients of that menu item in the ingredients panel, giving the user feedback on what goes into the dish.

Conversely, selecting a preference or restricting the ingredients filters and re-orders the menu items, reflecting the user's choices. 

Addressing the prioritizing issue, the ingredient side of the panel should be shrinked to a smaller scale, giving food item more prominence.

Pros:

  • High level of feedback between the interplay of food versus ingredients.
  • Learnability is very high because menu and food items are shown simply.
  • High level of language independence with large picture icons

...