mobile first - wcj 2012
DESCRIPTION
WordCamp 2012, Mobile first by Gal BrillTRANSCRIPT
![Page 1: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/1.jpg)
MOBILE FIRSTGal Brill (@GalBrill)
CEO & Founder at UppSite (@UppSite)
![Page 2: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/2.jpg)
1,000,000,0001,000,000,000
![Page 3: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/3.jpg)
MOBILE
• 200%
![Page 4: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/4.jpg)
MOBILE
• 200%
• 250,000,000
![Page 5: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/5.jpg)
MOBILE
• 200%
• 250,000,000
• 3,000,000
![Page 6: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/6.jpg)
MOBILE
• 200%
• 250,000,000
• 3,000,000
• 62%
![Page 7: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/7.jpg)
>50%>50%
![Page 8: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/8.jpg)
MOBILE FIRSTDesign
Monetization
![Page 9: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/9.jpg)
![Page 10: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/10.jpg)
NEED TO REMEMBER
![Page 11: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/11.jpg)
NEED TO REMEMBER
• Touch
![Page 12: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/12.jpg)
NEED TO REMEMBER
• Touch
• Navigation
![Page 13: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/13.jpg)
NEED TO REMEMBER
• Touch
• Navigation
• Scroll
![Page 14: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/14.jpg)
OPTIONS
![Page 15: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/15.jpg)
OPTIONS
• Mobile Web (Responsive Design / Sencha)
![Page 16: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/16.jpg)
OPTIONS
• Mobile Web (Responsive Design / Sencha)
• Native Applications (Objective-C, Java, C#)
![Page 17: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/17.jpg)
RESPONSIVE DESIGN
![Page 18: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/18.jpg)
![Page 19: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/19.jpg)
TECHNOLOGY
![Page 20: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/20.jpg)
TECHNOLOGY
• CSS
![Page 21: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/21.jpg)
TECHNOLOGY
• CSS
• HTML
![Page 22: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/22.jpg)
TECHNOLOGY
• CSS
• HTML
• JS
![Page 23: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/23.jpg)
LINKS
• http://twitter.github.com/bootstrap/
• http://responsive.victorcoulon.fr
• http://www.sencha.com
• http://stackoverflow.com
![Page 24: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/24.jpg)
NATIVE APPLICATIONS
![Page 25: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/25.jpg)
![Page 26: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/26.jpg)
WHY NATIVE
![Page 27: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/27.jpg)
WHY NATIVE
• Faster
![Page 28: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/28.jpg)
WHY NATIVE
• Faster
• Better APIs
![Page 29: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/29.jpg)
WHY NATIVE
• Faster
• Better APIs
• Push Notifications
![Page 30: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/30.jpg)
PLATFORMS
![Page 31: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/31.jpg)
PLATFORMS
• iOS
• Android
![Page 32: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/32.jpg)
PLATFORMS
• iOS
• Android
• Windows 8 / Phone
• BlackBerry
![Page 33: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/33.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/34.jpg)
MONETIZATION
![Page 35: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/35.jpg)
WHAT HAS CHANGED?
![Page 36: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/36.jpg)
WHAT HAS CHANGED?
• Form factor
![Page 37: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/37.jpg)
WHAT HAS CHANGED?
• Form factor
• Ads size and real-estate
![Page 38: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/38.jpg)
WHAT HAS CHANGED?
• Form factor
• Ads size and real-estate
• Technology (no flash)
![Page 39: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/39.jpg)
WHAT HAS CHANGED?
• Form factor
• Ads size and real-estate
• Technology (no flash)
• SEO
![Page 40: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/40.jpg)
WHAT SHOULD I DO?
![Page 41: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/41.jpg)
WHAT SHOULD I DO?
• Do!
![Page 42: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/42.jpg)
WHAT SHOULD I DO?
• Do!
• WordPress themes
![Page 43: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/43.jpg)
WHAT SHOULD I DO?
• Do!
• WordPress themes
• Tools (PhoneGap, Sencha, UppSite, etc.)
![Page 44: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/44.jpg)
WHAT SHOULD I DO?
• Do!
• WordPress themes
• Tools (PhoneGap, Sencha, UppSite, etc.)
• Remember the basic use case
![Page 45: Mobile First - WCJ 2012](https://reader033.vdocument.in/reader033/viewer/2022061115/5461ccedb1af9f7d228b4bcd/html5/thumbnails/45.jpg)
THANK YOU
slideshare.net/GalBrill/wcj-2012