Going Mobile First
And What it Means for Your Business

Presented by Jordan McNamara

#BarCampCV
Background

Growth

Focus

@jordan_mcn
Web Designer
UNIBusiness Alum
Lover of all things mobile

Innovation
Background

Growth

Focus

cy·borg
a person whose body contains
mechanical or electrical devices and
whose abilities are greater than the
abilities of normal humans

Innovation
Background

Growth

Focus

Innovation

1,200 Petabyte
Or

1.2583e+9 Gigabytes
Of data on the internet
Background

Growth

Focus

Innovation

147,900,000
U.S. Smartphone Owners
Background

Growth

Focus

Innovation

How many years will did it take for mobile to reach
mass market?

A.  20 years
B.  12 years
C.  7 years
D.  3 years
Background

Growth

Focus

Innovation

How many years will did it take for mobile to reach
mass market?

A.  20 years
B.  12 years
C.  7 years
D.  3 years
Background

Growth

Focus

Mobile First
Making mobile a priority rather than a
afterthought in order to capitalize the
growth and opportunities of the
medium

Innovation
Background

Growth

Focus

Innovation

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
Background

Growth

Focus

Growth
Opportunity

Innovation
Background

Growth

Focus

378,000
Babies born every day

1,000,000
Androids activated every day

Innovation
Background

Growth

30%

Focus

Innovation

The average website
receive 30% of its
traffic from mobile
devices	
  
Background

Growth

Focus

-20%
Home usages of desktop computers has
dropped over 20% since 2008	
  

Innovation
Background

Growth

Focus

Innovation

•  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
Background

Growth

Focus

Innovation
Background

Growth

Focus

Focus
Constraints

Innovation
Background

Data

Growth

Focus

Size

Innovation

Attention
Background

Growth

Focus

Innovation
Background

Growth

Focus

Innovation
Background

Growth

Focus

Innovation
Background

Growth

Focus

Innovation
Background

Growth

Desktop First

Focus

Innovation

Mobile First

body {!
!background:url(/images/
!huge-image.png) no-repeat!
}!

body {!
!background:url(/images/
!mobile-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!
!}!
}!
Background

Growth

Focus

Innovation
Background

Growth

Focus

Innovation

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.
 
Background

Growth

Focus

1
2
3
4
5

35% CTR
15% CTR
10% CTR
7% CTR
5% CTR

Innovation
Background

Growth

Focus

•  84% at home
•  80% during misc. times
•  74% waiting in lines
•  64% at work

Innovation
Background

Growth

Focus

Innovation
Capabilities

Innovation
Background

Growth

Desktop

Focus

Innovation

Mobile
Background

Growth

Focus

Innovation
Background

Growth

Focus

Innovation
Background

Growth

Focus

Innovation
Background

Growth

Focus

Innovation
Questions?
@jordan_mcn
Jordanmcnamara.com

Going Mobile First And What it Means for Your Business