0
Jeff Wisniewski
Web Services Librarian
University of Pittsburgh
facebook.com/wisniewski.jeff
Mobile Devices Harbor More Germs Than A
Men's Room Flush Handle
-
http://www.sacbee.com/2010/10/14/3103164
/talk-about-goi...
The study of the relative ease with which a
user can complete a given task
Guidelines
Manufacturer
W3C
 Mobile space is not a minified desktop
 Less immersive than desktop
 Context critical
 Microinteractions versus tasks
Wide
Deep
Complex
Infrequent use
Stable
mouse, keyboard, display 800x600 or better
Simple
Slim
Deep, drill down
VERY infrequent use
Device proliferation
It should be difficult or impossible to get lost
lost on a mobile site or in an app
Card sort?
Functional testing critical
Task testing important
User satisfaction
Duh!
Immediate need for information
Desktop:
 Search for flights
 Search for hotel
 Book
Mobile:
 Itinerary
 Flight status
 Confirmation
Then mobile usability testing needs to be
different too
Hardware
Software
UI
Input mechanisms
physical keyboard
virtual keyboard
touch
voice
Scrolling/navigation
touch
trackball/pad
keys
Device OS
Device browser
 Touch-Screen Mobile Phones (Apple
iPhones, HTC Nexus One, HTC EVO, etc.)
 Non Touch-Screen Mobile Phones (RIM
Blackberr...
 Heuristic evaluation
 Paper
 Simulators/emulators/ desktop
 On device
 Field
 Lab…sleds and cameras and capture, oh...
Method Time Cost ROI
Paper moderate minimal high
Desktop/emulat
or/simulator
moderate minimal high
Lab high varies high
Fi...
 Paper prototypes
 http://interactivelogic.net/wp/2009/09/iphone-
wireframe-templates/
 http://gliderguns.files.wordpre...
 Desktop
 Mobile device
 Firefox user agent switcher
 https://addons.mozilla.org/en-US/firefox/addon/59/
 Opera Mini
 http://www.opera.com/mob...
Caveat: The platform affects the usability
“Results indicate that conducting a time-
consuming field test may not be worthwhile
when searching user interface flaws t...
“In the field-based evaluation we identified
significantly more usability problems and this
setting revealed problems with...
I’m guessing many of your colleagues and
friends have smartphones….test with them
first!
Especially useful for basic funct...
 Mobile OK Checker
http://validator.w3.org/mobile/
 MobiReady
http://ready.mobi/launch.jsp?locale=en_EN
Simulated
Actual device(s)
 Cam
 Sled ?
Plusses and minuses
 Browsercam
http://www.browsercam.com/Default2.aspx
 Deviceanywhere
http://www.deviceanywhere.com/mobile-
application-te...
 User satisfaction
THANK YOU
 A Guide to Usability Testing an iPhone app
http://www.usabilitynews.com/news/article64
96.asp
 10 Excellent Tools for T...
 UI guidelines
 iPhone
http://developer.apple.com/library/ios/#documentation/user
experience/conceptual/mobilehig/Introd...
 Emulators/simulators
 Firefox user agent switcher
 https://addons.mozilla.org/en-US/firefox/addon/59/
 Opera Mini
 h...
 Automated testing tools
 Browsercam
http://www.browsercam.com/Default2.aspx
 Deviceanywhere
http://www.deviceanywhere....
Mobile usability
Mobile usability
Mobile usability
Mobile usability
Mobile usability
Mobile usability
Mobile usability
Mobile usability
Mobile usability
Upcoming SlideShare
Loading in...5
×

Mobile usability

2,357

Published on

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

No Downloads
Views
Total Views
2,357
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
55
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile usability"

  1. 1. Jeff Wisniewski Web Services Librarian University of Pittsburgh facebook.com/wisniewski.jeff
  2. 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. 3. The study of the relative ease with which a user can complete a given task
  4. 4. Guidelines Manufacturer W3C
  5. 5.  Mobile space is not a minified desktop  Less immersive than desktop  Context critical  Microinteractions versus tasks
  6. 6. Wide Deep Complex Infrequent use Stable mouse, keyboard, display 800x600 or better
  7. 7. Simple Slim Deep, drill down VERY infrequent use Device proliferation
  8. 8. It should be difficult or impossible to get lost lost on a mobile site or in an app
  9. 9. Card sort?
  10. 10. Functional testing critical Task testing important User satisfaction
  11. 11. Duh!
  12. 12. Immediate need for information
  13. 13. Desktop:  Search for flights  Search for hotel  Book Mobile:  Itinerary  Flight status  Confirmation
  14. 14. Then mobile usability testing needs to be different too
  15. 15. Hardware Software UI
  16. 16. Input mechanisms physical keyboard virtual keyboard touch voice Scrolling/navigation touch trackball/pad keys
  17. 17. Device OS Device browser
  18. 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. 19.  Heuristic evaluation  Paper  Simulators/emulators/ desktop  On device  Field  Lab…sleds and cameras and capture, oh my!
  20. 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. 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. 22.  Desktop  Mobile device
  23. 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. 24. Caveat: The platform affects the usability
  25. 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. 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. 27. I’m guessing many of your colleagues and friends have smartphones….test with them first! Especially useful for basic functional testing
  28. 28.  Mobile OK Checker http://validator.w3.org/mobile/  MobiReady http://ready.mobi/launch.jsp?locale=en_EN
  29. 29. Simulated Actual device(s)
  30. 30.  Cam  Sled ? Plusses and minuses
  31. 31.  Browsercam http://www.browsercam.com/Default2.aspx  Deviceanywhere http://www.deviceanywhere.com/mobile- application-testing-web.html
  32. 32.  User satisfaction
  33. 33. THANK YOU
  34. 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. 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. 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. 37.  Automated testing tools  Browsercam http://www.browsercam.com/Default2.aspx  Deviceanywhere http://www.deviceanywhere.com/mobile- application-testing-web.html
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×