The Mobile Uproar

The Mobile Uproar
#epi2012
episerver.com/epi2012
One week without your Phone
70% would not drink alcohol
63% would not eat chocolate
33% would give up sex
22% would not brush their teeth
Source: Telnav, 2011.
Apple changed the rules of the game
700
45,000
14,000
Number of thousand units delivered
Number of thousand units delivered
iPad iPhone
iPod
iPhone
iPodiPod
40,000
600
12,000
35,000
500
10,000
30,000
400
8,000
25,000
300
20,000
6,000
15,000
200
4,000
10,000
100
2,000
5,000
0
0 0
0
0
0
1
1
1
2
3
2
3
2Quarters after launch
3
Quaters after
after launch
launch
Quarters
4
4
4
5
5
5
Source: Apple, as of Q2:11 (6 quarters post iPad launch). (Mary Meeker, KPCB http://kpcb.com/insights/internet-trends-2011)
6
6
6
Android has ramped even faster
180,000
Number of thousand units delivered
Android
iPhone
160,000
140,000
120,000
100,000
80,000
60,000
40,000
20,000
0
1
2
3
4
5
6
7
8
9
10
11
Quaters after launch
Source: Gartner, Morgan Stanley Research, as of Q2:11. (Mary Meeker, KPCB http://kpcb.com/insights/internet-trends-2011)
Smartphones Penetration on the Rise
Source: Our Mobile Planet US, Google, 2012.
Source: StatCounter Global Ststs. KPCB Internet Trends 2012, Mary Meeker & Liang Wu.
Mobile searches on Google 2007-2011
4x Growth
the last few years
2007
2008
2009
Source: Google. (Mary Meeker, KPCB http://kpcb.com/insights/internet-trends-2011)
2010
2011
The Mobile Uproar
Tom Stenius // Product Manager // EPiServer
By 2013, more people will
use their mobile phones
than PCs to get online.
Source: Gartner, 2010.
Source: Mobile World Tradeshow, Google, 2010.
Mobile Apps
Native
Hybrid
Available in App Stores
Tied to one platform
Expensive to develop
Hard to find resources
High performance
Best user experience
Better offline support
Hard to maintain
Available in App Stores
Reuse existing web
Multiple platforms
Cheap development
Lower performance
Easy to maintain
“By 2015, 80% of all
mobile applications
developed will be hybrid
or mobileWeb-oriented”
Gartner, 2012
Source: Magic Quadrant for Mobile Applications Development Platforms, Gartner 2012
Source: http://venturebeat.com/2012/05/02/linkedin-ipad-app-engineering/#s:1-linkedin-ipad
Source: Adobe Systems Adobe Mobile Experience Survey, 2011; eMarketer, 2011. http://www.howtogomo.com/
The Mobile Web
Let it be – do nothing to adapt the web site
The Mobile Web
Separate mobile web
Duplicate the content
Cut down on content and features
Different URLs
The Mobile Web
Adapt your web site and make all content available to
everyone on any device
1. Responsive web design
2. Dynamically serving different HTML on the same URL
3. Separate mobile URLs
Source: Google, http://googlewebmastercentral.blogspot.com/2012/06/recommendations-for-building-smartphone.html
60% expect the mobile site to load in 3 sec or less
71% expect the mobile site to load as fast as the desktop site
78% will retry a site two times or less if it does not load initially
Source: Compuware, "What Users Want from Mobile," 2011. (Google, http://www.howtogomo.com/en/)
Mobile site best practice
Source: Google, http://www.howtogomo.com/en/d/why-go-mo/#mobile-best-practices
“Context - the sum total
of what is known about
an individual along with
what he or she is
currently experiencing”
Julie A. Ask, Forrester
Today’s Channel
is
Tomorrow’s Contex
What about me?
The Future is Mobile
Tom Stenius
Product Manager
@tomstenius
tom.stenius@episerver.com
Thank you!
Image references
• http://morristown-nj.org/features2.html?id=1305049921
• http://www.intomobile.com/2010/09/02/hands-on-samsung-galaxy-tab-android-7inches-of-android-tablet-goodness/
• http://infographiclist.com/2012/03/05/future-of-mobile-infographic
• http://www.digitaltrends.com/mobile/microsoft-builds-giant-nyc-phone-for-launchevent-spotify-comes-to-windows-phone/
• http://blogs.lavozdegalicia.es/serantes/?p=5079
• http://www.skyscrapercity.com/showthread.php?t=975440
• http://results.envisialearning.com/women-work-stress-and-hidden-challenges/
• http://sv.wikipedia.org/wiki/Fil:Uncle_Sam_(pointing_finger).jpg
• http://www.mambaseo.com.au/skin/frontend/default/default/images/googleApproved.jp
g
• http://www.flickr.com/photos/simona_/4068354970/sizes/l/in/photostream
• http://www.white-fire.co.uk/wp-content/uploads/2012/04/responsive-designexample1.jpg
• http://www.daronet.eu/_Pics/responsive_en.png