GR6 - FoodAware User Testing
Design -
Our application has truly evolved from the start of this course. Our central problem we wished to solve and the task scenario have remained constant throughout the project. To refresh, the central problem was that people with dietary restrictions have difficulty finding foods. Our task scenario revolves around a vegetarian that finds it safe to consume chicken perusing a menu and selecting items that he/she wants to eat.
Design follows from growth from our dual pane concept from GR2 as our base design. The central ideas of the dual pane concept from GR2 to GR3 paper prototype were:
- Allow the user to see his own dietary restrictions and preferences to ingredients alongside the menu items of a preloaded menu.
- Dynamic feedback to show the user how adding restrictions and preferences dynamically sorts and filters menu displayed to user.
From GR3 feedback we decided to incorporate into our GR4 design:
- A restaurant chooser menu to allow the user to select from menus from different restaurants
- An introductory home page describing the task descriptions for each page of our application to aid in learnability
- A summary page to print menu order selections and provide an end goal to the user
From GR4 and HW2 feedback we decided to incorporate some new additions to our design including:
- A search bar to search for ingredients from the list of all the ingredients from other restaurants to aid in efficiency
- A "shopping cart" on the menu page to allow the user to know what items are selected from the menu
- A total price display to allow the user to track the approximate bill if ordering from the restaurant
Feedback from GR5 was mostly cosmetic touches to our webpage to include:
- A consistent proceed button location between the Menu page and Restrictions and Preferences page
- Gridding issues on the menu page between the two columns of the menu column and the restrictions/preferences/cart column
- Providing for more restaurant metadata on our restaurant search page
Shown below is a photo of our introductory page with our program flow-path instructions:
Shown below is a photo of
Implementation -
We relied on functionality from Parse to implement our design in order to share data between webpages.