LB — Human Computer Interaction Bonus Laboratory

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)

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
- Wikipedia
- Youtube
- Google ( special features)
- Facebook Mobile, Touch
- Flickr
- LinkedIn
- Google Reader
- Twitter
- BBC
- The Guardian
- Amazon
- Yahoo!
- Gmail