You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 50 Next »

Prototype Photos


Main Screen
This is the first screen the user sees.


Main Menu
With nothing open, this is the menu.


Menu Filtering
Clicking the search button, opens
up a filtering sidebar.


Item Description
Clicking on an Item open a pop-up
menu with data on it.


Compare Menu
After checking off items to compare,
the user can view its data and choose
something to eat.


Adding Item to Order
The user adds an item by selecting
their preferences and pressing add.


Your Order
The user can view their current
selections and send the order in if
satisfied.


Games
The games page where the user
can select a game to play.


Games (Scrabble)
When playing a game, a user can go
back to the main menu by clicking
back.


Help
The user can get help by pressing
help button on the bottom.


Payment Screen
The payment screens contains the
list of items, tip calculator, and
payment method.


Payment Screen (Cash)
The cash option of the payment
screen.


Payment Screen (Credit)
The credit option of the payment
screen with a quick tutorial on how to
use.


Thank You Screen
The thank you screen after the user
has paid.

 

 

Briefing

This is the briefing statement we gave to our testers:

Hello and thank you for help us with our project, OpenMenu! This is _____, ________, and ________.

Picture this: 

You are going out to a restaurant on a Friday night with a couple friends. When you are seated, you notice that instead of menus, your waiter has grabbed tablets instead. Your waiter informs you that the restaurant is trying out a new electronic ordering system. The purpose of this new ordering system is to make ordering and waiting at restaurants faster and more efficient and to entertain customers while waiting for their orders to arrive.

To help us test the system, we're going to ask you to do some scenario tasks.

Scenario Tasks

#

Title of the Task and Statement to User

Steps of the Task (For our personal use)

1

Viewing and Ordering Foods

You and your friends were just seated by a lovely waitress at Mama Mia's.
You are extremely hungry and want to look through choices to order something as
soon as possible. So:
- You go through the menu to order some food
- You proceed to send in your order

1. Scroll through the menu
2. Move between tabs
     -Drinks
     -Appetizers
     -Entrees
     -Deserts
2. Click on each item for more information
3. Add and remove items from their order
4. View your order
5. Send in their order

2

Play Some Games 

You and your friends just ordered some delicious food from Mama Mia's. In the mean
time, you and your friends notice that there are games offered on the device. So:
- You go and browse through the games
- You choose to play Scrabble with your friends

1. Navigate the game screen
2. Click on a game
3. Play a game
4. Go back to the main game screen

3

Pay the Bill

You and your friends just finished your delicious meals and everything was wonderful. Only thing left todo is to pay the bill. So: - You pay the bill

1. View the bill
2. Add tip
3. Choose to pay with cash or card
4. Pay the bill

4

Filter and Comparing Foods 

You and your friends are very impressed by the number of items on the menu, but some want beef while others want seafood. So: - You filter the items that appears to suit your preferences.

1. Filter the menu based on certain specifications
     -Price
     -Nutritional Facts
     -Ingredients
2. Search for items
3. Compare items side-by-side

5

 Ask for Help

You and your friends have just spilled a drink accidentally and really need help fromthe waiter/waitress. So: - You get help

1. Click on the help button
2. Search through the help on the device
3. Call your waiter over for help

6

Do the Tutorial (Iteration #2 task only)


You are slightly unsure of how the new device and system works and decide
to first go through the tutorial. So:
- You do the tutorial

1. When the system starts, click on
the tutorial button
2. Complete the tutorial

Observations

Prototyping Iteration #1 Notes

User

Description (Abridged)

Lessons Learned

1

Task: Viewing and Ordering Foods
1. User opened screen with ease by touching the center of the device.
2. User stares at the screen for a couple of seconds and says that he is very
confused with the split screen (Compare and Menu).
3. User clicks on the second item he sees on the sliding boxes of items.
4. User sees the item in the compare screen.
5. User is confused why it wasn't added to his order.
6. User clicked on another item (third) and sees it on the compare screen again.
7. User stares at the screen for a couple of seconds and notices the add to order
button in the compare screen.
8. User says that is very confusing and should be separated.
9. User finishes his order and thinks he's done.
10. User does not realize that he has to go to the order tab to send his actual order in.
Task Presented: Play Some Games
1. User did well with opening the the main screen.
2. User paused on the main menu for a couple seconds.
3. User immediately notices that its a tab systems and shows signs that
it was not his preferred way for navigating.
4. After a couple seconds he opens the entertainment tab.
5. He states that he likes the big buttons for the games because its easy
to find and open.
6. He finds scrabble and opens it. He says its a good multiplayer game.
7. We simulate him playing with a computer by manually drawing in data.
8. We play through a couple rounds for approximately 5 minutes.
9. He tells us he is wondering about the status of his meal. Which he doesn't
see in the game view.
10. The tell him the waiter came and gave him his order.
11. He finishes.
Task: Pay the Bill
1. User found it easy that he needed to click on the Payment tab.
2. User is surprised by the tip calculator and found it helpful. He says its "…easy
to use and doesn't require to much effort."
3. We forgot to prompt the user of how he should pay (oops), so he independently
chooses to pay by credit.
4. User sees the "Swipe Credit Card" screen and starts looking for the slot on the
right hand sign of the tablet (where the arrow is pointing to).
5. User swipes and signs the receipt.
6. User says, "Ha, that was pretty easy."

 

2

 

 

3

 

 

Prototyping Iteration #2

User

Description

Lessons Learned

1

Task: Do the Tutorial
Task: View and Order Foods
Task: Filter and Compare Foods
Task: Ask for Help
Task: Play Some Games
Task: Pay the BillTask: Do the Tutorial

 

2

 

 

3

 

 

Prototype Iteration 

After the first prototype iteration, we noticed a lot of key flaws that caused our prototype design to change.

Switching from a Tab System to a Button Navigations System

One of the most common responses we got was that they did not like our tab system. Some users though that it reminded them too much of web browsers or settings tabs on computers, so they don't "feel" like they were using a virtual menu. This issue was not noticed when we switched to using buttons as navigations system.

Displaying More Information when Browsing

Users would like to know when their food was coming and when they are playing games they want the information to be displayed somewhere. We decided to make the system more efficient by displayed a mini info window in the games in the up right that displays important data like time and estimated food arrival time.

Adding a Tutorial Button on the Main Screen

One of the users suggested that we added quick tutorials to make the learning curve of the device better. We omitted it in the initial prototype under the assumption that it was unnecessary, but we decided to add it to the second prototype. We did get advise they we should avoid video tutorials and use interactive tutorials. We added the extra task of viewing the tutorial and got good feedback on it. It said it helped them learn of features they did not know available.

The Compare Feature is Hard to Use

We are having a difficult time teaching users hows to use the compare feature, since they have to make a list of items they want to compare. At first, we sued check boxes but users were unclear whether the check boxes meant added to their order or to the compare feature. During the second round of prototyping we chained it to a "Add to Compare" button would received better feedback, but it was still taking users a long time to use it. We need to make it more intuitive to use for better learnability, easier to add items to the list for better efficiently, and make it more noticeable when users have added it to the list for better efficiently. 

Description of Product on Adding to Order Confirmation

On our first design, we added a pop up when users were adding items to their order where they can customize it and leave a note for the chef. However, one user suggested that since we have so much tablet space, we should display the item description somewhere so that the user can make sure its the item that they wanted. This makes it easier for the user to read the description while adding it to the order for better efficiently and safety by making the users more aware of what they are doing so they don't make errors.

  • No labels