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:
- Single Window Design
- Dual Window Design
- 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: