...
We did 2 round user-testing. We choose to focus on our Dual-Window Design for user testing.
Prototype photos - Round 1
Prototype photos - Round 2
Briefing
Here is the briefing we gave to users: Purpose of application: To explore the food options safely using our menu.
...
- Unify preference/restriction editing menu
- Instead of X/neutral face/happy face, use 'disgusted' face/happy face/excited face
- Use clearer categories than 'grains/fat/protein' (where are peanuts?)
- Drop check-box interface entirely
- Perhaps preserve 'restrict all' button?
- Use same interface for 'edit
- Clarify how to switch between menu and restrictions
- Big, eye-catching arrow
- 'Directional' for consistency; the menu is to the 'right' of the preference restrictions
- Remove ability to edit 'generic' preferences from menu viewing; only list selected items. Decrease UI clutter
- Using 'leading' phrases to indicate what to do: "what can't you eat?", etc.
- Add 'undo' button to indicate actions are reversible; grayed out when no actions are possible
Modified Revisions - (Wei added / feel free to edit)
- Ignore the "preference" option and focus on the restriction - to avoid confusion.
- put the restriction and the menu on the same page - improve visibility, enable direct manipulation
- Add registration option / Save button, in case the user wants to build a profile - Improve efficiency .
- If the user click the save button, she sees a sign-up/login page, which enable her to save the restrictions to her account .
- Strike through the ingredient when it's checked/clicked, also change the color of the chosen ingredient to red - add visual cue to the chosen restriction ingredients.
- Use small user-friendly pop-out window, while darkening the rest of the page - To let the user to check the ingredients more thoroughly.
- small window contains:
- with list of full ingredient
- input field for possible special instructions, and
- a big green "Add item" button,
- small window contains:
- Add "Saved Item" column. - Let user review what has been saved
- When user save an item, it will show up on the "Saved Item" column.
- Show price for each item, and also show subtotal,tax and total price.
- Remove option (a red cross icon) shows up when an item is clicked.
- Add a green Print button.