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

Scenarios, Competitive Analysis, and Preliminary Design

Saifon's Design

Here are some assumptions for the design:

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