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

Linda's Design

I illustrate my design using a Microsoft Visio file. The file contains a number of pages, which corresponds to McInterface's screens. Double clicking the yellow buttons on any page will bring you to another page. This feature in Microsoft Visio helps me to illustrate the interaction. In addition to this file, I also supply a page/screen that will come up when the subtotal of MyTray is greater than the McCard's value. You can view the main interaction flow chart of my design by clicking here.

I will explain how you will go through my design in each of our scenarios in the following. First, you need to open my Visio file, and click the 'Page-1' tab on the bottom, which will show you the initial page of the McInterface. I suggest that you print this webpage as your guidelines while you go through the visio file. Please note that the data and pictures in my visio files are just examples. They do not change as we go through the scenarios.

1st Scenario (For the 1st timer): 
 
Task Interaction
Jeff wants to get a new card Double-clicking on the 'Get a new McCard' button will bring him to the Select Language page
He sets the primary language to English Select 'English,' then double click the 'Submit' button. This will bring him to the Add Value page
He wants to put in $30 into his new McCard, using his ATM card Insert a debit/credit/ATM card. Input 30 on the text box, then double click the 'Authorize' button. This will bring him to the Main Menu page
He orders the BigMac combo with Coke Double-clicking the 'Combo' button will bring him to the Combo Menu page. Here, to order a combo, he can select the combo, then click the 'Add' button, which will add that combo to his MyTray and bring him to the Drink page. He can select Coca-cola, then double click the 'Submit' button, which will bring him to the Qty page. Input the Qty, then double click the 'Submit' button. This will bring him back to the Main Menu page.
He also requests for no pickle on his burger and save that request permanently Select the ordered combo on the MyTray, then double click the 'Special Request' button. This will bring him to a Special Request page. He can select the appropriate box, then select the 'Permanent' box, and double click the 'Submit' button. This will bring him to the Main Menu page.
Finally, he saves the order as one of his MyFavs Double click the 'Save Order' button, which will bring him to the MyFav page. Select a MyFav number, then double click the 'Submit' button, which will bring him to the Main Menu page.
He checks out Double click on the 'Check Out' button

 2nd Scenario (The quickest version):
 
Task Interaction
Jeff orders one of his MyFavs using his McCard  Double click on the 'Insert your McCard' button. This will bring him to the Main Menu page. Double click the 'MyFav' button, which will bring him to the MyFav page. Select one of the MyFav, then click the 'Add' button, which will add that MyFav to the MyTray.
He checks out Double click on the 'Check Out' button

 3rd Scenario (Adding McCard value and Overwriting existing MyFav): 
 
Task Interaction
Jeff uses his McCard that he purchased two weeks ago.  Double click on the 'Insert your McCard' button, which will bring him to the Main Menu page. 
He then realizes that he only has $0.50 left on the card, so he adds $10.00 to it. Double click on the 'Add Value' button, which will bring him to the Add Value page. Insert a debit/credit/ATM card. Input 10 on the text box, then double click the 'Authorize' button. This will bring him to the Main Menu page
He looks at his MyFav list, but he thinks that he is now bored with them Double click the 'MyFav' button, which will bring him to the MyFav page. 
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. Double click the 'Special Deal/New Menu' button, which will bring him to the Special Menu page. Select the Chicken Ranch, then click the 'Add' button, which will add that item to his MyTray and bring him to the Drink page. He can select a drink, then double click the 'Submit' button, which will bring him to the Qty page. Input the Qty, then double click the 'Submit' button. This will bring him back to the Main Menu page.
He also wants to order a McParfait, which was saved as his MyFav #3 Double click the 'MyFav' button, which will bring him to the MyFav page. Select MyFav #3, then click the 'Add' button, which will add that MyFav to his MyTray.
He checks out Double click the 'Check Out' button

 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. Double click on the 'Insert your McCard' button. This will bring him to the Main Menu page. Double click the 'MyFav' button, which will bring him to the MyFav page. Select MyFav #2, then click the 'Add' button, which will add that MyFav to his MyTray.
However, he wants to change the drink, from Coke, to Root Beer. Double click on the 'Coca-cola' button next to the ordered combo in the MyTray. This will bring him to the Drink page. He can select Root Beer, then double click the 'Submit' button.
In addition, he orders a McFlurry. Double click the 'Other Menu' button, which will bring him to the Classic Menu page. Double click the 'Desserts' button, which will bring him to the Desserts page. Select the McParfait, then click the 'Add' button. 
Unfortunately, the remaining value of his McCard is not enough. So, he orders the small strawberry Milkshake, instead.  A screen like this will pop up. Jeff then selects the 'Back' button on that screen, which will bring him back to the Desserts page. Then he selects the McParfait, then clicks the 'Add' button. 
But his McCard still does not have enough value for the whole order. Jeff then decides to add the value of his McCard. A screen like this will pop up. Jeff then selects the 'Add McCard's Value Now' button on that screen, which will bring him  to the Add Value page.
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."   Double click the 'Quit' button.

 5th Scenario (Different Special Request for Each Ordered Item): 
 
Task Task
Karina orders a Quarter Pounder combo with Coke   Double click on the 'Insert your McCard' button. This will bring her to the Main Menu page. Double-clicking the 'Combo' button will bring her to the Combo Menu page. Here, to order a combo, she can select the combo, then click the 'Add' button, which will add that combo to his MyTray and bring her to the Drink page. She can select Coca-cola, then double click the 'Submit' button, which will bring her to the Qty page. Input the Qty, then double click the 'Submit' button. This will bring her back to the Main Menu page.
She requests 'no tomatoes' on the burger.  Select the ordered combo on the MyTray, then double click the 'Special Request' button. This will bring her to a Special Request page. She can select the appropriate box, then double click the 'Submit' button. This will bring her to the Main Menu page.
In addition, she orders two Cheese Burger Happy Meals with Sprite for her kids, one with pickles, and one without pickles.  Double click the 'Happy Meals' button. This will bring her to the Happy Meals page. Select the Cheese Burger happy meal, then click add. This will bring her to the Toy page. Select a toy, then double click the 'Add' button, that will bring her to the 'Drink' page. Select Sprite, then double click on the 'Submit' button. This will bring her to the 'Qty' page. Input qty '1', then click submit,. This will bring her back to the Main Menu. Do this for the second time. Then, select one of the happy meals in the MyTray, then click the 'Special Request' button, select the appropriate box, then double click the 'Submit' button. This will bring her back to the Main Menu page.
Before checking out, Alex said that he wants to have RootBeer instead of Sprite.  Double click on the 'Sprite' button next to the ordered happy meal with 'no pickle' sign in MyTray. This will bring her to the Drink page. She can select Root Beer, then double click the 'Submit' button.
Karina checks out  Double click the 'Check Out' button

John's Design Saifon's Design