Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

R3 - Paper Prototyping

e 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

Design Sketch - 

Image Removed

...

on Monday. The original design is based off the dual panel concept. We took the feedback on Monday and designed and tested an additional UI over the break.

Objective

The objective of this UI is to help people with dietary restrictions safely explore the menu items offered by restuarants

Briefing

Here is the briefing we gave to users: Purpose of application: To explore the food options safely using our menu.

...

3. You realize today is a special day(permitted by your religion) so you want to eat burgers

Prototype photos - Round 1

The original prototype is based on the dual panel concept. It consists of two main windows, one to manipulate restriction, and one to manipulate the dishes.

Prototype photos - Round 2

Design Sketch - 

Image Added

 Paper-prototype - (Evan add your photos)

Observations from Monday's User-Testing

...

  • 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 switch language Button - to overcome language barrier issue.
  • 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 
      • a big green "Add item" button,
  • Add " Your Order" column. - Let user review what has been saved** 
    • When user add an item, it will show up on the "Your order" 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 button for pick-up option.
    • Add a deliver button for deliver option.
    • Order will be temporally saved to profile.