McInterface
User Interface Design & Development Project
SIMS 213, Spring 2001

: Linda Harjono, Saifon Obromsook, John Yiu Chi Wai

Summary Report | Assignments | Prototypes | Presentations | Team | Vocabulary | Workload Distribution

Summary Report: Final Design

Functionality

The purpose of McInterface is to automate the ordering process in McDonald's. We achieve this goal by providing the following four main functions in our design.

Menu Selection
There are twelve food categories in the menu: New Tastes, Extra Value Meals 1-5, Extra Value Meals 6-11, Mini Meal Deals, Happy Meals and Toys, Burgers, Sandwiches, French Fries/McNuggets, Salads, Beverages, and Desserts. Users can choose to view a category by touching on the corresponding button in the red navigation bar on the left of the Menu screen (below). The individual items in that category will be displayed with their names, pictures, and prices (for an item with various sizes, only price of the medium size is shown).

Item Details Selection
Users can choose an item by touching on the "Order" button next to the picture of the item. A pop-up window, the Options screen, will allow customers to specify the details of the item, such as size, quantity, special requests, drinks, and toys.

Order Summary
The system provides users with immediate feedback of their orders through Order Summary. Each item selected by users will be listed in the Order Summary on the right of the Menu Page. Feedback on chosen special requests are shown as small icons next to the item. Users can change the details of the item later by touching on the "Edit" button, which will bring users back to the Options page mentioned above. In addition, customers can remove an item from Order Summary by touching on the "Remove" button. (See the first picture)

Payment Selection
After finishing the ordering process, users can touch on the "Pay" button to proceed, which brings them to the Payment screen. On this page, users can choose whether they want eat in or to go. Then, they can choose from one of these three payment options: ATM, credit card, and cash. Selecting a payment option will lead the users to the corresponding payment processing screen.

Interaction Flow

Below is the flowchart illustrating the interaction flow of McInterface.

What Left Unimplemented

The implementation of McInterface was constrained by some technical issues and by the scope of the project itself. In order for McInterface to be put in a real use, there are some parts of the design that need to be implemented.

1. Use of a touch-screen. We always use a mouse to simulate the 'touch' on the screen.
2. Versions in other languages. The Start page having three language options is only to illustrate how the design can accommodate several language options. We do not have our the interface in other languages.
3. Pictures of the food items. Although we tried to find food images that resembled the real menu items as possible, the current pictures still do not reflect actual images of McDonald's food items.
4. Payment process. We cannot simulate the physical actions and interactive feedback for the payment activities. For example, we could not give feedback about the validity of an ATM card's PIN number that the customers enter nor the validity of a credit card. We cannot simulate the process of inserting dollar bills. Therefore, on the payment screens, we assume that users will give cash to the machine, swipe the cards, get the appropriate feedback, and get the receipt after they finish ordering.
5. Use of graphical control components that work better with a touch-screen. As a result of using Microsoft Access to implement the prototype, we are constrained to using Windows graphical components, giving many limitations that affect our design. Currently, we use plain images for our buttons because we could not change the color of the gray Windows buttons. These buttons (except buttons on the red navigation bar) do not give feedback to a touch (They do not appear like they are being touched when they are touched)
6. We did not add more special request options as suggested by one of our test subjects. These options were "no mayonaise" and "no cheese".

Tools

In the low-fi prototyping stage, we used paper printouts to prototype the design. We used Visio to create the printouts so that we could print out several copies of the prototype.

For later stages, we used We used Microsoft Access and Visual Basic for Applications (VBA) to implement McInterface. We selected Access to be our prototyping tool for the following reasons:

After using the tool, we think that Access is a reasonable tool to use in our project given our prior knowledge of the tool although it also has some limitations that reduce the effectiveness of our design. (If we did not know Access and VBA, it might have been more effective learning and using other tools to implement this prototype) These are the list of pros and cons of our prototyping tool.

Pros:

Cons: