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

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

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

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

Designing for iPad and other mobile devices

Filipe FortesCTO, Treesaver

Page 2: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.
Page 3: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.
Page 4: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.
Page 5: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.
Page 6: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

PlatformsMobile / Tablet / Device• iOS• Android• WebOS• Blackberry / QNX• Windows Mobile

Laptop / Desktop• Windows• Mac• Linux• Chrome OS

Page 7: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

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

Page 8: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

Make sure Brand & Experience workacross fragmented platforms

(cost-effectively)

Page 9: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

<html>

Page 10: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

Web Platform Advantages

• Ubiquity• Existing Staff & Infrastructure• Linking & Search Engines• Bookmarking & Social• Ecosystem• No Gatekeepers

Page 11: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

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

Page 12: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

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

Page 13: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

Video

Page 14: Designing for iPad and other mobile devices Filipe Fortes CTO, Treesaver.

Thanks!

Contact:[email protected]

www.fortes.com / www.treesaver.net@fortes / @trsvr

This presentation:http://tiny.cc/isoj_fortes