...
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: 
Design Alternatives Considered:
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.
...
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 vegan, chicken vegetarian, people 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.
...
He 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
...
Other Comments-
...
- .
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.
...