Mobile First - WCJ 2012
Download as PPT, PDF0 likes722 views
This document discusses developing mobile-first applications and websites. It notes that mobile traffic now accounts for over 50% of web usage, with 200% year-over-year growth. It reviews options for responsive web design using CSS and frameworks like Bootstrap versus building native mobile apps. It also covers considerations for monetizing mobile content given restrictions on ad sizes and formats. The document advocates designing first for mobile and using tools like WordPress themes, PhoneGap and Sencha to build cross-platform mobile experiences.
Mobile First - WCJ 2012
- 1. MOBILE FIRST Gal Brill (@GalBrill) CEO & Founder at UppSite (@UppSite)
- 3. MOBILE • 200%
- 4. MOBILE • 200% • 250,000,000
- 5. MOBILE • 200% • 250,000,000 • 3,000,000
- 6. MOBILE • 200% • 250,000,000 • 3,000,000 • 62%
- 7. >50%
- 8. MOBILE FIRST Design Monetization
- 10. NEED TO REMEMBER
- 11. NEED TO REMEMBER • Touch
- 12. NEED TO REMEMBER • Touch • Navigation
- 13. NEED TO REMEMBER • Touch • Navigation • Scroll
- 14. OPTIONS
- 15. OPTIONS • Mobile Web (Responsive Design / Sencha)
- 16. OPTIONS • Mobile Web (Responsive Design / Sencha) • Native Applications (Objective-C, Java, C#)
- 19. TECHNOLOGY
- 20. TECHNOLOGY • CSS
- 21. TECHNOLOGY • CSS • HTML
- 22. TECHNOLOGY • CSS • HTML • JS
- 23. LINKS • http://twitter.github.com/bootstrap/ • http://responsive.victorcoulon.fr • http://www.sencha.com • http://stackoverflow.com
- 26. WHY NATIVE
- 27. WHY NATIVE • Faster
- 28. WHY NATIVE • Faster • Better APIs
- 29. WHY NATIVE • Faster • Better APIs • Push Notifications
- 30. PLATFORMS
- 31. PLATFORMS • iOS • Android
- 32. PLATFORMS • iOS • Android • Windows 8 / Phone • BlackBerry
- 33. LINKS • https://developer.apple.com • http://developer.android.com • http://dev.windowsphone.com • http://developer.blackberry.com • http://stackoverflow.com
- 34. MONETIZATION
- 36. WHAT HAS CHANGED? • Form factor
- 37. WHAT HAS CHANGED? • Form factor • Ads size and real-estate
- 38. WHAT HAS CHANGED? • Form factor • Ads size and real-estate • Technology (no flash)
- 39. WHAT HAS CHANGED? • Form factor • Ads size and real-estate • Technology (no flash) • SEO
- 40. WHAT SHOULD I DO?
- 41. WHAT SHOULD I DO? • Do!
- 42. WHAT SHOULD I DO? • Do! • WordPress themes
- 43. WHAT SHOULD I DO? • Do! • WordPress themes • Tools (PhoneGap, Sencha, UppSite, etc.)
- 44. WHAT SHOULD I DO? • Do! • WordPress themes • Tools (PhoneGap, Sencha, UppSite, etc.) • Remember the basic use case