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.
...
Shown below is a photo of our introductory page with our program flow-path instructions:
Shown below is a photo of our ingredient preference and restriction page:
Shown below is a photo of our restaurant search page:
Shown below is a photo of our menu page:
Shown below is a photo of our summary page:
Implementation -
We relied on functionality from Parse to implement our design in order to share data between webpages. Page logic and interaction is accomplished client side and data such as restrictions, menu selections, and restaurant choice are loaded by querying a Parse account on each page load.
Evaluation -
We tested our implementation on three people. We allowed each person to choose items pertaining to their dietary restriction and tasked each user to enter their restrictions, browse restaurants and menus, and select items they would like to eat. We found users who indicated that they have food restrictions. Our users include a vegan, a chicken vegetarian, and a person who is on the paleolithic diet.
Rez - Chicken Vegetarian
...
Note:
- chicken vegetarian - user whose dietary restriction is that he cannot eat meat ingredients with the exception of considering chicken as an acceptable meat to consume.
...
Usability Issues-
...
Other Comments-
...
Kyle - Paleolythic Diet
...
- user 3 is on the paleolythic diet which means that he eats items that are what a "caveman" would have consumed. He cannot eat products that have been through processing and he cannot grains or dairy products. He was able to complete the task scenario to completion and print his menu summary for a Kale Salad order.
Briefing:
- This is a website that helps you to find online food that are safe (met your food restrictions) for you to eat.
- It is not an online ordering system.
...
Usability Issues-
...
Task:
- Enter your food restrictions
- Browse restaurant menus
- Find some dishes that are safe for you to eat
Usability Issues Observed:
Users find it not easy to learn that the buttons on diet profile page are accordions and can be expanded. (Learnability - Major)
Users kept clicking the "minus" icon, and learned what that did. It took quite long for them to learn that the button can be clicked to expand the accordian.
Potential solutions:
- Change the use of button as accordions
- Use color/visuals to enhance the indication of the accordions
Users are surprised that when they change restaurant, the previous selected dishes are cleared. (Learnability - Major)
Potential Solutions:
- Show the menu page within the restaurant page when "view menu" button is clicked, so there is a stronger indication the system is restaurant specific
Users are
...
unsure if on the restriction and preference page he was searching for his preference or restrictions (Learnability - Minor)
Contrary to our assumption that an search box would help the users to find the ingredients that they want more quickly, users often are not sure whether they should use it.
...
Potential Solution:
- One time viewable alert shown per user to show what functionality is provided for by the search bar.
...
Users wanted all the accordions to stay open "to see what I've clicked on."
...
(Efficiency, Minor)
User wanted to keep both the grains and dairy categories to both remain open so that he could scan them both to know all options were selected.
...
Potential Solution:
- Correct our accordion behavior for our categories to keep items open once they have been activated once.
Users still unsure how to "go forward" (Efficiency, Minor)
One user wondered around on the pref/restriction page for a good while before clicking on "select restaurants".
...
Potential solutions:
- Shape the "progression" button as arrows to strongly indicate progress.
- Make the button animate slightly when the system thinks sufficient pref/restriction is being added to notify the user he can progress.
Users are disappointed when not a lot of menu items show up on menu page due to over-restriction (Efficiency, Minor)
One user restricted a lot of items, and was surprised some of the restaurants has no menu left for him.
Potential solutions:
- Able to rank restaurants by number of safe dishes
- Display on the menu page the hidden items due to unsafe ingredients
Users unsure of what 'plus' and 'minus' icons mean (Learnability, Minor)
One user believed that the green plus would add an item to their restrictions and was confused when it instead added it to the restrictions. This is even after we had attached tooltip explanations to the buttons.
Potential solutions:
- Colorize preference and restriction 'wells' red/green accordingly.
- Explicitly label buttons 'prefer'/'restrict'.
Users liked how polished the UI is (good)
One user said "this is nice, so professional!"
Users chose to select preference ingredients first before filling out restrictions
This reinforces our decision to include preferences into our design because people's natural tendencies are to pick items that they want before what they cannot have.
Reflection -
Our design explanation lists our thought process from start to finish with our implementation. The guiding factor for our designs was primarily feedback from GR1-GR5.
...
Other Comments-
...
- He reinforced our decision to keep a preferences for ingredients in our model by selecting what he wanted to see more of first and then selected his restrictions on the restrictions/preferences page.
Reflection -
With extra time we would have most likely continued using our design and refining it, rather than start a fresh, all-new implementation. With that said, we have discussed further areas of improvement that we would have liked to incorporate into our design.
...