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

Designing for iPad and other mobile devices

Jan 12, 2016

Download

Documents

julius gazmen

Designing for iPad and other mobile devices. Filipe Fortes CTO, Treesaver. Mobile / Tablet / Device iOS Android WebOS Blackberry / QNX Windows Mobile. Laptop / Desktop Windows Mac Linux Chrome OS. Platforms. Mobile / Tablet / Device iOS Android WebOS Blackberry / QNX - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Designing for iPad and other mobile devices

Designing for iPad and other mobile devices

Filipe FortesCTO, Treesaver

Page 2: Designing for iPad and other mobile devices
Page 3: Designing for iPad and other mobile devices
Page 4: Designing for iPad and other mobile devices
Page 5: Designing for iPad and other mobile devices
Page 6: Designing for iPad and other mobile devices

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

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

Make sure Brand & Experience workacross fragmented platforms

(cost-effectively)

Page 9: Designing for iPad and other mobile devices

<html>

Page 10: Designing for iPad and other mobile devices

Web Platform Advantages

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

Page 11: Designing for iPad and other mobile devices

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

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

Video

Page 14: Designing for iPad and other mobile devices

Thanks!

Contact:[email protected]

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

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