Mobile Usability

1,564
-1

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,564
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
37
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Mobile Usability

  1. 1. Mobile Usability <br />Jeff Wisniewski<br />Web Services Librarian<br />University of Pittsburgh<br />facebook.com/wisniewski.jeff<br />
  2. 2. Usability<br />The study of the relative ease with which a user can complete a given task<br />….or, in a mobile context, an interaction<br />
  3. 3. Designing for usability<br />
  4. 4. Do it right<br />Guidelines<br />Manufacturer<br />W3C<br />
  5. 5. Check your assumptions at the door<br />Mobile space is not a minified desktop<br />Less immersive than desktop<br />Context critical<br />Microinteractions versus tasks<br />Constant partial attention<br />
  6. 6.
  7. 7.
  8. 8.
  9. 9. Desktop sites<br />Designed to satisfy most/all user needs<br />Wide<br />Deep<br />Complex<br />Used infrequently<br />Stable<br />mouse, keyboard, display 800x600 or better<br />
  10. 10. Mobile sites/apps<br />Simple<br />Slim<br />Deep, drill down<br />Design to satisfy a few discrete user needs<br />VERY infrequent use<br />Fragmented hardware/software landscape<br />
  11. 11. mobile users<br />Immediate need for information<br />
  12. 12. context is king<br />
  13. 13.
  14. 14. It should be difficult or impossible to get lost lost on a mobile site or in an app<br />
  15. 15. Testing and evaluating<br />
  16. 16. What to test?<br />Functional testing<br />Interaction testing<br />User satisfaction<br />
  17. 17. Layers affecting usability<br />Hardware<br />Software<br />UI<br />
  18. 18. Hardware<br />Input mechanisms<br /> physical keyboard<br /> virtual keyboard<br /> touch<br /> voice<br />Scrolling/navigation<br /> touch <br /> trackball/pad<br /> keys<br />LOTS of significant variation in basic hardware<br />
  19. 19. Software<br />Device OS<br />Device browser (for mobile websites)<br />
  20. 20. Smartphone categories<br />Touch-Screen<br />Non Touch-Screen<br />Tablets<br />
  21. 21. Testing methods<br />Heuristic evaluation<br />Paper<br />Simulators/emulators/ desktop<br />On device<br />Field<br />Lab…sleds and cameras and capture, oh my!<br />
  22. 22. Testing methods<br />
  23. 23. Low cost, low tech<br />Paper prototypes<br />http://interactivelogic.net/wp/2009/09/iphone-wireframe-templates/<br />http://gliderguns.files.wordpress.com/2010/01/android_wireframe_templates3.pdf<br />
  24. 24.
  25. 25.
  26. 26. Html prototyping<br />Desktop<br />Mobile device<br />
  27. 27. Emulate, simulate<br />Firefox user agent switcher<br />https://addons.mozilla.org/en-US/firefox/addon/59/<br />Opera Mini<br />http://www.opera.com/mobile/demo/<br />Blackberry<br />http://na.blackberry.com/eng/developers/resources/simulators.jsp<br />iOS SDK<br />http://developer.apple.com/devcenter/ios/index.action<br />Android SDK<br />http://developer.android.com/sdk/index.html<br />Fennec emulator<br />http://www.mozilla.com/en-US/mobile/download/<br />
  28. 28. Field testing<br />“Results indicate that conducting a time-consuming field test may not be worthwhile when searching user interface flaws to improve user interaction”<br />-Anne Kaikkonen, Aki Kekäläinen, MihaelCankar, TittiKallio, and AnuKankainen<br />Journal of Usability Studies, Issue 1, Volume 1<br />
  29. 29. Field testing redux<br />“In the field-based evaluation we identified significantly more usability problems and this setting revealed problems with interaction style and cognitive load that were not identified in the laboratory.”<br />It’s Worth the Hassle! The Added Value of Evaluating the Usability of Mobile Systems in the Field -Christian Monrad Nielsen, Nordic Conference on Human-Computer Interaction; Vol. 189<br />
  30. 30. Near field advantage<br />I’m guessing many of your colleagues and friends have smartphones….test with them first!<br />Especially useful for basic functional testing!<br />
  31. 31. Functional testing<br />Mobile OK Checker http://validator.w3.org/mobile/<br />MobiReadyhttp://ready.mobi/launch.jsp?locale=en_EN<br />
  32. 32. Lab testing<br />Simulated and/or HTML prototype<br />utilize desktop computers<br />Lab devices ( you supply)<br />expensive, difficult<br />BYOP (Bring Your Own Phone)<br />recruitment challenges<br />
  33. 33. Lab equipment<br />Cam?<br />Sled ?<br />Plusses and minuses<br />
  34. 34. Automated testing tools<br />Browsercamhttp://www.browsercam.com/Default2.aspx<br />Deviceanywherehttp://www.deviceanywhere.com/mobile-application-testing-web.html<br />
  35. 35. Subjectively yours<br />User needs/wants<br />Satisfaction<br />
  36. 36.
  37. 37. Questions & discussion<br />THANK YOU<br />
  38. 38. Resources<br />A Guide to Usability Testing an iPhone app http://www.usabilitynews.com/news/article6496.asp<br />10 Excellent Tools for Testing Your Site on Mobile Devices http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/#more-4121<br />
  39. 39. Resources<br />UI guidelines<br />iPhonehttp://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html<br />iPadhttp://developer.apple.com/library/ios/#documentation/general/conceptual/ipadhig/Introduction/Introduction.html<br />Android http://developer.android.com/guide/practices/ui_guidelines/index.html<br />Blackberry http://docs.blackberry.com/en/developers/deliverables/17965/index.jsp?name=UI+Guidelines+-+BlackBerry+Smartphones6.0&language=English&userType=21&category=Java+Development+Guidelines&subCategory=<br />
  40. 40. Resources<br />Emulators/simulators<br />Firefox user agent switcher<br />https://addons.mozilla.org/en-US/firefox/addon/59/<br />Opera Mini<br />http://www.opera.com/mobile/demo/<br />Blackberry<br />http://na.blackberry.com/eng/developers/resources/simulators.jsp<br />iOS SDK<br />http://developer.apple.com/devcenter/ios/index.action<br />Android SDK<br />http://developer.android.com/sdk/index.html<br />Fennec emulator<br />http://www.mozilla.com/en-US/mobile/download/<br />
  41. 41. Resources<br />Automated testing tools<br />Browsercamhttp://www.browsercam.com/Default2.aspx<br />Deviceanywherehttp://www.deviceanywhere.com/mobile-application-testing-web.html<br />

×