Embed Size (px)
Citation preview
Going Mobile First And What it Means for Your Business
Presented by Jordan McNamara
#BarCampCV
@jordan_mcn
Web Designer
UNIBusiness Alum
Lover of all things mobile
Growth Background Innovation Focus
cy·borg a person whose body contains mechanical or electrical devices and whose abilities are greater than the abilities of normal humans
Growth Background Innovation Focus
1,200 Petabyte Or
1.2583e+9 Gigabytes Of data on the internet
Growth Background Innovation Focus
147,900,000 U.S. Smartphone Owners
Growth Background Innovation Focus
A. 20 years B. 12 years C. 7 years D. 3 years
How many years will did it take for mobile to reach mass market?
Growth Background Innovation Focus
A. 20 years B. 12 years C. 7 years D. 3 years
How many years will did it take for mobile to reach mass market?
Growth Background Innovation Focus
Mobile First Making mobile a priority rather than a afterthought in order to capitalize the growth and opportunities of the medium
Growth Background Innovation Focus
Google programmers are doing work on mobile applications first, because they are better apps and that's what top programmers want to develop.
–Eric Schmidt, Google Chairman
Growth Background Innovation Focus
Growth Opportunity
Growth Background Innovation Focus
378,000 Babies born every day
1,000,000 Androids activated every day
Growth Background Innovation Focus
30% The average website receive 30% of its
traffic from mobile
devices
Growth Background Innovation Focus
-20% Home usages of desktop computers has
dropped over 20% since 2008
Growth Background Innovation Focus
Growth Background Innovation Focus
• Amazon: over $1 billion spent via mobile devices in the past 12 month
• Google: mobile searches grew 130% in Q3 2010
• Pandora: 50% of total user base subscribes to the service on mobile
• • Email: 70% of smartphone users have accessed email on mobile device
Growth Background Innovation Focus
Focus Constraints
Growth Background Innovation Focus
Growth Background Innovation Focus
Data Size Attention
Growth Background Innovation Focus
Growth Background Innovation Focus
Growth Background Innovation Focus
Growth Background Innovation Focus
Mobile First Desktop First
body {!!background:url(/images/ !huge-image.png) no-repeat!
}!
@media only screen and (!!max-width: 400px) {!!!!body {!! !background:url(!! !/images/mobile-image.png)!! !no-repeat !important!!}!
}!
@media only screen and (!!min-width: 875px) {!!!!body {!! !background:url(!! !/images/huge-image.png)!! !no-repeat !important!!}!
}!
body {!!background:url(/images/ !mobile-image.png)!!no-repeat!
}!
Growth Background Innovation Focus
Growth Background Innovation Focus
Google penalizes non mobile sites It’s harder for users to access the content they want, which can be frustrating and ultimately lead to site abandonment.
Fast and optimized pages lead to higher visitor engagement, retention, and conversions.
Growth Background Innovation Focus
1 35% CTR
2 15% CTR
3 10% CTR
4 7% CTR
5 5% CTR
Growth Background Innovation Focus
• 84% at home
• 80% during misc. times
• 74% waiting in lines
• 64% at work
Growth Background Innovation Focus
Innovation Capabilities
Growth Background Innovation Focus
Mobile Desktop
Growth Background Innovation Focus
Growth Background Innovation Focus
Growth Background Innovation Focus
Growth Background Innovation Focus
Growth Background Innovation Focus
@jordan_mcn
Jordanmcnamara.com
Questions?
