Date post: | 28-Jan-2015 |
Category: |
Documents |
Upload: | madhava-enros |
View: | 103 times |
Download: | 0 times |
Designing for the small screenWeb 2.0, 2011
Madhava EnrosDesigner at Small, Mozilla
Device Characteristics
• Small screens
• Difficult to type
• Direct manipulation - touch-screens
• Many abilities - rich devices
• Constant but interruptible connection
Mobile User
is Mobile
Mobile
Distractible
Available
Sociable
Contextual
Identifiable
Design Goals for a mobile Firefox
• Maximize screen space dedicated to content
• Minimize typing wherever possible
• Give primacy of interaction to a finger-oriented touchscreen
• Support the quick lookup scenario
• Connect people to all their web-use
Phone Small Tablet Large Tablet Netbook Laptop/Desktop
Touch Non-Touch
Virtual Keyboard Physical Keyboard
mobile characteristics desktop characteristics
On the go In one place
index finger-focus thumb-focus Cursor
Photo Credits
http://flickr.com/photos/pixel_addict/465394708/
http://flickr.com/photos/darwin70/577151777/
http://flickr.com/photos/sharman/13121287/
http://flickr.com/photos/mimk/365755280/
http://flickr.com/photos/spidey-man/379064077/
http://flickr.com/photos/zwc/2332022534/
http://flickr.com/photos/40668062@N00/303473576/
http://flickr.com/photos/seandreilinger/2147807724/
http://flickr.com/photos/skampy/2329307921/
Thank you!• [email protected]
• @madhava on twitter
• http://madhava.com/egotism/
mozilla.com/mobile