Your SlideShare is downloading. ×
Mobile usability
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Mobile usability

2,304
views

Published on

Published in: Technology

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,304
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
53
Comments
0
Likes
3
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. Jeff Wisniewski Web Services Librarian University of Pittsburgh facebook.com/wisniewski.jeff
  • 2. Mobile Devices Harbor More Germs Than A Men's Room Flush Handle - http://www.sacbee.com/2010/10/14/3103164 /talk-about-going-viral-touch-screen.html
  • 3. The study of the relative ease with which a user can complete a given task
  • 4. Guidelines Manufacturer W3C
  • 5.  Mobile space is not a minified desktop  Less immersive than desktop  Context critical  Microinteractions versus tasks
  • 6. Wide Deep Complex Infrequent use Stable mouse, keyboard, display 800x600 or better
  • 7. Simple Slim Deep, drill down VERY infrequent use Device proliferation
  • 8. It should be difficult or impossible to get lost lost on a mobile site or in an app
  • 9. Card sort?
  • 10. Functional testing critical Task testing important User satisfaction
  • 11. Duh!
  • 12. Immediate need for information
  • 13. Desktop:  Search for flights  Search for hotel  Book Mobile:  Itinerary  Flight status  Confirmation
  • 14. Then mobile usability testing needs to be different too
  • 15. Hardware Software UI
  • 16. Input mechanisms physical keyboard virtual keyboard touch voice Scrolling/navigation touch trackball/pad keys
  • 17. Device OS Device browser
  • 18.  Touch-Screen Mobile Phones (Apple iPhones, HTC Nexus One, HTC EVO, etc.)  Non Touch-Screen Mobile Phones (RIM Blackberry Bold, Motorola Droid 2, etc.)  Quick Messaging Devices (LG Xenon, Samsung Intensity, etc.)  Tablets (Apple iPad, Samsung Galaxy, Dell Streak, etc.)
  • 19.  Heuristic evaluation  Paper  Simulators/emulators/ desktop  On device  Field  Lab…sleds and cameras and capture, oh my!
  • 20. Method Time Cost ROI Paper moderate minimal high Desktop/emulat or/simulator moderate minimal high Lab high varies high Field high minimal unclear, probably high
  • 21.  Paper prototypes  http://interactivelogic.net/wp/2009/09/iphone- wireframe-templates/  http://gliderguns.files.wordpress.com/2010/0 1/android_wireframe_templates3.pdf
  • 22.  Desktop  Mobile device
  • 23.  Firefox user agent switcher  https://addons.mozilla.org/en-US/firefox/addon/59/  Opera Mini  http://www.opera.com/mobile/demo/  Blackberry  http://na.blackberry.com/eng/developers/resources/simulators.jsp  iOS SDK  http://developer.apple.com/devcenter/ios/index.action  Android SDK  http://developer.android.com/sdk/index.html  Fennec emulator  http://www.mozilla.com/en-US/mobile/download/
  • 24. Caveat: The platform affects the usability
  • 25. “Results indicate that conducting a time- consuming field test may not be worthwhile when searching user interface flaws to improve user interaction” -Anne Kaikkonen, Aki Kekäläinen, Mihael Cankar, Titti Kallio, and Anu Kankainen Journal of Usability Studies, Issue 1, Volume 1
  • 26. “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.” 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
  • 27. I’m guessing many of your colleagues and friends have smartphones….test with them first! Especially useful for basic functional testing
  • 28.  Mobile OK Checker http://validator.w3.org/mobile/  MobiReady http://ready.mobi/launch.jsp?locale=en_EN
  • 29. Simulated Actual device(s)
  • 30.  Cam  Sled ? Plusses and minuses
  • 31.  Browsercam http://www.browsercam.com/Default2.aspx  Deviceanywhere http://www.deviceanywhere.com/mobile- application-testing-web.html
  • 32.  User satisfaction
  • 33. THANK YOU
  • 34.  A Guide to Usability Testing an iPhone app http://www.usabilitynews.com/news/article64 96.asp  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
  • 35.  UI guidelines  iPhone http://developer.apple.com/library/ios/#documentation/user experience/conceptual/mobilehig/Introduction/Introduction. html  iPad http://developer.apple.com/library/ios/#documentation/gen eral/conceptual/ipadhig/Introduction/Introduction.html  Android http://developer.android.com/guide/practices/ui_guidelines/ index.html  Blackberry http://docs.blackberry.com/en/developers/deliverables/179 65/index.jsp?name=UI+Guidelines+- +BlackBerry+Smartphones6.0&language=English&userTy pe=21&category=Java+Development+Guidelines&subCat egory=
  • 36.  Emulators/simulators  Firefox user agent switcher  https://addons.mozilla.org/en-US/firefox/addon/59/  Opera Mini  http://www.opera.com/mobile/demo/  Blackberry  http://na.blackberry.com/eng/developers/resources/simulators.jsp  iOS SDK  http://developer.apple.com/devcenter/ios/index.action  Android SDK  http://developer.android.com/sdk/index.html  Fennec emulator  http://www.mozilla.com/en-US/mobile/download/
  • 37.  Automated testing tools  Browsercam http://www.browsercam.com/Default2.aspx  Deviceanywhere http://www.deviceanywhere.com/mobile- application-testing-web.html