Page History

...

Design 2: Stage-Based Menu

The last second design we had was one where we split the ordering into stages, with the stages being drinks, food, Entertainment, and then lastly, the bill. The user is given the option of viewing a quick tutorial of the menu.

Viewing and Ordering Drinks Screen

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.

After receiving their menus, John, Jane, Joe, and Julie can order their drinks without waiting for their order to come overText Here.

Viewing and Ordering Food Screen

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.

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 wantText Here.

Comparing Foods & Drinks

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.

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.Text Here

Playing Games and Other Entertainment

Text Here

Paying the Bill

...

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 view of games available.

The four friends decide to play a social word game called Scrabble while they wait for their food.

Paying the Bill

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.

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 how to select and compare items
  • • Quick tutorial if necessary
    • Scroll bar on the side suggests scrolling for more products
  • cons*** Where items are takes a little bit of time to learn
    •  
• Efficiency** pros*** Can quickly see all the drinks 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
• 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

Filter and Compare Items

• Learnability** pros*** Not much user interaction besides looking and scrolling, so not much to learn
  • cons*** It could potentially be hard to find the “Compare Items” button
    • User might think you can choose which item you want on the “Compare Items” screen
• Efficiency** pros*** Can compare multiple items at the same time
  • cons*** Have to find and select all the items the user wants to compare
• Safety** pros*** If you compare the wrong items, the user can just click back and click on the correct items
  • cons***  

View and Pay Bill

• learnability** pros*** Everything is spelled out pretty easily, so it’ll be easy to choose payment type and add tip
  • cons*** Figuring out that a card swipe is needed and where to swipe might be tricky to figure out
• efficiency** pros*** Possible tips are listed, so the user doesn’t have to spend time figuring out how much tip to give
  • cons
• safety** pros*** You don’t actually pay until you give the waiter cash or swipe your card so if you click the wrong option, you can undo it
  • • If you enter the wrong tip, it’s easy to fix
  • cons

Play Touchscreen Games or Browse Web

• learnability** pros*** It’s easier to figure out that to get to the web, you click on the web icon and to get to games, you click on the game icons
  • cons
• efficiency** pros
  • cons
• safety** pros
  • cons