Download - Cheek Dot Com - From Web to Mobile
![Page 1: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/1.jpg)
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
![Page 2: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/2.jpg)
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
![Page 3: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/3.jpg)
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.
![Page 4: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/4.jpg)
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 …
![Page 5: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/5.jpg)
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 …
![Page 6: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/6.jpg)
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 …
![Page 7: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/7.jpg)
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 …
![Page 8: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/8.jpg)
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
![Page 9: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/9.jpg)
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
![Page 10: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/10.jpg)
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
![Page 11: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/11.jpg)
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
![Page 12: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/12.jpg)
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
![Page 13: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/13.jpg)
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
![Page 14: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/14.jpg)
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
![Page 15: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/15.jpg)
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
![Page 16: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/16.jpg)
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
![Page 17: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/17.jpg)
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
![Page 18: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/18.jpg)
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
![Page 19: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/19.jpg)
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
![Page 20: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/20.jpg)
www.cheek.com
Option 4: Responsive DesignCGAP (Mac, Chrome)
ScorecardCost
$$
New MarketsOne
UXMobile-friendly
Best ForModerate control, price
CaveatCostlier than theme plugin
![Page 21: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/21.jpg)
www.cheek.com
Option 4: Responsive DesignCGAP (Nexus 7, Chrome, Portrait)
ScorecardCost
$$
New MarketsOne
UXMobile-friendly
Best ForModerate control, price
CaveatCostlier than theme plugin
![Page 22: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/22.jpg)
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.
![Page 23: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/23.jpg)
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.
![Page 24: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/24.jpg)
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.
![Page 25: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/25.jpg)
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.
![Page 26: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/26.jpg)
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.
![Page 27: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/27.jpg)
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.
![Page 28: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/28.jpg)
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.
![Page 29: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/29.jpg)
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.
![Page 30: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/30.jpg)
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.
![Page 31: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/31.jpg)
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.
![Page 32: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/32.jpg)
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.
![Page 33: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/33.jpg)
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.
![Page 34: Cheek Dot Com - From Web to Mobile](https://reader034.vdocuments.net/reader034/viewer/2022050808/5598bd7c1a28ab9e178b45c6/html5/thumbnails/34.jpg)
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