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.

Like this presentation? Why not share!

Mobile usability

on

  • 2,628 views

 

Statistics

Views

Total Views
2,628
Views on SlideShare
2,627
Embed Views
1

Actions

Likes
3
Downloads
50
Comments
0

1 Embed 1

http://htconemobile.jusst.us 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mobile usability Mobile usability Presentation Transcript

    • Mobile Usability
      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-going-viral-touch-screen.html
    • Usability
      The study of the relative ease with which a user can complete a given task
    • Do it right
      Guidelines
      Manufacturer
      W3C
    • Check your assumptions at the door
      Mobile space is not a minified desktop
      Less immersive than desktop
      Context critical
      Microinteractions versus tasks
    • Desktop sites
      Wide
      Deep
      Complex
      Infrequent use
      Stable
      mouse, keyboard, display 800x600 or better
    • Mobile sites
      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?
    • What to test?
      Functional testing critical
      Task testing important
      User satisfaction
    • Mobile is different
      Duh!
    • mobile users
      Immediate need for information
    • context is king
    • Analogy time…travel
      Desktop:
      Search for flights
      Search for hotel
      Book
      Mobile:
      Itinerary
      Flight status
      Confirmation
    • If mobile is different
      Then mobile usability testing needs to be different too
    • Layers
      Hardware
      Software
      UI
    • Hardware
      Input mechanisms
      physical keyboard
      virtual keyboard
      touch
      voice
      Scrolling/navigation
      touch
      trackball/pad
      keys
    • Software
      Device OS
      Device browser
    • 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.)
    • Testing methods
      Heuristic evaluation
      Paper
      Simulators/emulators/ desktop
      On device
      Field
      Lab…sleds and cameras and capture, oh my!
    • Testing methods
    • Low tech
      Paper prototypes
      http://interactivelogic.net/wp/2009/09/iphone-wireframe-templates/
      http://gliderguns.files.wordpress.com/2010/01/android_wireframe_templates3.pdf
    • Html prototyping
      Desktop
      Mobile device
    • 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/
    • It’s not you…
      Caveat: The platform affects the usability
    • 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
    • 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
    • Near field advantage
      I’m guessing many of your colleagues and friends have smartphones….test with them first!
      Especially useful for basic functional testing
    • Functional testing
      Mobile OK Checker http://validator.w3.org/mobile/
      MobiReadyhttp://ready.mobi/launch.jsp?locale=en_EN
    • Lab testing
      Simulated
      Actual device(s)
    • Lab equipment
      Cam
      Sled ?
      Plusses and minuses
    • Automated testing tools
      Browsercamhttp://www.browsercam.com/Default2.aspx
      Deviceanywherehttp://www.deviceanywhere.com/mobile-application-testing-web.html
    • Subjectively yours
      User satisfaction
    • Questions & discussion
      THANK YOU
    • 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
    • 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=
    • 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/
    • Resources
      Automated testing tools
      Browsercamhttp://www.browsercam.com/Default2.aspx
      Deviceanywherehttp://www.deviceanywhere.com/mobile-application-testing-web.html