You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

GR2 - Designs

Objective

Help people with dietary restrictions safely explore the food options offered by restaurants.

Scenario

Sasha browses the restaurant's menu over on FoodAware, she filters the menu by her restrictions and preferences, she sees an item, but makes a vegetarian substitution on that item, and goes to the restaurant.

Designs

We present three designs:

  1. Single Window Design
  2. Dual Window Design
  3. Shopping Cart Design

Single Window Design

The focus of this idea is on the food; details appear in an overlay when the food items are clicked on, and dietary restrictions are moved off to the side.

Pros: Devotes large amounts of space to the primary 'target' of the UI, the food itself

Cons: Might be difficult to select restrictions, both due to limited screen estate and difficulty of finding them

Dual Display:

Keep both the information of food items and ingredients on the same screen.

Manipulation of items on the food panel alters what is being displayed on the ingredients panel, and vice versa, giving high levels of feedback.

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.

Pros: High level of feedback and afforadance between the interplay of food vs ingredients

Cons: Screen space might be cluttered

Shopping Kart:

The flow here is designed to be similar to a shopping cart, with entering of dietary restrictions and preferences kept separate from food selection. We also provide here a 'summary' view at the end so that users can view all the food that they have chosen and see the total prices.

Pros:

Cons:

  • No labels