mcinterface user interface development project is 213 spring 2001 linda harjono saifon obromsook...
Post on 21-Dec-2015
218 views
TRANSCRIPT
![Page 1: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/1.jpg)
McInterfaceUser Interface Development
ProjectIS 213 Spring 2001
Linda HarjonoSaifon ObromsookJohn Yiu Wai Chi
1st May, 2001
![Page 2: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/2.jpg)
Heuristic Evaluation
• Performed by SIMIANS Discussion Forum group
![Page 3: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/3.jpg)
No continuous feedback on what has been ordered and the total amount
What to do with the navigation bar?
![Page 4: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/4.jpg)
Order Summary on a separate page, without item details
Can only display 6 items
![Page 5: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/5.jpg)
Solutions
![Page 6: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/6.jpg)
Special Requests - confusing
![Page 7: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/7.jpg)
Special Request - Confusing
![Page 8: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/8.jpg)
Solution
![Page 9: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/9.jpg)
1-touch shortcut to order meal with default size &
drink
![Page 10: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/10.jpg)
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
![Page 11: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/11.jpg)
Pilot Usability Study Prototypes
• Move the New Taste Menu tab
• Change button labels: QuitStart Over, Check OutPay, OptionsEdit
• 2 versions of prototype
![Page 12: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/12.jpg)
1st version
1. Instruction ‘Touch picture…’2. Direct: Size & drink choice on
main screen, no item details dialog box
3. Qty changer
![Page 13: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/13.jpg)
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
![Page 14: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/14.jpg)
Indirect •Always shows this screen when ordering an item
![Page 15: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/15.jpg)
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)
![Page 16: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/16.jpg)
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.
![Page 17: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/17.jpg)
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?)
![Page 18: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/18.jpg)
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
![Page 19: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/19.jpg)
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)
![Page 20: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/20.jpg)
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)
![Page 21: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/21.jpg)
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
![Page 22: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/22.jpg)
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!
![Page 23: McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001](https://reader036.vdocuments.mx/reader036/viewer/2022062516/56649d635503460f94a45def/html5/thumbnails/23.jpg)
Have Fun with Our Demo!
• Anyone hungry?