1. Final Design
Menu Screen
Feature |
Description |
Reasoning |
---|---|---|
Tab System for Types of Foods |
Users can click on a tab such as "Appetizers" or "Drinks" to look at products that fall under those categories |
Through user testing, we have found that the tab system was the easiest and fastest method for users to browse for products. |
Search Features |
By clicking on the red "Search" tab, the user will be able to search for products from all categories using keywords/descriptions. |
We initially wanted the user to be able to search for products they want to order based on multiple criteria such as type of food (seafood, steak, etc.), price, and more. However, we found that it was too hard to implement a filtering system and it was hard to learn how to use a filtering system, so we simplified the process to a search feature. |
More Information in the Sidebar |
When a user clicks on a product, a sidebar will be displayed on the right hand side of the menu. It will display more information about the product such as nutrition facts and anything else the restaurant would like to tell the user about the product. |
One of our initial goals of this product was for the user to know more about what they are ordering than a regular user can find out using a regular menu. With this addition, we are able to keep the brief details of the products on the menu more concise while giving the user the ability to learn more about their products. |
Pop-up Notifications |
When a user adds a product to their order or adds a product to the compare list, a large black pop-up is displayed in the middle of the screen to notify the user that the action has been taken. |
When we were testing our computer prototypes, we received input that the user was not receiving enough feedback when performing an action of products on the menu page. |
Games Screen
Feature |
Description |
Reasoning |
---|---|---|
Ability to Play Multiple Games |
Once the user navigates to the Game screen, they have a variety of games to choose from and clicking on the buttons will bring them to a game. |
While waiting for food, users are often bored with nothing to do so added games to help pass the tiem. We also made the games multiplayer so that if the user was with friends, they could play the game together as a social event instead of everyone being focused on their own tablet. |
Removal of Web Browser |
We removed the web browser feature. |
While talking to our TA, he pointed out that eating out was usually a social thing, so adding the web browser would keep everyone from interacting with each other. In addition, we realized the majority of people had a smartphone and could access the internet anyways. |
Help Screen
Feature |
Description |
Reasoning |
---|---|---|
Help Screen |
Clicking on the Help screen will alert the restaurant that the user needs help and will call over a waiter to come assist the user. |
We found that users often found it frustrating trying to get a waiter's attention when they needed help, so this feature will allow them to directly signal the waiter. In addition, waiters found it difficult to keep track of who needed help and who they needed to check up on so this will signal them when a user needs help. |
Compare Screen
Feature |
Description |
Reasoning |
---|---|---|
Image and Descriptions of Each Product |
Each product on the Compare page has a picture, name, price, description, and nutrition facts for the user to compare side-by-side |
We found that users often have trouble deciding between items so the easiest way to solve that problem is to compare the products side-by-side in all possible categories to decide which item they want. |
Horizontal Scrolling |
The items on the Compare list are put side-by-side so if the items overflows, there is a horizontal scroll bar. |
We found that it was easier to compare items side-by-side instead of stacking the items vertically, which called for horizontal scrolling. |
Add to Order Button |
By clicking on the "Add to Order" button, the user can add the item directly to the order from the Compare page. |
We found that it was a hassle for the user to close the Compare page, remember which item they had chosen and find the item again on the menu. |
View Order Screen
Feature |
Description |
Reasoning |
---|---|---|
Viewing All of Your Products |
|
|
Ability to Remove Products |
|
|
View of Your Subtotal |
|
|
Pay Screen
Feature |
Description |
Reasoning |
---|---|---|
Viewing Your Order |
|
|
Tip Calculator |
|
|
Two Ways to Pay |
|
|
2. Implementation
Coming Soon.
3. Evaluation
Users
We initially specified 3 user groups that would use our interface: the older parent, the college student, and the waitress. For the older parent group, we asked one of our own parents, who isn't technology savvy and fits the group. For the college student, we asked one of our friends, perfectly fitting into this group. For the waitress group, we asked one of our friends that was a waitress, again an ideal representation of this group.
Description of User Testing Procedure
For each user, we first read a briefing to set up the situation in their minds. Next, we asked the user to complete all the scenario tasks one at a time. Two of us took notes to record what the user said and did.
Briefing
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.
4. Reflection
Coming Soon.