McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001

Heuristic Evaluation Performed by SIMIANS Discussion Forum group

No continuous feedback on what has been ordered and the total amount What to do with the navigation bar?

Order Summary on a separate page, without item details Can only display 6 items

Solutions

Special Requests - confusing

Special Request - Confusing

Solution

1-touch shortcut to order meal with default size & drink

Other Heuristic Problems No pictures on beverage menu Unclear meaning of button’s labels  Re-label some buttons (I.e. ‘Cancel’ to ‘Cancel Payment’, ‘Start Over’ to Done’) Confirmation on Quit button

Pilot Usability Study Prototypes Move the New Taste Menu tab Change button labels: Quit  Start Over, Check Out  Pay, Options  Edit 2 versions of prototype

1 st version 1.Instruction ‘Touch picture…’ 2.Direct: Size & drink choice on main screen, no item details dialog box 3.Qty changer

2nd version 1.Indirect: no size & drink choice on main screen, show item details window 2.‘Order’ button next to each picture 3.‘Remove’ button, no qty changer

Indirect Always shows this screen when ordering an item

Pilot Usability Study Results Indirect is more desirable – better flow (“more like real world situation”) ‘Remove’ button is clearer ‘Order’ button is preferred (people ignore instruction), but the menu page is still cluttered – suggestion for 2-page menu for Extra Value Meals Price display of all sizes may not be needed for all categories. Buttons may be better than tabs (for menu categories)

Pilot Usability Study Results It’s quite easy to find an item Request for more Special Request options, icons are good! Happy Meal Toys – separate them out! Feedback on the toy that has been selected Suggestion for abbreviated order summary on Payment Choice screen New Taste Menu & animation of new promotions should be highlighted.

Formal Usability Study Design Hypotheses: –‘Order’ button is more intuitive than ‘Touch the picture’ instruction –‘Indirect’ ordering is more efficient than ‘direct’ ordering process –It is more necessary to have ‘Remove’ buttons in Order Summary than qty changers (both have trade-offs but which one to choose?)

Formal Usability Study Factors Way of initiating an order: ‘Order’ button vs. ‘Touch the picture…’ instruction Flow of ordering an item: ‘Direct’ vs. 'Indirect' Locations of ‘Remove’ button and Qty changer: Order Summary has Qty changers instead of ‘Remove’ buttons vs. Order Summary has ‘Remove’ buttons instead of Qty changers

Formal Usability Study Response Variables The amount of time taken to order an item, remove / change the quantity of an item in Order Summary perceived by users The actual amount of time taken to perform the above tasks User’s satisfaction (interview or questionnaire)

Formal Usability Study All are between-subject factors There are only two levels for each factors Only eight combinations So, do all with 6 repetitions each (48 total)

Plan for Last Iteration Distinguish Toy Preview Replace tabs with buttons Add more special request options Fix the bugs! Consider: –Making the main menu display less cluttered –Showing French Fries in all sizes

Lessons Fewer number of touches is not always better It is extremely easy to overlook many critical design issues. Cannot focus too much on solving one problem  the solution can be in the expense of something more critical. Again, iterate, iterate, iterate!

Have Fun with Our Demo! Anyone hungry?