...
| Panel |
|---|
From the View order screen, the user can select to finalize their meal and pay for it. It will display a dynamic receipt on the left hand side and a tip calculator on the right hand side. It can split the bill and each member can pay but credit card and/or cash. Within the Scenario After everybody has gotten stuffed, Joe clicks on the pay button and decides that he'll pay for everyone's meal since he just won the lottery and tips the waitress 31.415% using the calculator. |
Analysis
Task 1: View Foods and Other Products of the Restaurant
- Learnability
- Pros
- Very easy to pick up on how to select and scroll through products
- Quick tutorial if necessary
- Cons
- Where items are takes a little bit of time to learn
- Pros
- Efficiency
- Pros
- Can quickly see all the products and other relevant information
- Cons
- Where items are can be a hassle to find
- Scrolling can be inefficient, especially if items are at the bottom of the menu
- Pros
- Safety
- Pros
- A popup will ask for special instructions after clicking send order, allowing the user to cancel if it was an accidental click
- Cons
- If you order the wrong thing, there’s no going back, especially with the drinks
- Pros
Task 2: Filter and Compare Items
- Learnability
- Pros
- Cons
- Efficiency
- pros
- Can compare multiple items at the same time
- cons
- The user has to find and select all the items they want to compare
- pros
- Safety
- pros
- cons
Task 3: View and Pay Bill
- Learnability
- Pros
- Cons
- Efficiency
- Pros
- Cons
- Safety
- Pros
- Cons
Task 4: Play Touchscreen Games or Browse the Web
...
- Pros
- Cons
...
- Pros
- Cons
...
Design 2: Stage-Based Menu System
...
| Panel |
|---|
The last stage is the payment stage, where the user will see a list of the items they ordered, along with the price and the subtotal, tax, and total amount. On the side, there is a helpful menu with the amount of money 10%, 15%, and 20% tip is. They are given the option to add tip to their bill and the option to split the bill. At the bottom of the page, they can choose their payment form. Paying by credit would allow the user to simply swipe their card while paying by cash will signal the waiter/waitress to come over. Within the scenario On this screen, Joe and John want to split their check by couple and can easily do so with the split options. They will also be able to simply calculate the tip based on their input. Joe easily uses his credit card while John chooses to pay by cash. |
Analysis
View Foods and Other Products of the Restaurant
- Learnability
- Pros
- Very easy to pick up on how to select and scroll through products
- Quick tutorial if necessary
- Cons
- Where items are takes a little bit of time to learn
- Pros
- Efficiency
- Pros
- Can quickly see all the products and other relevant information
- Can easily order multiple items at once
- Cons
- Where items are can be a hassle to find
- Scrolling can be inefficient, especially if items are at the bottom of the menu
- Pros
- Safety
- Pros
- A popup will ask for special instructions after clicking send order, allowing the user to cancel if it was an accidental click
- Cons
- If you order the wrong thing, there’s no going back, especially with the drinks
- Pros
Filter and Compare Items
...
...
- It could be hard to find the "Compare Items" button
- User might think you can choose which item you want in the item comparison page
...
- pros
- Can compare multiple items at the same time
- cons
- The user has to find and select all the items they want to compare
...
- pros
- If you compare the wrong items, it will be easy to go back and click the correct items
- cons
- N/A
View and Pay Bill
- Learnability
- Pros
- Cons
- Efficiency
- Pros
- Cons
- Safety
- Pros
- Cons
Play Touchscreen Games or Browse the Web
- Learnability
- Pros
- Everything is spelled out for the user, so it's easy to figure out how to pay and add tip
- Cons
- Figuring out that a card swipe is needed and where to swipe might be tricky to discover
- Pros
- Efficiency
- Pros
- Possible tips are listed, so the user doesn't need to waste time figuring out how much to tip
- Cons
- N/A
- Pros
- Safety
- Pros
- Y
- Cons
- Pros
Design 3: Using a Tab-Based System
The third design we developed is based on a tab system, with the main tabs being Menu, Order, Payment, and Entertainment. The main screen will simply be an image that the restaurant wants to use as a cover screen. Quick arrows and notes will be serve as tutorials on each individual tab.
Menu Tab 
| Panel |
|---|
The menu tab is where the user will actually view, select, and compare the items on the menu. The items on the menu will be divided into subcategories. Upon selecting the subcategory, the items will appear in a horizontal scroll pane, with some basic information and its image displayed. Users will be able to use the drop-down filters to restrict the items they can view or use search for an exact item. When a user sees an item they like, they can check the box of the item. All checked items will be put into the compare selections box on the bottom of the screen, which will also be a horizontal scroll pane. Within this box, the user can quickly and easily compare items, pressing the “add to order” button if they like an item. Within the Scenario After Joe, Jane, John, and Julie sit down, they will use the device to look for items they want. Joe can instantly understand the scrolling, filters, search, and compare features and can quickly select what he wants. John, Jane, and Julie will follow the tutorial of arrows and notes and will quickly learn how the system works. Jane and Julie, since they only want fish, will utilize the filter feature to narrow the items they have to look through. |
...