Top Banner
MOBILE FIRST Gal Brill (@GalBrill) CEO & Founder at UppSite (@UppSite)
45

Mobile First - WCJ 2012

Nov 11, 2014

Download

Technology

Gal Brill

WordCamp 2012, Mobile first by Gal Brill
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: Mobile First - WCJ 2012

MOBILE FIRSTGal Brill (@GalBrill)

CEO & Founder at UppSite (@UppSite)

Page 2: Mobile First - WCJ 2012

1,000,000,0001,000,000,000

Page 3: Mobile First - WCJ 2012

MOBILE

• 200%

Page 4: Mobile First - WCJ 2012

MOBILE

• 200%

• 250,000,000

Page 5: Mobile First - WCJ 2012

MOBILE

• 200%

• 250,000,000

• 3,000,000

Page 6: Mobile First - WCJ 2012

MOBILE

• 200%

• 250,000,000

• 3,000,000

• 62%

Page 7: Mobile First - WCJ 2012

>50%>50%

Page 8: Mobile First - WCJ 2012

MOBILE FIRSTDesign

Monetization

Page 9: Mobile First - WCJ 2012
Page 10: Mobile First - WCJ 2012

NEED TO REMEMBER

Page 11: Mobile First - WCJ 2012

NEED TO REMEMBER

• Touch

Page 12: Mobile First - WCJ 2012

NEED TO REMEMBER

• Touch

• Navigation

Page 13: Mobile First - WCJ 2012

NEED TO REMEMBER

• Touch

• Navigation

• Scroll

Page 14: Mobile First - WCJ 2012

OPTIONS

Page 15: Mobile First - WCJ 2012

OPTIONS

• Mobile Web (Responsive Design / Sencha)

Page 16: Mobile First - WCJ 2012

OPTIONS

• Mobile Web (Responsive Design / Sencha)

• Native Applications (Objective-C, Java, C#)

Page 17: Mobile First - WCJ 2012

RESPONSIVE DESIGN

Page 18: Mobile First - WCJ 2012
Page 19: Mobile First - WCJ 2012

TECHNOLOGY

Page 20: Mobile First - WCJ 2012

TECHNOLOGY

• CSS

Page 21: Mobile First - WCJ 2012

TECHNOLOGY

• CSS

• HTML

Page 22: Mobile First - WCJ 2012

TECHNOLOGY

• CSS

• HTML

• JS

Page 23: Mobile First - WCJ 2012

LINKS

• http://twitter.github.com/bootstrap/

• http://responsive.victorcoulon.fr

• http://www.sencha.com

• http://stackoverflow.com

Page 24: Mobile First - WCJ 2012

NATIVE APPLICATIONS

Page 25: Mobile First - WCJ 2012
Page 26: Mobile First - WCJ 2012

WHY NATIVE

Page 27: Mobile First - WCJ 2012

WHY NATIVE

• Faster

Page 28: Mobile First - WCJ 2012

WHY NATIVE

• Faster

• Better APIs

Page 29: Mobile First - WCJ 2012

WHY NATIVE

• Faster

• Better APIs

• Push Notifications

Page 30: Mobile First - WCJ 2012

PLATFORMS

Page 31: Mobile First - WCJ 2012

PLATFORMS

• iOS

• Android

Page 32: Mobile First - WCJ 2012

PLATFORMS

• iOS

• Android

• Windows 8 / Phone

• BlackBerry

Page 33: Mobile First - WCJ 2012

LINKS

• https://developer.apple.com

• http://developer.android.com

• http://dev.windowsphone.com

• http://developer.blackberry.com

• http://stackoverflow.com

Page 34: Mobile First - WCJ 2012

MONETIZATION

Page 35: Mobile First - WCJ 2012

WHAT HAS CHANGED?

Page 36: Mobile First - WCJ 2012

WHAT HAS CHANGED?

• Form factor

Page 37: Mobile First - WCJ 2012

WHAT HAS CHANGED?

• Form factor

• Ads size and real-estate

Page 38: Mobile First - WCJ 2012

WHAT HAS CHANGED?

• Form factor

• Ads size and real-estate

• Technology (no flash)

Page 39: Mobile First - WCJ 2012

WHAT HAS CHANGED?

• Form factor

• Ads size and real-estate

• Technology (no flash)

• SEO

Page 40: Mobile First - WCJ 2012

WHAT SHOULD I DO?

Page 41: Mobile First - WCJ 2012

WHAT SHOULD I DO?

• Do!

Page 42: Mobile First - WCJ 2012

WHAT SHOULD I DO?

• Do!

• WordPress themes

Page 43: Mobile First - WCJ 2012

WHAT SHOULD I DO?

• Do!

• WordPress themes

• Tools (PhoneGap, Sencha, UppSite, etc.)

Page 44: Mobile First - WCJ 2012

WHAT SHOULD I DO?

• Do!

• WordPress themes

• Tools (PhoneGap, Sencha, UppSite, etc.)

• Remember the basic use case

Page 45: Mobile First - WCJ 2012

THANK YOU

slideshare.net/GalBrill/wcj-2012