www.cheek.com From Web to Mobile What does it take? Joseph Cheek, Owner CheekDotCom Software Drupal • Mobile Apps • Mobile Web www.cheek.com @cheekdotcom /in/josephcheek slideshare.net/josephwcheek
Jul 05, 2015
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