Date post: | 12-May-2015 |
Category: |
Technology |
Upload: | mark-menard |
View: | 549 times |
Download: | 2 times |
App Development & Mobile Site Platforms for the Enhanced Digital World
Mark MenardsmAlbany 2012July 17, 2012
Friday, July 20, 12
2
Who am I?Mark Menard
Internet Professional
Since 1995
We Build Web & Mobile Apps
@mark_menard
Friday, July 20, 12
3
Mobile 1.0
Friday, July 20, 12
4
How large is the mobile
market?
Friday, July 20, 12
5
There are 4 billion mobile phones in
use today.
Friday, July 20, 12
6
There are over 1 billion smartphones
in use today.
Friday, July 20, 12
7
By 2014 mobile
internet usage will overtake
desktop usage.
Friday, July 20, 12
8
62% of 25-34 year olds have smartphones
Friday, July 20, 12
9
Half of all local searches are performed
on mobile devices.
Friday, July 20, 12
10
Mobile 2.0
Don’t forget the Tablets
Friday, July 20, 12
11
By the end of 2012 tablet sales will
overtake PC sales.
-Tim CookApple CEO
Friday, July 20, 12
12
55 million iPads sold in the "rst 18 months!
Friday, July 20, 12
13
We live in an “app” world.
Friday, July 20, 12
14
Friday, July 20, 12
15
Mobile PlatformsiOS
iPhone iPad
Friday, July 20, 12
16
Mobile PlatformsAndroid
Friday, July 20, 12
17
Mobile PlatformsThe also Rans
Friday, July 20, 12
18
Mobile Platforms
But is it an also ran?
Friday, July 20, 12
19
Do you need a mobile strategy?
Friday, July 20, 12
20
Yes!
Friday, July 20, 12
21
One size does not "t all!
Friday, July 20, 12
22
One size does not "t all!
Websites vs Apps
Friday, July 20, 12
23
Websites vs Apps
Use your existing site
Use existing technologies
Can be done incrementally
Installed App
Can use data from your existing site
Represents a signi!cant branding opportunity
The Good News
Use the hardware
Fastest user experience
Friday, July 20, 12
24
Websites vs Apps
Uses your existing site
Can be difficult to take advantage of hardware
Lots of form factors to deal with
New technologies
Need to navigate the app store process
There’s more than one platform
The Bad News
Friday, July 20, 12
25
Four Main Strategies
Friday, July 20, 12
26
Four Main Strategies
Native Apps
Mobile Web Site
Cross Platform Apps
Responsive Design
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.
Friday, July 20, 12
28
Mobile Web SiteTwitter
Notice the mobile.twitter.com address,
and the web browser controls.
Friday, July 20, 12
29
Mobile Web SiteTwitter
Elements are large enough to tap with a !nger.
No side bars.
Limited and focused content.
Friday, July 20, 12
30
Mobile Web SiteTwitter
Accessing additional functionality requires a drill
down to another page.
Friday, July 20, 12
31
Mobile Web Site
The Home Depot Trip Advisor Facebook
Friday, July 20, 12
32
Four Main Strategies
Native Apps
Mobile Web Site
Cross Platform Apps
Responsive Design
Friday, July 20, 12
33
Responsive Design
Use various techniques, such as CSS, #uid layouts, and #exible images to achieve a
pleasing appearance on a mobile device while serving the same content.
Friday, July 20, 12
34
Responsive DesignA W
ordPress Example
Desktop Layout
Friday, July 20, 12
35
Responsive Design
A W
ordPress Example
iPad LayoutFriday, July 20, 12
36
Responsive DesignA W
ordPress Example iPhone Layout
Friday, July 20, 12
37
Responsive Design
Friday, July 20, 12
38
Four Main Strategies
Native Apps
Mobile Web Site
Cross Platform Apps
Responsive Design
Friday, July 20, 12
39
Native Apps
Applications written speci!cally for a particular mobile platform, such as iOS or
Android using native tools.
Friday, July 20, 12
40
Native Apps
Objective-C or Ruby
Xcode
Cocoa Touch
Java
Eclipse, IntelliJ
Android APIs
Friday, July 20, 12
41
Four Main Strategies
Native Apps
Mobile Web Site
Cross Platform Apps
Responsive Design
Friday, July 20, 12
42
Cross Platform AppsApps 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.
Friday, July 20, 12
43
Cross Platform AppsNative Apps vs
Takes best advantage of the hardware
Looks and feels like a native app
Many developers available
Write one app and run on multiple platforms
Performance is generally good
Can leverage existing skills from prior platforms, such as
web design and development
The Good News
Friday, July 20, 12
44
Cross Platform AppsNative Apps vs
Need to maintain multiple versions of your app for each
platform
Need to learn new technologies
Sometimes the app store can be a pain
Cross platform always has compromises
Performance can suffer in certain edge cases
Can be hard to achieve a true native look and feel
The Bad News
Some solutions have limited developer communities
Friday, July 20, 12
45
What Should I Do?
Marketing Website
E-Commerce
Database Application
Software as a Service
Native Apps
Mobile Web Site
Cross Platform Apps
Responsive Design
Friday, July 20, 12
46
What Should I Do?
Marketing Website
E-Commerce
Database Application
Software as a Service
Native Apps
Mobile Web Site
Cross Platform Apps
Responsive Design
Friday, July 20, 12
47
I’m Mark Menard@mark_menard
http://www.enablelabs.com/
We Build Web & Mobile Apps
Friday, July 20, 12
48
http://www.enablelabs.com/referral-madness
Referral Madness
Win a Retina DisplayMacBook Pro!
Get $500 for every referral
we close.
Ends August 31, 2012
Friday, July 20, 12
49
Credits
Sneakers photo: Linda Cronin: http://www.#ickr.com/photos/old#ints/5849110918/
Reveal: Responsive Wordpress Theme: http://themetrust.com/themes/reveal
Mobile Usage Statistics: http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx
Friday, July 20, 12