Versions Compared

Key

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

...

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.

Comparing Foods & Drinks Image Added

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, 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 wantor 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.

Usability Analysis

Learnability

It's very easy to pick up on the scrolling and viewing items. And there is a quick tutorial for the user is necessary. However, learning where items are can be a hassle to learn.

Efficiency

The user can quickly see, scroll through, and order a large amount of items. However, finding items on the menu is inefficient and scrolling through the menu can be time-consuming

Safety

When ordering, if the user accidentally clicks “Send Order,” a popup will appear asking for special instructions and asking the user if they really want to send the order. However, if the user accidentally does order the wrong thing, there’s no going back to cancel the order.

Comparing Foods & Drinks Image Removed

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.

Playing Games and Other Entertainment Image Removed

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

Paying the Bill Image Removed

to learn how to compare and filter items, since all that's required is looking, scrolling, and typing. However, it could be hard to get to the item comparison screen, since the user might not figure out they have to check items before clicking the "Compare Items" button.

Efficiency

Comparing is efficient since the user can compare multiple items at the same time. However, the user has to find all the items they want to compare and select them. Filtering items is also pretty efficient, since the user just has to type what they want filter by.

Safety

If the user clicks on the wrong products or mistypes in the filter field, it’s a simple matter to go back and correct the mistake. There are no safety concerns that we can think of right now.

Playing Games and Other Entertainment Image Added

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

Usability Analysis

Learnability

It's very easy to pick up on the scrolling and viewing items. And there is a quick tutorial for the user is necessary. However, learning where items are can be a hassle to learn.

Efficiency

The user can quickly see, scroll through, and order a large amount of items. However, finding items on the menu is inefficient and scrolling through the menu can be time-consuming

Safety

When ordering, if the user accidentally clicks “Send Order,” a popup will appear asking for special instructions and asking the user if they really want to send the order. However, if the user accidentally does order the wrong thing, there’s no going back to cancel the order.

Paying the Bill Image Added

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.

Usability Analysis

Learnability

It's very easy to pick up on the scrolling and viewing items. And there is a quick tutorial for the user is necessary. However, learning where items are can be a hassle to learn.

Efficiency

The user can quickly see, scroll through, and order a large amount of items. However, finding items on the menu is inefficient and scrolling through the menu can be time-consuming

Safety

When ordering, if the user accidentally clicks “Send Order,” a popup will appear asking for special instructions and asking the user if they really want to send the order. However, if the user accidentally does order the wrong thing, there’s no going back to cancel the order

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.

Design 3: Using a Tab-Based System

...