...
Panel |
---|
The first stage is drink ordering. There is a list of drinks with pictures, pricing, and other information about each drink. There is a checkbox next to each drink to allow the user to pick what drink they want. There are buttons at the bottom of the screen that allows the user to compare drinks and send in their drink order. At the top of the screen, the user is allowed to filter and search drinks. Within the scenario After receiving their menus, John, Jane, Joe, and Julie can order their drinks without waiting for their order to come over. Usability Analysis Viewing and ordering drinks is very simple. It's very easy to pick up on the scrolling and viewing items. In addition, the user can quickly see and scroll through a large amount of items. |
Viewing and Ordering Food Screen
Panel |
---|
After they order their drinks, the food menu pops up. It is split into categories, such as Appetizers, Soups, and so on. It is very similar in terms of the design to the drink menu in terms of layout. Each food product is listed as well as the picture, pricing, and other pertinent information. Like the drink menu, there are options to filter and search the menu and there are buttons at the bottom of the screen to compare and send in the order. Within the scenario John, Jane, Joe, and Julie are able to browse through the menu quickly and select what they want. When they check on an item, they are allowed to provide special instructions so Joe can specify his steak to be prepared medium-well for example. Jane and Julie are able to filter the menu to only display seafood, and then compare seafood items side-by-side to determine what they want. |
...
Panel |
---|
Users are able to compare two items side-by-side and compare each item’s ingredients, pricing, pictures, and other relevant information. There is a back button to go back to the menu to allow the user to select which item they prefer. Within the scenario When John, Jane, Joe, or Julie have a hard time deciding which of two or three or more items they want, they can click the compare button at the bottom of the menu and it will bring up a comparison page. This will allow them to make their decisions easier and faster. |
...
Panel |
---|
The next stage is the entertainment stage, where the user will be able to browse the web or play a social game amongst the people at the table. The main view will be two icons, web and games. The web option will open a browser while the game option will open a tiled tile view of games available. Within the scenario The four friends decide to play a social word game called Scrabble while they wait for their food. |
...
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. |
...
- 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
- Learnability
- Pros
- Cons
- There's not much to learn, since it's just looking and scrolling
- Cons
- 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
- Efficiency
- pros
- Can compare multiple items at the same time
- cons
- The user has to find and select all the items
- 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
- pros
View and Pay Bill
- Learnability
- Pros
- Cons
- Efficiency
- Pros
- Cons
- Safety
- Pros
- Cons
Play Touchscreen Games or Browse the Web
- 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
- Pros
- Learnability
- Pros
- Cons
- Efficiency
- Pros
- Cons
- Safety
- Pros
- Cons
- Pros
Design 3: Using a Tab-Based System
...