...
In this design, we try to mimic the view of the patron on the server side. This way, the server knows exactly how the menu items and ingredients will be presented to the user. A new item is created with a template, with its contents editable, and layout exactly the same as it would appear for the patron. Note that this is only a concept at this point, because we have not settled on a particular patron's design, and would have to mimic differently depending on that.
Pros:
- High feedback and consistency between the server and the patron. The server can best present the menu item/ingredients.
...
My UI element for menu inspection provides a text input with autocomplete to prevent spelling mistakes for both ingredients or for special known diets. These text input fields are nullable as well to prevent filtering unwanted search queries. A clear button is provided to clear entries that have been mistakenly entered. Finally, a dynamic list of available menu items is shown on the right. This prevents the user from even considering an unsafe food item choice. Ingredients are all shown in case the filter does not filter to a specific need or ingredient has synonym.
Pros:
- Safety in selection of filter categories
- Safety in selection of safe food items
...
- Menu item is not on a large display to entice user to patronize restaurant.
- Menus and forms approach might lead to learnability issues.
- No ability is provided to search for a variety of different restaurants
...
Wei
Design Sketches:
1. User can enter and save food allergies and preferences, with immediate visual feedback
...
|------------------------------------------------------------------------------------------end-----------------------------------------------------------------------------------------------------------------------------------------------------|
...
|-------------------------------------------------------------------------------------------end----------------------------------------------------------------------------------------------------------------------------------------------------|
...
|------------------------------------------------------------------------------------------end-----------------------------------------------------------------------------------------------------------------------------------------------------|
...