1. App Development &
Mobile Site Platforms for
the Enhanced Digital World
Mark Menard
smAlbany 2012
July 17, 2012
Friday, July 20, 12

2. Who am I?
Mark Menard
Internet Professional
Since 1995
@mark_menard
We Build Web & Mobile Apps
2
Friday, July 20, 12

3. Mobile 1.0
3
Friday, July 20, 12

4. How large is
the mobile
market?
4
Friday, July 20, 12

5. There are 4 billion
mobile phones in
use today.
5
Friday, July 20, 12

6. There are over 1
billion smartphones
in use today.
6
Friday, July 20, 12

7. By 2014
mobile
internet usage
will overtake
desktop usage.
7
Friday, July 20, 12

8. 62% of 25-34
year olds have
smartphones
8
Friday, July 20, 12

9. Half of all local
searches are performed
on mobile devices.
9
Friday, July 20, 12

10. Mobile 2.0
Don’t forget
the Tablets
10
Friday, July 20, 12

11. By the end of 2012
tablet sales will
overtake PC sales.
-Tim Cook
Apple CEO
11
Friday, July 20, 12

12. 55 million iPads sold
in the first 18 months!
12
Friday, July 20, 12

13. We live in an
“app” world.
13
Friday, July 20, 12

14. 14
Friday, July 20, 12

15. Mobile Platforms
iOS
iPhone iPad
15
Friday, July 20, 12

16. Mobile Platforms
Android
16
Friday, July 20, 12

17. Mobile Platforms
The also Rans
17
Friday, July 20, 12

18. Mobile Platforms
But is it an also
ran?
18
Friday, July 20, 12

19. Do you need a
mobile strategy?
19
Friday, July 20, 12

20. Yes!
20
Friday, July 20, 12

21. One size does
not fit all!
21
Friday, July 20, 12

22. One size does
not fit all!
Websites vs Apps
22
Friday, July 20, 12

23. Websites vs Apps
The Good News
Use your existing site Installed App
Use existing Can use data from your
technologies existing site
Can be done Represents a significant
incrementally branding opportunity
Use the hardware
Fastest user experience
23
Friday, July 20, 12

24. Websites vs Apps
The Bad News
Uses your existing site New technologies
Can be difficult to take Need to navigate the
advantage of hardware app store process
Lots of form factors to There’s more than one
deal with platform
24
Friday, July 20, 12

25. Four Main Strategies
25
Friday, July 20, 12

26. Four Main Strategies
Mobile Web Site
Responsive Design
Native Apps
Cross Platform Apps
26
Friday, July 20, 12

27. Mobile Web Site
Serve unique content for mobile devices
using either a separate website, or the same
website using separate templates and graphic
content.
27
Friday, July 20, 12

28. Mobile Web Site
Twitter
Notice the mobile.twitter.com
address,
and the web
browser controls.
28
Friday, July 20, 12

29. Mobile Web Site
Twitter
Elements are large enough to
tap with a finger.
No side bars.
Limited and focused content.
29
Friday, July 20, 12

30. Mobile Web Site
Twitter
Accessing additional
functionality requires a drill
down to another page.
30
Friday, July 20, 12

31. Mobile Web Site
The Home Depot Trip Advisor Facebook
31
Friday, July 20, 12

32. Four Main Strategies
Mobile Web Site
Responsive Design
Native Apps
Cross Platform Apps
32
Friday, July 20, 12

33. Responsive Design
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.
33
Friday, July 20, 12

34. Responsive Design
A WordPress Example
Desktop Layout
34
Friday, July 20, 12

35. Responsive Design
A WordPress Example
iPad Layout 35
Friday, July 20, 12

36. Responsive Design
A WordPress Example
iPhone Layout
36
Friday, July 20, 12

37. Responsive Design
37
Friday, July 20, 12

38. Four Main Strategies
Mobile Web Site
Responsive Design
Native Apps
Cross Platform Apps
38
Friday, July 20, 12

39. Native Apps
Applications written specifically for a
particular mobile platform, such as iOS or
Android using native tools.
39
Friday, July 20, 12

40. Native Apps
Objective-C or Ruby Java
Xcode Eclipse, IntelliJ
Cocoa Touch Android APIs
40
Friday, July 20, 12

41. Four Main Strategies
Mobile Web Site
Responsive Design
Native Apps
Cross Platform Apps
41
Friday, July 20, 12

42. Cross Platform Apps
Apps developed using tools that
leverage web based technologies, such
as HTML5, Javascript, and CSS, Flash,
Flex, and many others to create native
applications available through iTunes
and Android app stores.
42
Friday, July 20, 12

43. Native Apps vs Cross Platform Apps
The Good News
Takes best advantage of the Write one app and run on
hardware multiple platforms
Looks and feels like a native Performance is generally
app good
Many developers available Can leverage existing skills
from prior platforms, such as
web design and
development
43
Friday, July 20, 12

44. Native Apps vs Cross Platform Apps
The Bad News
Need to maintain multiple Cross platform always has
versions of your app for each compromises
platform
Performance can suffer in
certain edge cases
Need to learn new
technologies Can be hard to achieve a true
native look and feel
Sometimes the app store can Some solutions have limited
be a pain developer communities
44
Friday, July 20, 12

45. What Should I Do?
Marketing Website Mobile Web Site
E-Commerce Responsive Design
Database Application Native Apps
Software as a Service Cross Platform Apps
45
Friday, July 20, 12

46. What Should I Do?
Marketing Website Mobile Web Site
E-Commerce Responsive Design
Database Application Native Apps
Software as a Service Cross Platform Apps
46
Friday, July 20, 12

47. I’m Mark Menard
@mark_menard
We Build Web & Mobile Apps
http://www.enablelabs.com/
47
Friday, July 20, 12

48. Referral Madness
Get $500 for Win a
every referral Retina Display
we close. MacBook Pro!
Ends August 31, 2012
http://www.enablelabs.com/referral-madness
48
Friday, July 20, 12

49. Credits
Mobile Usage Statistics: http://tag.microsoft.com/community/blog/t/
the_growth_of_mobile_marketing_and_tagging.aspx
Sneakers photo: Linda Cronin: http://www.flickr.com/photos/oldflints/5849110918/
Reveal: Responsive Wordpress Theme: http://themetrust.com/themes/reveal
49
Friday, July 20, 12