Your SlideShare is downloading. ×
0
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Mobile Usability
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mobile Usability

1,484

Published on

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

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  1. Mobile Usability <br />Jeff Wisniewski<br />Web Services Librarian<br />University of Pittsburgh<br />facebook.com/wisniewski.jeff<br />
  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. Designing for usability<br />
  4. Do it right<br />Guidelines<br />Manufacturer<br />W3C<br />
  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. 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 />
  7. 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 />
  8. mobile users<br />Immediate need for information<br />
  9. context is king<br />
  10. It should be difficult or impossible to get lost lost on a mobile site or in an app<br />
  11. Testing and evaluating<br />
  12. What to test?<br />Functional testing<br />Interaction testing<br />User satisfaction<br />
  13. Layers affecting usability<br />Hardware<br />Software<br />UI<br />
  14. 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 />
  15. Software<br />Device OS<br />Device browser (for mobile websites)<br />
  16. Smartphone categories<br />Touch-Screen<br />Non Touch-Screen<br />Tablets<br />
  17. 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 />
  18. Testing methods<br />
  19. 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 />
  20. Html prototyping<br />Desktop<br />Mobile device<br />
  21. 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 />
  22. 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 />
  23. 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 />
  24. 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 />
  25. Functional testing<br />Mobile OK Checker http://validator.w3.org/mobile/<br />MobiReadyhttp://ready.mobi/launch.jsp?locale=en_EN<br />
  26. 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 />
  27. Lab equipment<br />Cam?<br />Sled ?<br />Plusses and minuses<br />
  28. Automated testing tools<br />Browsercamhttp://www.browsercam.com/Default2.aspx<br />Deviceanywherehttp://www.deviceanywhere.com/mobile-application-testing-web.html<br />
  29. Subjectively yours<br />User needs/wants<br />Satisfaction<br />
  30. Questions & discussion<br />THANK YOU<br />
  31. 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 />
  32. 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 />
  33. 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 />
  34. Resources<br />Automated testing tools<br />Browsercamhttp://www.browsercam.com/Default2.aspx<br />Deviceanywherehttp://www.deviceanywhere.com/mobile-application-testing-web.html<br />

×