1. Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver

6. Platforms Mobile / Tablet / Device iOS Android WebOS Blackberry / QNX Windows Mobile Laptop / Desktop Windows Mac Linux Chrome OS

7. Platforms & Resolutions Mobile / 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

8. Make sure Brand & Experience work across fragmented platforms (cost-effectively)

10. Web Platform Advantages Ubiquity Existing Staff & Infrastructure Linking & Search Engines Bookmarking & Social Ecosystem No Gatekeepers

11. Web Platform Drawbacks Functionality lags behind native o Catching up quickly: Touch, Custom Fonts, Geolocation, Hardware-Acceleration, Offline,... No universal, integrated payment system o Several companies trying though o Can use "app wrappers" for app store distribution Immature development frameworks & tools o Many companies entering this space, but still early

12. Examples USA Today: optimus.usatoday.comoptimus.usatoday.com NPR: www.npr.org/webappwww.npr.org/webapp NY Times: www.nytimes.com/chromewww.nytimes.com/chrome Fun HTML5 Demos: o html5advent.com html5advent.com o chromeexperiments.com chromeexperiments.com

13. Video

14. Thanks! Contact: filipe@fortes.com www.fortes.com / www.treesaver.net @fortes / @trsvr This presentation: http://tiny.cc/isoj_fortes