View
1.249
Download
2
Embed Size (px)
DESCRIPTION
What’s in this presentation: Different methods of getting your web site ready for consumption on tablets and smartphones Pros and cons of each Development cost New markets served (Mobile Web, App Store, etc.) Best for / caveats etc.
Citation preview
www.cheek.com
From Web to MobileWhat does it take?
Joseph Cheek, Owner
CheekDotCom SoftwareDrupal • Mobile Apps • Mobile Web
www.cheek.com
@cheekdotcom
/in/josephcheek
slideshare.net/josephwcheek
www.cheek.com
Why Have a Mobile Strategy?
2015: Mobile is 80% of
broadband ‘net
access
2012: 150M 2016: 450M
2016: 450M tablets / yr45% CAGR 2012-2016
www.cheek.com
Overview / Scope
• What’s in this presentation:
• Different methods of getting your web site
ready for consumption on tablets and
smartphones
• Pros and cons of each
• Development cost
• New markets served (Mobile Web, App Store, etc.)
• Best for / caveats
• etc.
www.cheek.com
Option 1: Do Nothingwww.ed.gov
• Make no changes to your
existing web site
• Users may miss content, or
pinch and zoom a lot
• Example: U. S. Department
of Education, www.ed.gov
ScorecardCostZero
New MarketsNone
UXNot mobile-friendly
Best ForThose w/o mobile strategy
CaveatClock is ticking …
www.cheek.com
Option 1: Do Nothingwww.ed.gov Desktop view (Mac Chrome)
ScorecardCostZero
New MarketsNone
UXNot mobile-friendly
Best ForThose w/o mobile strategy
CaveatClock is ticking …
www.cheek.com
Option 1: Do Nothingwww.ed.gov Tablet view (New iPad Safari)
ScorecardCostZero
New MarketsNone
UXNot mobile-friendly
Best ForThose w/o mobile strategy
CaveatClock is ticking …
www.cheek.com
Option 1: Do Nothingwww.ed.gov iPod view (iTouch 4th Gen Safari)
ScorecardCostZero
New MarketsNone
UXNot mobile-friendly
Best ForThose w/o mobile strategy
CaveatClock is ticking …
www.cheek.com
Option 1: Do Nothingwww.ed.gov/blog missing content (New iPad)
ScorecardCostZero
New MarketsNone
UXNot mobile-friendly
Best ForThose w/o mobile strategy
CaveatClock is ticking …
Watch the video
No video
www.cheek.com
Option 2: Dedicated Mobile SiteLinkedIn
Single Database
Codebase
Front End
www.site.com
Codebase
Front End
m.site.com
ScorecardCost
$$$
New MarketsOne Per New Site
UXMobile-friendly
Best ForWanting complete control
CaveatExpensive
www.cheek.com
Option 2: Dedicated Mobile Sitewww.linkedin.com desktop site (Mac, Chrome)
ScorecardCost
$$$
New MarketsOne Per New Site
UXMobile-friendly
Best ForWanting complete control
CaveatExpensive
www.cheek.com
Option 2: Dedicated Mobile SiteiPod Touch 4th Gen, Safari redirects to touch.www
ScorecardCost
$$$
New MarketsOne Per New Site
UXMobile-friendly
Best ForWanting complete control
CaveatExpensive
www.cheek.com
Option 2: Dedicated Mobile Sitelinkedin.com (New iPad, Safari) starts with touch splash…
ScorecardCost
$$$
New MarketsOne Per New Site
UXMobile-friendly
Best ForWanting complete control
CaveatExpensive
www.cheek.com
Option 2: Dedicated Mobile Site… then immediately redirects to desktop site
ScorecardCost
$$$
New MarketsOne Per New Site
UXMobile-friendly
Best ForWanting complete control
CaveatExpensive
www.cheek.com
Option 2: Dedicated Mobile Sitelinkedin.com Nexus 7 (JB), Chrome starts with touch splash…
ScorecardCost
$$$
New MarketsOne Per New Site
UXMobile-friendly
Best ForWanting complete control
CaveatExpensive
www.cheek.com
Option 2: Dedicated Mobile Site… then redirects to touch.www
ScorecardCost
$$$
New MarketsOne Per New Site
UXMobile-friendly
Best ForWanting complete control
CaveatExpensive
www.cheek.com
Option 3: Mobile ThemeModern CMS (Drupal, WordPress, etc.)
Single Database
Single Codebase
Single Front End
Theme for Desktop Theme for Mobile
ScorecardCost
$
New MarketsOne
UXMobile-friendly
Best ForQuick Mobile Web Tactic
CaveatOnly if CMS supports it
www.cheek.com
Option 3: Mobile ThemeDrupal: forum.cheek.com (Mac, Chrome)
ScorecardCost
$
New MarketsOne
UXMobile-friendly
Best ForQuick Mobile Web Tactic
CaveatOnly if CMS supports it
www.cheek.com
Option 3: Mobile ThemeDrupal: forum.cheek.com (Nexus 7, Chrome)
ScorecardCost
$
New MarketsOne
UXMobile-friendly
Best ForQuick Mobile Web Tactic
CaveatOnly if CMS supports it
www.cheek.com
Option 4: Responsive DesignCGAP
Single Database
Single Codebase
Single Front End
Single Theme
ScorecardCost
$$
New MarketsOne
UXMobile-friendly
Best ForModerate control, price
CaveatCostlier than theme plugin
www.cheek.com
Option 4: Responsive DesignCGAP (Mac, Chrome)
ScorecardCost
$$
New MarketsOne
UXMobile-friendly
Best ForModerate control, price
CaveatCostlier than theme plugin
www.cheek.com
Option 4: Responsive DesignCGAP (Nexus 7, Chrome, Portrait)
ScorecardCost
$$
New MarketsOne
UXMobile-friendly
Best ForModerate control, price
CaveatCostlier than theme plugin
www.cheek.com
Option 5: Thick AppWhite House
Single Database
Web Code
Front End
Desktop Browser
API
Thick App
Mobile client
ScorecardCost
$$$
New MarketsOne per app store
UXMobile-friendly
Best ForNew UI, App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Option 5: Thick Appwww.whitehouse.gov/blog (Mac, Chrome)
ScorecardCost
$$$
New MarketsOne per app store
UXMobile-friendly
Best ForNew UI, App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Option 5: Thick Appwww.whitehouse.gov/blog (New iPad, Safari)
ScorecardCost
$$$
New MarketsOne per app store
UXMobile-friendly
Best ForNew UI, App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Option 5: Thick AppWhite House Blog (New iPad, Thick App)
ScorecardCost
$$$
New MarketsOne per app store
UXMobile-friendly
Best ForNew UI, App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Option 5: Thick AppWhite House Blog (Nexus 7 App, Portrait)
ScorecardCost
$$$
New MarketsOne per app store
UXMobile-friendly
Best ForNew UI, App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Option 5: Thick AppWhite House Blog (Nexus 7 App, Landscape)
ScorecardCost
$$$
New MarketsOne per app store
UXMobile-friendly
Best ForNew UI, App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Option 6: Thin Web AppEd.gov Thin App
Single Database
Web Code
Front End
Desktop Browser Mobile App
ScorecardCost
$
New MarketsOne per app store
UXDesktop site
Best ForQuick App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Option 6: Thin Web AppEd.gov Thin App Landscape (Nexus 7)
ScorecardCost
$
New MarketsOne per app store
UXDesktop site
Best ForQuick App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Option 6: Thin Web AppEd.gov Thin App Portrait (Nexus 7)
ScorecardCost
$
New MarketsOne per app store
UXDesktop site
Best ForQuick App Store presence,IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Silver Bullet? Thin App + Themeor Responsive Design (CGAP Thin App)
Single Database
Web Code
Desktop Theme / Design
Desktop or Mobile Browser
Mobile Theme / Design
Mobile App
ScorecardCost
$½ to $$
New MarketsOne per app store+ Mobile Web
UXMobile sites
Best ForMobile Web + App Store presences, IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Silver Bullet? Thin App + ThemeResponsive Design (CGAP, Nexus 7 Landscape)
ScorecardCost
$½ to $$
New MarketsOne per app store+ Mobile Web
UXMobile sites
Best ForMobile Web + App Store presences, IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
Silver Bullet? Thin App + ThemeResponsive Design (CGAP, Nexus 7 Portrait)
ScorecardCost
$½ to $$
New MarketsOne per app store+ Mobile Web
UXMobile sites
Best ForMobile Web + App Store presences, IAPs, hardware/SMS access, UDID/CFUDID to tie to device, gamification that matters, etc. etc. etc.
www.cheek.com
From Web to MobileWhat does it take?
Joseph Cheek, Owner
CheekDotCom SoftwareDrupal • Mobile Apps • Mobile Web
www.cheek.com
@cheekdotcom
/in/josephcheek
slideshare.net/josephwcheek