Project Team Members - University of Virginia

advertisement
Touch Screen Drive-Thru
Interface
SYS 323 – Human Machine Interface
Group # 9 Final Report
Eudiamonea Inc.
Members
Colin Thomas
Julia Fleming
Fernando Hannaka
Linda (Hye-Won) Song
Michelle Wong
Date Submitted December 5, 2001
Solve problems with creative minds.
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Table of Contents
Project Team Members .................................................................................................... 2
Introduction ....................................................................................................................... 2
Project Goals ..................................................................................................................... 2
Intended Users ................................................................................................................... 3
Intended Functionality ..................................................................................................... 3
Background research/market assessment....................................................................... 4
Intended Platform ............................................................................................................. 5
Prototype Development .................................................................................................... 5
Program Functionality ..................................................................................................... 5
Main Order Screen .......................................................................................................... 6
Changing the Order ....................................................................................................... 10
Confirming the Order .................................................................................................... 10
Usability Test Results and Changes .............................................................................. 11
Future Steps ..................................................................................................................... 12
Conclusion ....................................................................................................................... 13
1
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Project Team Members
Eudiamonea, Inc.
Colin Thomas
Julia Fleming
Fernando Hannaka
Linda (Hye-Won) Song
Michelle Wong
Introduction
The Department of System and Information Engineering at the University of
Virginia contracted Eudiamonea, Inc. to improve existing services that use or may use
electronic systems. We, the members of Eudiamonea, Inc., carried out background
research in many different fields, such as automotive, culinary, and entertainment, to find
possible areas of improvement. Our team decided that the current drive-thru service
needs better efficiency. This could be accomplished by using a touch screen interface
instead of the current voice system. This report will cover the goals, background
research, functionality, prototyping, usability testing, implementation, and future steps in
the design process of the new drive-thru interface.
Project Goals
Eudiamonea recognized the need to improve the process of ordering food at a
drive-thru window of a fast food restaurant. The current drive-thru system has several
drawbacks that our team tries to mitigate and will allow customers to have direct control
over making and changing their orders. The team decided to implement a touch screen
interface drive-thru system with the ultimate goal of providing users with a food-ordering
interface that is consistent, intuitive and easy to use.
With the current drive-thru system, consumers need to speak through an intercom
to place their order. Miscommunication between the customer and the server can cause
erroneous orders and confusion, in addition to the fact that people may feel self-conscious
when speaking to a box. The new drive-thru interface eliminates these problems. The
drive-thru interface also attempts to improve the ordering speed. Present systems require
that a server be present to take an order. Often times, a driver must wait for a server to
appear, resulting in inefficiency. With our computer drive-thru interface, drivers can
automatically begin ordering food without the need to wait for a server.
Our system can be implemented in any restaurant that offers a drive-thru service.
For this project, our team decided to use McDonald’s as the restaurant because of its
recognition and well-known drive-thru service. Therefore, the following pages will
describe the design process, implementation, problems and advantages of the
McDonald’s drive-thru interface; nevertheless, all these aspects could apply to any other
restaurant.
2
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Intended Users
McDonald's is the largest and best-known global food service retailer with about
28,000 restaurants in 121 countries, serving 45 million customers each day
(http://www.mcdonalds.com/corporate/index.htm). The intended users for our drive-thru
system are novice and casual users who are able to drive (age over 16 in the U.S), and
seek quick quality service restaurant. Our system is developed to accommodate people
with all different levels of knowledge in computerized systems. Since McDonald’s is
very popular in many different countries, our intended users are spread all over the world.
Intended Functionality
The drive-thru interface is designed to provide customers everything they need to
order their food. Note that users must still pay and pick up their order at the window. The
following gives an explanation of what our systems allows the user to do.

Two Screens
The drive-thru system will have two screens. One screen will show a read-only
current order and balance due; this is the “Current Order” screen. The second screen
is a ‘touch screen’ that allows users to place, change, start over, and submit their
order. This is the “Order” screen.

Real-time updates
As customers perform their orders, the read-only “Current Order” screen will
automatically update the balance due, and list the food item ordered, along with any
customizations. Customers will be able to see these changes and updates as they are
being made on the screen.

Cancellations
Our system allows users to cancel any particular item they have ordered and also
allows users to omit any condiments they do not wish to be included in their meal.
Users can also add back a condiment after they have cancelled it

Accessing the “Current Order” screen
Users can modify their orders by accessing the “Current Order” screen through the
“Change Order” button located on the bottom of the screen. By touching this icon,
the information from the “Current Order” screen will appear on the “Order” screen,
where the user can now perform activities such as canceling or changing food items.

Order Screen
The majority of the ordering process occurs on this screen. The menu options that the
fast food restaurant provides will be listed under different categories across the top of
the screen. To prevent users from having trouble finding food items, the menu items
are grouped under different food groups, in addition to other options such as
“Combos” and “Desserts.” The bottom row of the screen will allow users to submit
final order, access the “Change Order” screen, start over, and even ask for assistance.
3
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Both the top and bottom row icons will be visible throughout the ordering process.
These buttons provide quick and easy navigation through the system. They also give a
point of reference to prevent the user from getting lost. As users select the menu
options, the center of the screen will display pictures of the food item, along with the
food name and price, under the chosen category. Touching an item’s “Add to my
order” button allows users to add that item. Our system enables the user to select the
size of the food item, and if relevant, the flavour of the food item (for example, Coke
vs. Sprite). If users ever forget to select any of the above, a window will appear
reminding them to select what they forgot.

Help Instructions
Eudiamonea is aware that not everyone is familiar with how to use a computer
interface, and thus, an assistance button is provided to allow users to speak with
someone working inside the restaurant for help. Secondly, step-by-step instructions
appear on the bottom of the screen to help direct the user, especially those using the
interface for the first time.

Submit Order
When users are ready to submit their order, all they need to do is touch the “Submit
Order” button. A final screen will appear informing them to drive around to pay and
pick up their order.

Languages
The system will be available in both English and Spanish. The user selects the
language at the start.
Background research/market assessment
Before the system was implemented, our team conducted research to see if other
companies currently use fast food systems such as the Eudiamonea designed. It was
found out that a gas company, Sheetz, implemented a similar system to expedite food
order in its convenience store. Other models and ideas that were used in implementation
of our interface were the drive-thru ATM machines.
Additional research also revealed that 65% of McDonald’s businesses come in
through drive-thru
(Source:http://members.bianca.com/mthreads/laydee/posts/98/02/27/33438.html),
highlighting the need for an efficient and user-friendly ordering interface. Possible
research that would have been conducted was a survey of food items that customers at a
particular restaurant prefer. This would have allowed us to group favoured items in
distinct or visible areas. Because the model restaurant was McDonald’s, Eudiamonea had
a general idea of the most common foods ordered. If another restaurant wanted to use
this system, the team would have conducted research in the form of a consumer survey to
strategically place well selling items.
4
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Intended Platform
The drive thru interface is designed to be installed locally at each restaurant that
would choose to use it. Although the interface could be modified for various other
platforms (web, palm etc.) it is unlikely that such a modification would be profitable
given the intended use of the program.
Prototype Development
Eudiamonea chose to create the new drive-thru interface using Microsoft Visual
Basic Studio because the interface mainly consists of graphics and buttons for which
Visual Basic was especially designed. The new drive thru interface is designed to run on
a local computer at each individual restaurant, so the team chose Visual Basic over webbased languages with similar capabilities. The graphics that appear in the interface were
obtained from various commercial websites. In the event that this system is publicly
implemented, permission must be obtained to use these graphics.
Development of the current prototype occurred over several months. The team
began by brainstorming various problematic interfaces it had encountered in everyday
life and possible improvements to these. Upon the team’s decision to pursue the drivethru ordering interface individual members storyboarded their images of the new system,
and the team together culled from these ideas the initial components of its first prototype.
The team began coding an evolutionary prototype rather than committing more
time to further storyboarding because of the ease at which the prototype could be created
in Visual Basic. This prototype was tested by team members over a period of weeks and
improved in areas that the team deemed unclear or difficult to use. Subjects outside of
the team then tested this prototype and further improvements were made. The final
prototype presented with this report is the result of multiple iterations of testing and
redevelopment.
Program Functionality
Start Up
At start up, the user is greeted by a welcome message and two language options
on the Order screen. [In the actual executable, another button is present. This button is
used to view the read-only Current Order screen and is for demonstration purposes only.]
The read-only Current Order screen is located to the right of the Order screen and is
angled toward the user for better visibility. To continue forward in the program, the user
selects one of the two language options: “English” or “Espańol”. Once the user selects a
language, the main order screen is displayed. [In the executable, selecting “Espańol” will
only change the captions on the category buttons, the function buttons, and the initial
directions in the main window.]
5
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Main Order Screen
The Main Order screen is divided into 4 parts: the main window, the category
buttons (at the top), the function buttons (at the bottom), and the instructions (which are
located between the main window and the function buttons). There are 7 category
buttons, representing the different types of items that can be ordered. The number and
labeling of the category buttons could be changed to fit the needs of the particular fast
food chain that is buying the system. There are four category buttons at the bottom: Start
Over, Assistance, Change Order, and Finished Ordering. The Start Over button is
provided to allow the user to completely start over in case the order has become
completely messed up or the wrong language was selected. Assistance activates the
intercom and allows verbal aid to be given to those users who might need or want it.
Change Order activates the Change Order screen and Finished Ordering activates the
Confirm Order screen. The category and function buttons stay the same throughout the
ordering process, allowing easy navigation and continuity throughout the system. The
parts of the Main Order screen are the main window and instructions.
The Main Window: The main window is the portion of the Main Order screen where the
different food items are displayed. Initially, however, no items are displayed; the user is
given the initial instructions for finding items:
6
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Once the user selects a category, the food items for that category are displayed and the
button for that category is highlighted to inform the user which category has been
selected:
For each item, its name, price, and picture are displayed. For items that have multiple
prices (those with different sizes), the different prices are separated by slashes. Each item
also has a button labeled “ADD to my order” below it. To add an item, its associated
button is pressed. Doing so brings up the item’s Add screen:
7
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
The order screen has a number of different options to select from, depending on which
item it is. In the case of the McFlurry, the user selects the flavor and the size. To add the
item, “Add Item to Order” is selected; pressing “Cancel Without Adding” will close the
window without adding the item. If the user presses the add button without selecting a
size and a flavor, an error message that tells the user to select a size or flavor (whichever
was omitted) is displayed.
8
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
The order screens for sandwiches are different in that the user can select the desired
toppings and condiments:
In order to leave off a condiment, its associated button is pressed. The button is then
highlighted, informing the user that that condiment or topping is being left off.
The Instructions: Just below the main window is the instructions window. It is small
enough to not be an annoyance, but located so as to be easy to find by a novice user. In
this window, instructions for the stage that the user is at are displayed.
9
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Changing the Order
If the user changes his or her mind or makes a mistake, pressing the “Change Order”
button can change his or her order. This brings up the change order screen:
The order can be changed in two ways, by canceling an item or changing it. Pressing the
cancel button for each item will cancel that item. Pressing change brings up the order
screen for that item. The user then selects the new options for that item and presses the
Change button to change or Cancel button to Cancel. [In the actual executable, pressing
cancel removes the item. This is caused by technical issues and would not be the case in
the actual product.] Once the user is done changing the order, he or she can press
“Continue Ordering” to continue ordering items or “Finished Ordering” to go to the order
confirmation screen to complete his or her order.
Confirming the Order
Once the user has finished ordering, he or she presses the “Finished Ordering” button and
the Confirm Order screen is displayed. This screen is similar to the change order screen
except for the fact that the Cancel and Change buttons are not included. The user can
press “Continue Ordering” if he or she decides that more items must be ordered or can
press “Confirm Order” to submit the order. Once “Confirm Order” is pressed, the thank
you screen is displayed, informing the user to drive around. The Current Order screen is
still visible so the user can still view the order and the total. After a few seconds, the
interface resets for the next user.
10
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Usability Test Results and Changes
Our team carried out a usability test after having decided on the main layout and
functions of our interface. The purpose of this lengthy process was to verify our
assumptions of the users, test the main areas of concern of the design, and obtain
feedback from potential users in order to improve the interface. The following
summarizes the procedures, evaluations and changes in the system.
Four randomly assigned subjects performed two different tests. Two subjects
were given a set of items to order, without instructions on how to do so, simulating a
scenario for a novice user. The other two subjects were allowed to freely browse through
the interface. After all the subjects completed their tasks, they were asked to fill out a
follow up questionnaire and comment on what they thought of the interface. Since it was
the first usability test and early in the design process, the team thought that this simple
and inexpensive test was appropriate. The feedback obtained in the test enabled the team
to revise the drive-thru interface and make necessary changes, which are described as
follows.
The first change was to add a screen at the beginning of the ordering process.
This would allow users to select a language, for this interface there are English and
Spanish. This function is due to the great number of Hispanic customers.
There were quite a few changes made on the screen that shows up after the
language screen, the main screen. The subjects felt that it was hard to read: “Welcome to
McDonald’s” (McDonald’s was represented as the logo) since the logo was the first thing
they noticed. Therefore, we decided to write out “McDonald’s” in words and place a
faded logo as a backdrop. Also, the subjects pointed out that the message: “Select a
category (above)” was not very clear. They suggested using an arrow to indicate where
the users will find the category options. Graphical representations usually convey
information to users clearly and quickly, if well designed; therefore, the team decided to
implement this idea. The last change on the main page was to add a button that would
start over in case the user chooses the wrong language or wants to reset the whole order.
The next major modification of the system was the labeling of the menu options.
Instead of using the present McDonald’s menu labeling (e.g. sandwiches, sides) the team
chose to label it according to the type of meat (i.e. fish, chicken, burger). Problems arose
when users were trying to order “Chicken McNuggets,” which is under “sides” option. It
was not clear to the users what category nuggets belonged to.
Another feature that caused a gulf of execution was the one for
modifying an order. This feature was set up as shown on the left (see
Fig. 1), for modifying an order of a sandwich. The subjects did not
know whether the lettuce, tomatoe and onion were already in the
sandwich or not. Therefore, following one of the suggestions, the
label “Remove?” as well as the “Remove all?” and “Add all?”
buttons were removed, and the labeling was changed to “No lettuce,”
“No tomatoe,” and “No onion.” This would give less room for
ambiguity and eliminates the need for excess labels.
Fig. 1
11
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
Another problem encountered was the method of ordering
soda. When selecting soda, a pop-up window appears to
allow the user to select the size and type of soda (see Fig.
2). It was not intuitive for the test subjects to choose the
size before the type; therefore, they often forgot to select
the type. The solution was to place the size and type side
by side, the type being on the left since it is the natural
direction of reading.
Fig. 2
Throughout the designing and testing of the interface, our team has been
concerned about the colours to used. At first, red and yellow (colours of McDonald’s)
were used consistently. Also, some buttons were coloured green and red because of the
semantic meaning. After the usability testing, the team took into account colorblindness
and decided to not use green. Also, red used in the background was substituted for light
blue, which is also a colour of McDonald’s.
The final change was regarding the “Change Order” screen. This screen is
accessible at any time during the ordering to allow users to modify their current order.
The problem was that in order to continue ordering the user would need to press the
“finished changes” button. Some subjects thought that it would submit the final order.
To avoid this confusion the team decided to change the labeling to: “Continue Ordering,”
as well as adding a “Finished Ordering” button, to allow users to submit their final order.
Overall, the subjects felt that the interface was consistent, with appropriate button
sizes, and easy to operate. One major feature tested was the help instructions at the
bottom of the screen. The team understands that placing help instructions will not solve
all the problems of understanding the system. This interface is supposed to be simple
since it is designed for a novice and casual users. However, in case of confusion, some
tips on how to use the system would be beneficial. During the usability testing, none of
the users needed the instruction messages, although they noticed them. They agreed that
in case they were unsure about something, the instructions on “what to do next” would be
easy to find and understand.
The usability testing was successful and brought up many problems and qualities
of the system, of which the team was unaware. However, the test performed cannot be
generalized to the whole drive-thru user population. The test was restricted to four
engineering students of the same age group: 20-21 years, who are quite up-to-date on
technology. Also, all subjects had previously seen a sample of this prototype during a
class presentation. These conditions were accounted for in the decisions of
improvements on the interface.
Future Steps
The steps taken so far in the design process are background research, modeling
the user, designing the interface, testing within the team, prototyping, and performing a
usability test. The results so far were a major improvement from the initial ideas of the
12
Eudiamonea, Inc.
Touch Screen Drive-Thru Interface
team, and gave a better understanding of the users of the system. The next step would be
to iterate through the process, and make the necessary changes or investigations.
Due to time and resource constraints, the team was unable to complete all the
desirable features of the system. In the future, the team would like to implement an
additional function for the ordering of items, which would allow users to set the quantity
for each item ordered. Currently, the users have to repeat the ordering procedures for an
item as many times as the quantity. Another idea is to provide more options for
languages, especially in tourist locations. Lastly, implement a system so that the
customer is able to pay by credit card at the drive-thru interface. This would probably
make the system more efficient by quickening the ordering process.
Other than specific modifications, there are two other major concerns: modeling
the user and carrying out more advanced usability tests. A way to improve the modeling
of the users would be to examine in greater depth the different types of McDonald’s
drive-thru customers. This could be done though observation, statistical analysis, and
questionnaires to present and potential customers.
More advanced usability testing is essential for the success of the system. A
possible process of testing would be to build a prototype very similar to the intended
implementation of the interface and use different techniques of testing. Examples of the
latter would be to use the simplified thinking aloud method, which consists of asking the
subjects to say what they are doing and why when testing the interface, or videotaping the
subjects by paying attention to their eye movements, facial expressions, actions and what
they say.
Later on in the design process, the interface should be implemented in a few
McDonald’s around the country to observe users responses to the new system. After that
necessary changes should be made, tests done as needed, and a decision should be made
as to whether the system is ready to be launched.
Publicity of the new drive-thru system will be crucial to its success. This is
because people are usually worried about changes. Therefore, by publicizing it would
help users feel somewhat confident in using the new interface. Moreover, it might create
a positive attitude in the users towards the new system, resulting in motivation to learn
how to operate the interface.
Our team realizes that our interface will never be perfect. Nevertheless,
improvements will always need to be done to keep the users happy, and continue
competing in the market. Perfection is not our goal. As long as the users accept the
functionality of the interface, improvements will continue, and the system will get better
and better.
Conclusion
Eudiamonea Inc. has created a drive-thru interface for novice and casual users,
through a methodological and extensive design process. The team realizes that there are
many aspects to be improved in the system; which would be accomplished with more
time and resources. A copy of the project is attached to this report in disk.
13
Download