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

McInterfaceUser Interface Development

ProjectIS 213 Spring 2001

Linda HarjonoSaifon ObromsookJohn Yiu Wai Chi

1st 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: QuitStart Over, Check OutPay, OptionsEdit

• 2 versions of prototype

1st 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?