Scenarios,
Competitive Analysis, and Preliminary Design
Saifon's Design
Here are some assumptions
for the design:
- There are separate menus
for breakfast and lunch, the system will display each menu depending on the
time of the day. For my sketches, I use the lunch menu.
- The touch-screen's size
is approximately 11 inches by 10 inches.
- The only navigation tool
is a human finger.
For my design, I specify
my own scheme for the screen flow that the screens that serve necessary tasks
should be in a linear pattern, using previous, next, and cancel buttons. The
screens that serve optional tasks should be in a hierarchical pattern, using
back or close buttons (if the screen is a pop-up window). This scheme is an
attempt to accommodate the quickest (no options) and the longest (play with
all possible options) ordering cases.
Note that the scheme only
serves as a guideline, not a rule, so that I still have enough flexibility in
the design.
There are a total of 8 screens:
start screen
haveMcCard screen
buyMcCard screen
language screen
menu screen
eachitem screen
checkout screen
thankyou screen
Main Interactions Flow

Screen Flows Based on
the Five Scenarios
1st Scenario (For the
1st timer):
Task |
Interaction |
Jeff wants
to get a new card with $30, using his ATM card |
Click 'start'
on start screen, get haveMcCard
screen. Then click 'yes,' get buyMcCard
screen, enter the value, insert his ATM card, click 'get a McCard,'
get haveMcCard screen again. |
He sets
the primary language to English |
Insert
his McCard, since it is his first time, he will get the language
screen. He chooses English, and then gets the menu
screen. |
He orders
the BigMac combo with Coke and requests for no pickles |
The menu
screen is default to combo category. He clicks the small BigMac picture.
The eachitem screen comes up, he
then chooses Coke and selects 'no pickles' under special request. Then he
clicks 'add.' The screen closes and the items goes into his tray. |
He checks
out and saves his request permanently and the order as one of his MyFavs |
He clicks
'check out' then the checkout screen
comes up. He then saves his request and his order as MyFav. He clicks 'confirm
order.' The thankyou screen
comes up. He can get
the receipt and pick up his food from the counter.
|
2nd Scenario (The quickest
version):
Task |
Interaction |
Jeff orders
one of his MyFavs using his McCard |
Jeff clicks
'start' and get haveMcCard screen.
He inserts his McCard, then he gets the menu
screen. He click 'add' button located after the MyFav he wants. The
items goes into his tray. |
He checks
out |
He clicks
'check out,' the checkout screen
comes up. He then clicks 'confirm order.' The thankyou
screen comes
up. He then gets the receipt |
3rd Scenario (Adding
McCard value and Overwriting existing MyFav):
Task |
Interaction |
Jeff uses
his McCard that he purchased two weeks ago. |
Jeff clicks
'start' and get haveMcCard screen.
He inserts his McCard, then he gets the menu
screen. |
So, he
browses the special deals / new menu to see whether there is something new
to try. He then decides to order the new Chicken Ranch sandwich package
and a McParfait. Then he checks out. |
He browses
the menu, then clicks 'add' button located under Chicken Ranch sandwich.
The item goes into his tray. Then he clicks 'check out. The checkout
screen comes up. |
He then
realizes that he only has $0.50 left on the card, so he adds $10.00 to it. |
He clicks
'add value,' which will bring up buyMcCard
screen. He can add money. After that, he gets buyMcCard
screen again. |
He looks
at his MyFav list, but he thinks that he is now bored with them, so he saves
his order under his MyFav#1, and finishes his order. |
He clicks
on 'save as MyFav-->#1' Then he clicks 'confirm order,' and get the thankyou
screen |
4th Scenario (Not
enough McCard value and canceling an order):
Task |
Interaction |
Jeff orders
a Quarter Pounder combo, which was saved as his MyFav #2. |
Jeff clicks 'start'
and get haveMcCard screen. He
inserts his McCard, then he gets the menu
screen. He click 'add' button located after the MyFav he wants. The
item goes into his tray. |
However,
he wants to change the drink, from Coke, to Root Beer. |
In his tray (menu
screen), he clicks on the item, the eachitem
screen should come up. He can change the soda option. |
In addition,
he orders a McFlurry. |
He clicks on the dessert
tab, clicks 'add' under the small picture. The McFlurry goes into his tray. |
Unfortunately,
the remaining value of his McCard is not enough. So, he orders the small
strawberry Milkshake, instead. |
In his tray (menu
screen), he reduces (by clicking on the minus arrow) the quantity of
McFlurry to zero, which removes the item from the tray. Then he looks for
the milkshake and add it to the tray. |
But his
McCard still does not have enough value for the whole order. Jeff then decides
to add the value of his McCard. |
He checks out (checkout
screen), and trys to add his card's value (buyMcCard
screen) |
Unfortunately,
he forgot to move his debit and credit cards from his other wallet to the
one that he brings today. Finally, Jeff cancel the whole order and order
the food from the cashier, instead." |
He clicks on
the 'Quit' button at the bottom right corner. |
5th Scenario (Different
Special Request for Each Ordered Item):
Task |
Task |
Karina
orders a Quarter Pounder combo with Coke. She also requests 'no tomatoes'
on the burger. |
Karina clicks 'start'
and get haveMcCard screen. She
inserts her McCard, then she gets the menu
screen. She goes to the Quarter Pounder combo, clicks on its small picture,
the eachitem screen comes up. Now
she can selects the 'no tomatoes' option under special request. She then
click 'add,' her combo goes into her tray and the screen closes. |
In addition,
she orders two CheeseBurger Happy Meals with Sprite for her kids, one with
pickles, and one without pickles. |
Repeats the first task
with her kids' orders. |
Before
checking out, Alex said that he wants to have RootBeer instead of Sprite. |
Clicks in her tray
Alex's Happy Meal, the eachitem screen
comes up. She changes the soda option. |
Karina
checks out |
Click the 'check out'
button. |
John's
Design Linda's Design