• Like

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Mobile usability

  • 2,266 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,266
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
51
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. Mobile Usability
    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. Usability
    The study of the relative ease with which a user can complete a given task
  • 4. Do it right
    Guidelines
    Manufacturer
    W3C
  • 5. Check your assumptions at the door
    Mobile space is not a minified desktop
    Less immersive than desktop
    Context critical
    Microinteractions versus tasks
  • 6.
  • 7.
  • 8.
  • 9. Desktop sites
    Wide
    Deep
    Complex
    Infrequent use
    Stable
    mouse, keyboard, display 800x600 or better
  • 10. Mobile sites
    Simple
    Slim
    Deep, drill down
    VERY infrequent use
    Device proliferation
  • 11. It should be difficult or impossible to get lost lost on a mobile site or in an app
  • 12. Card sort?
  • 13. What to test?
    Functional testing critical
    Task testing important
    User satisfaction
  • 14. Mobile is different
    Duh!
  • 15. mobile users
    Immediate need for information
  • 16. context is king
  • 17. Analogy time…travel
    Desktop:
    Search for flights
    Search for hotel
    Book
    Mobile:
    Itinerary
    Flight status
    Confirmation
  • 18. If mobile is different
    Then mobile usability testing needs to be different too
  • 19. Layers
    Hardware
    Software
    UI
  • 20. Hardware
    Input mechanisms
    physical keyboard
    virtual keyboard
    touch
    voice
    Scrolling/navigation
    touch
    trackball/pad
    keys
  • 21. Software
    Device OS
    Device browser
  • 22. Device categories
    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.)
  • 23. Testing methods
    Heuristic evaluation
    Paper
    Simulators/emulators/ desktop
    On device
    Field
    Lab…sleds and cameras and capture, oh my!
  • 24. Testing methods
  • 25. Low tech
    Paper prototypes
    http://interactivelogic.net/wp/2009/09/iphone-wireframe-templates/
    http://gliderguns.files.wordpress.com/2010/01/android_wireframe_templates3.pdf
  • 26.
  • 27.
  • 28. Html prototyping
    Desktop
    Mobile device
  • 29. Emulate, simulate
    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/
  • 30. It’s not you…
    Caveat: The platform affects the usability
  • 31. Field testing
    “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, MihaelCankar, TittiKallio, and AnuKankainen
    Journal of Usability Studies, Issue 1, Volume 1
  • 32. Field testing redux
    “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
  • 33. Near field advantage
    I’m guessing many of your colleagues and friends have smartphones….test with them first!
    Especially useful for basic functional testing
  • 34. Functional testing
    Mobile OK Checker http://validator.w3.org/mobile/
    MobiReadyhttp://ready.mobi/launch.jsp?locale=en_EN
  • 35. Lab testing
    Simulated
    Actual device(s)
  • 36. Lab equipment
    Cam
    Sled ?
    Plusses and minuses
  • 37.
  • 38.
  • 39.
  • 40. Automated testing tools
    Browsercamhttp://www.browsercam.com/Default2.aspx
    Deviceanywherehttp://www.deviceanywhere.com/mobile-application-testing-web.html
  • 41. Subjectively yours
    User satisfaction
  • 42. Questions & discussion
    THANK YOU
  • 43. Resources
    A Guide to Usability Testing an iPhone app http://www.usabilitynews.com/news/article6496.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
  • 44. Resources
    UI guidelines
    iPhonehttp://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html
    iPadhttp://developer.apple.com/library/ios/#documentation/general/conceptual/ipadhig/Introduction/Introduction.html
    Android http://developer.android.com/guide/practices/ui_guidelines/index.html
    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=
  • 45. Resources
    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/
  • 46. Resources
    Automated testing tools
    Browsercamhttp://www.browsercam.com/Default2.aspx
    Deviceanywherehttp://www.deviceanywhere.com/mobile-application-testing-web.html