Embed Size (px)
Citation preview
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
