Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.
Designing for iPad and other mobile devices
description
Transcript of Designing for iPad and other mobile devices
Designing for iPad and other mobile devices
Filipe FortesCTO, Treesaver
PlatformsMobile / Tablet / Device• iOS• Android• WebOS• Blackberry / QNX• Windows Mobile
Laptop / Desktop• Windows• Mac• Linux• Chrome OS
Platforms & ResolutionsMobile / Tablet / Device• iOS• Android• WebOS• Blackberry / QNX• Windows Mobile
Resolutions• 320x240• 400x320• 480x320• 800x480• 800x600• 854x480• 1024x600• 1024x768• 1280x800
Laptop / Desktop• Windows• Mac• Linux• Chrome OS
Resolutions (Laptops)• 800x600• 1024x768• 1280x800• 1400x1050• 1440x900• 1600x1200• 1680x1050• 1920x1200
Make sure Brand & Experience workacross fragmented platforms
(cost-effectively)
<html>
Web Platform Advantages
• Ubiquity• Existing Staff & Infrastructure• Linking & Search Engines• Bookmarking & Social• Ecosystem• No Gatekeepers
Web Platform Drawbacks
• Functionality lags behind nativeo Catching up quickly: Touch, Custom Fonts, Geolocation,
Hardware-Acceleration, Offline, ...• No universal, integrated payment system
o Several companies trying thougho Can use "app wrappers" for app store distribution
• Immature development frameworks & toolso Many companies entering this space, but still early
Examples
• USA Today: optimus.usatoday.com• NPR: www.npr.org/webapp• NY Times: www.nytimes.com/chrome• Fun HTML5 Demos:
o html5advent.como chromeexperiments.com
Video
Thanks!
Contact:[email protected]
www.fortes.com / www.treesaver.net@fortes / @trsvr
This presentation:http://tiny.cc/isoj_fortes