Courses Projects

Human Computer Interaction 2010

Mobile vs. Web Context 

Desktop Web Mobile Web
Physical
  • Full Keyboard
  • Accurate Pointing Device
  • Large Screen, multiple monitors
  • Powerful CPU / GPU, Big Disk
  • Limited / Virtual Keyboard
  • Finger Pointing Device
  • Small Screen, which can rotate
  • Less Capable CPU / GPU, Small Storage
Usability
  • Typically used from fixed, predictable locations
  • Good for open-ended browsing
  • Easy to swithc among many tasks
  • User is focused and comfortable
  • Typically used on-the-go in an unpredictable environment
  • Good for quick, glanceable information
  • Focused on discrete individual tasks
  • User is often distracted or busy
  • Different expectations: mobile web users expect immediate access to important information
  • Carefull on environmental conditions that can vary widely: lighting, background noise, network speed, etc.
  • Provide the same information to users of your site regardless of their device (this does not means that you should provide the same presentation)
  • Typical size of a fingertip is 40 to 80 pixels. Navigation elements must be sized appropiately to ensure they respond well to the user
  • Fingers are naturally more dexterous than a device like stylus.
    • It is relatively easy to perform multiple actions with a finger, like flicking, panning, scrolling, tapping, pinching, etc.
  • Web mobile apps focus on a few important tasks
  • Design pages that use fewer fonts&colors (browser compatibility)

Types of Mobile sites 

  • Do Nothing — No special adaptation, result is the desktop site being deliver to the device
  • Multi-Serving Content — Same page is sent to mobile and desktop, styled differently for each
  • Mobile Specific Design — parts of the site are designed for mobile specifically, kept in separate domain, redirected to when necessary
evalica 2010