1. App
D e v e lo p m e n t &
M o b ile S it e
P la t f o r m s f o r t h e
E n h a n c e d D ig it a l
Wo rd
Mark Menard
smAlbany 2012
July 17, 2012

2. M o b ile
1. 0
2

3. How
la r g e is
the
m o b ile
ma rk e t?
3

4. Th e r e a r e 4
b illio n
m o b ile
p h o n e s in
u s e t o d a y.
4

5. Th e r e a r e
o v e r 1 b illio n
s ma rtp ho ne s
in u s e t o d a y.
5

6. B y 2 0 14
m o b ile
in t e r n e t
us a g e
w ill
o ve rta k e
d e s k to p
us a g e .
6

7. 6 2 % of
2 5 -3 4
y e a r o ld s
ha ve
s ma rtp ho
ne s
7

8. H a lf o f a ll lo c a l
s e a rc he s a re
p e rfo rm e d o n
m o b ile
d e v ic e s .
8

9. M o b ile
2 .0
D o n ’t
fo rg e t
the
T a b le t s
9

10. B y the e nd o f
2 0 12 t a b l e t
s a le s w ill
o ve rta k e P C
s a le s .
-T im
C ook
A p p le
C EO
10

11. 5 5 m illio n
iP a d s s o ld in
t h e f i r s t 18
mo nths !
11

12. W e liv e in
a n “a p p ”
w o r ld .
12

13. 13

14. M o b ile
P la t f o r m s
iO S
iP h o n e iP a d
14

15. M o b ile
P la t f o r m s
A n d r o id
15

16. M o b ile
P lh e f o rs os
Tat alm
R a ns
16

17. M o b ile
P la t f o r m s
B u t is it a n
a ls o r a n ?
17

18. Do you need a
mobile strategy?
18

19. Yes!
19

20. O n e s iz e
doe s not
f it a ll!
20

21. F o u r M a in
S t r a t e g ie s
21

22. F o u r M a in
S t r a t e g ie s
M o b ile
ReW s p oS is ev e
eb n ti
D a t i i gen
N es v
CA rpops ss
P la t f o r m
Apps 22

23. M o b ile
W e b S it e
Serve unique content for mobile devices
using either a separate website, or the
same website using separate templates
and graphic content.
23

24. M o b ile
W e bi t S e tre
Tw t i
Notice the mobile.twitter.com
address,
and the web
browser controls.
24

25. M o b ile
W e bi t S e tre
Tw t i
Elements are large enough to
tap with a finger.
No side bars.
Limited and focused content.
25

26. M o b ile
W e bi t S e tre
Tw t i
Accessing additional
functionality requires a drill
down to another page.
26

27. M o b ile
W e b S it e
h e H o m e D e p o T r ip A d v is o r
t Fac ebook
27

28. F o u r M a in
S t r a t e g ie s
M o b ile
ReW s p oS is ev e
eb n ti
D a t i i gen
N es v
CA rpops ss
P la t f o r m
Apps 28

29. R e s p o n s iv e
D e s ig n
Use various techniques, such as CSS, fluid
layouts, and flexible images to achieve a
pleasing appearance on a mobile device
while serving the same content.
29

30. R e s p o n s iv e
D e s ig n
D e s k to p
A Wo rd P re s s
30

31. R e s p o n s iv e
A Wo rd P re s s
D e s ig n
E x a m p le
iP a d 31

32. R e s p o n s iv e
A Wo rd P re s s
D e s ig n
E x a m p le
iP h o n e
L a yo u t 32

33. R e s p o n s iv e
D e s ig n
33

34. F o u r M a in
S t r a t e g ie s
M o b ile
ReW s p oS is ev e
eb n ti
D a t i i gen
N es v
CA rpops ss
P la t f o r m
Apps 34

35. N a t iv e
Apps
Applications written specifically for a
particular mobile platform, such as iOS or
Android using native tools.
35

36. F o u r M a in
S t r a t e g ie s
M o b ile
ReW s p oS is ev e
eb n ti
D a t i i gen
N es v
CA rpops ss
P la t f o r m
Apps 36

37. C ros s
Apps developed using tools that
P lweb t f o technologies,
leverage
a based r m
such as HTML5,p s
A p and many others to
Javascript, and
CSS, Flash, Flex,
create native applications available
through iTunes and Android app
stores.
37

38. I’m Mark Menard
@mark_menard
We Build Web & Mobile Apps
We Build Community
We Build Startups
http://www.enablelabs.com/
38