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.
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Cheek Dot Com - From Web to Mobile
1. 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
www.cheek.com
2. Why Have a Mobile Strategy?
2016: 450M tablets / yr 2015: Mobile is 80% of
45% CAGR 2012-2016 broadband ‘net
access
2012: 150M 2016: 450M
www.cheek.com
3. 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
4. Option 1: Do Nothing
www.ed.gov
• Make no changes to your Scorecard
existing web site Cost
Zero
• Users may miss content, or New Markets
None
pinch and zoom a lot
UX
• Example: U. S. Department Not mobile-friendly
of Education, www.ed.gov Best For
Those w/o mobile strategy
Caveat
Clock is ticking …
www.cheek.com
5. Option 1: Do Nothing
www.ed.gov Desktop view (Mac Chrome)
Scorecard
Cost
Zero
New Markets
None
UX
Not mobile-friendly
Best For
Those w/o mobile strategy
Caveat
Clock is ticking …
www.cheek.com
6. Option 1: Do Nothing
www.ed.gov Tablet view (New iPad Safari)
Scorecard
Cost
Zero
New Markets
None
UX
Not mobile-friendly
Best For
Those w/o mobile strategy
Caveat
Clock is ticking …
www.cheek.com
7. Option 1: Do Nothing
www.ed.gov iPod view (iTouch 4th Gen Safari)
Scorecard
Cost
Zero
New Markets
None
UX
Not mobile-friendly
Best For
Those w/o mobile strategy
Caveat
Clock is ticking …
www.cheek.com
8. Option 1: Do Nothing
www.ed.gov/blog missing content (New iPad)
Scorecard
Watch the video Cost
Zero
New Markets
None
UX
Not mobile-friendly
Best For
Those w/o mobile strategy
Caveat
No video Clock is ticking …
www.cheek.com
9. Option 2: Dedicated Mobile Site
LinkedIn
Single Database Scorecard
Cost
$$$
Codebase Codebase New Markets
One Per New Site
UX
Front End Front End Mobile-friendly
Best For
Wanting complete control
www.site.com m.site.com Caveat
Expensive
www.cheek.com
10. Option 2: Dedicated Mobile Site
www.linkedin.com desktop site (Mac, Chrome)
Scorecard
Cost
$$$
New Markets
One Per New Site
UX
Mobile-friendly
Best For
Wanting complete control
Caveat
Expensive
www.cheek.com
11. Option 2: Dedicated Mobile Site
iPod Touch 4th Gen, Safari redirects to touch.www
Scorecard
Cost
$$$
New Markets
One Per New Site
UX
Mobile-friendly
Best For
Wanting complete control
Caveat
Expensive
www.cheek.com
12. Option 2: Dedicated Mobile Site
linkedin.com (New iPad, Safari) starts with touch splash…
Scorecard
Cost
$$$
New Markets
One Per New Site
UX
Mobile-friendly
Best For
Wanting complete control
Caveat
Expensive
www.cheek.com
13. Option 2: Dedicated Mobile Site
… then immediately redirects to desktop site
Scorecard
Cost
$$$
New Markets
One Per New Site
UX
Mobile-friendly
Best For
Wanting complete control
Caveat
Expensive
www.cheek.com
14. Option 2: Dedicated Mobile Site
linkedin.com Nexus 7 (JB), Chrome starts with touch splash…
Scorecard
Cost
$$$
New Markets
One Per New Site
UX
Mobile-friendly
Best For
Wanting complete control
Caveat
Expensive
www.cheek.com
15. Option 2: Dedicated Mobile Site
… then redirects to touch.www
Scorecard
Cost
$$$
New Markets
One Per New Site
UX
Mobile-friendly
Best For
Wanting complete control
Caveat
Expensive
www.cheek.com
16. Option 3: Mobile Theme
Modern CMS (Drupal, WordPress, etc.)
Single Database Scorecard
Cost
$
Single Codebase New Markets
One
UX
Single Front End Mobile-friendly
Best For
Quick Mobile Web Tactic
Theme for Desktop Theme for Mobile Caveat
Only if CMS supports it
www.cheek.com
17. Option 3: Mobile Theme
Drupal: forum.cheek.com (Mac, Chrome)
Scorecard
Cost
$
New Markets
One
UX
Mobile-friendly
Best For
Quick Mobile Web Tactic
Caveat
Only if CMS supports it
www.cheek.com
18. Option 3: Mobile Theme
Drupal: forum.cheek.com (Nexus 7, Chrome)
Scorecard
Cost
$
New Markets
One
UX
Mobile-friendly
Best For
Quick Mobile Web Tactic
Caveat
Only if CMS supports it
www.cheek.com
19. Option 4: Responsive Design
CGAP
Single Database Scorecard
Cost
$$
Single Codebase New Markets
One
UX
Single Front End Mobile-friendly
Best For
Moderate control, price
Single Theme Caveat
Costlier than theme plugin
www.cheek.com
20. Option 4: Responsive Design
CGAP (Mac, Chrome)
Scorecard
Cost
$$
New Markets
One
UX
Mobile-friendly
Best For
Moderate control, price
Caveat
Costlier than theme plugin
www.cheek.com
21. Option 4: Responsive Design
CGAP (Nexus 7, Chrome, Portrait)
Scorecard
Cost
$$
New Markets
One
UX
Mobile-friendly
Best For
Moderate control, price
Caveat
Costlier than theme plugin
www.cheek.com
22. Option 5: Thick App
White House
Single Database Scorecard
Cost
$$$
Web Code API New Markets
One per app store
UX
Front End Thick App Mobile-friendly
Best For
New UI, App Store presence,
Desktop IAPs, hardware/SMS access,
Mobile client UDID/CFUDID to tie to
Browser device, gamification that
matters, etc. etc. etc.
www.cheek.com
23. Option 5: Thick App
www.whitehouse.gov/blog (Mac, Chrome)
Scorecard
Cost
$$$
New Markets
One per app store
UX
Mobile-friendly
Best For
New UI, App Store presence,
IAPs, hardware/SMS access,
UDID/CFUDID to tie to
device, gamification that
matters, etc. etc. etc.
www.cheek.com
24. Option 5: Thick App
www.whitehouse.gov/blog (New iPad, Safari)
Scorecard
Cost
$$$
New Markets
One per app store
UX
Mobile-friendly
Best For
New UI, App Store presence,
IAPs, hardware/SMS access,
UDID/CFUDID to tie to
device, gamification that
matters, etc. etc. etc.
www.cheek.com
25. Option 5: Thick App
White House Blog (New iPad, Thick App)
Scorecard
Cost
$$$
New Markets
One per app store
UX
Mobile-friendly
Best For
New UI, App Store presence,
IAPs, hardware/SMS access,
UDID/CFUDID to tie to
device, gamification that
matters, etc. etc. etc.
www.cheek.com
26. Option 5: Thick App
White House Blog (Nexus 7 App, Portrait)
Scorecard
Cost
$$$
New Markets
One per app store
UX
Mobile-friendly
Best For
New UI, App Store presence,
IAPs, hardware/SMS access,
UDID/CFUDID to tie to
device, gamification that
matters, etc. etc. etc.
www.cheek.com
27. Option 5: Thick App
White House Blog (Nexus 7 App, Landscape)
Scorecard
Cost
$$$
New Markets
One per app store
UX
Mobile-friendly
Best For
New UI, App Store presence,
IAPs, hardware/SMS access,
UDID/CFUDID to tie to
device, gamification that
matters, etc. etc. etc.
www.cheek.com
28. Option 6: Thin Web App
Ed.gov Thin App
Single Database Scorecard
Cost
$
Web Code New Markets
One per app store
UX
Front End Desktop site
Best For
Quick App Store presence,
IAPs, hardware/SMS access,
Desktop Browser Mobile App UDID/CFUDID to tie to
device, gamification that
matters, etc. etc. etc.
www.cheek.com
29. Option 6: Thin Web App
Ed.gov Thin App Landscape (Nexus 7)
Scorecard
Cost
$
New Markets
One per app store
UX
Desktop site
Best For
Quick App Store presence,
IAPs, hardware/SMS access,
UDID/CFUDID to tie to
device, gamification that
matters, etc. etc. etc.
www.cheek.com
30. Option 6: Thin Web App
Ed.gov Thin App Portrait (Nexus 7)
Scorecard
Cost
$
New Markets
One per app store
UX
Desktop site
Best For
Quick App Store presence,
IAPs, hardware/SMS access,
UDID/CFUDID to tie to
device, gamification that
matters, etc. etc. etc.
www.cheek.com
31. Silver Bullet? Thin App + Theme
or Responsive Design (CGAP Thin App)
Single Database Scorecard
Cost
$½ to $$
Web Code New Markets
One per app store
+ Mobile Web
Desktop Theme Mobile Theme / UX
Mobile sites
/ Design Design
Best For
Mobile Web + App Store
Desktop or presences, IAPs,
Mobile App hardware/SMS access,
Mobile Browser UDID/CFUDID to tie to device,
gamification that matters, etc.
etc. etc.
www.cheek.com
32. Silver Bullet? Thin App + Theme
Responsive Design (CGAP, Nexus 7 Landscape)
Scorecard
Cost
$½ to $$
New Markets
One per app store
+ Mobile Web
UX
Mobile sites
Best For
Mobile Web + App Store
presences, IAPs,
hardware/SMS access,
UDID/CFUDID to tie to device,
gamification that matters, etc.
etc. etc.
www.cheek.com
33. Silver Bullet? Thin App + Theme
Responsive Design (CGAP, Nexus 7 Portrait)
Scorecard
Cost
$½ to $$
New Markets
One per app store
+ Mobile Web
UX
Mobile sites
Best For
Mobile Web + App Store
presences, IAPs,
hardware/SMS access,
UDID/CFUDID to tie to device,
gamification that matters, etc.
etc. etc.
www.cheek.com
34. 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
www.cheek.com