From Web to Mobile   What does it take?  Joseph Cheek, Owner CheekDotCom Software  Drupal • Mobile Apps • Mobile Web      ...
Why Have a Mobile Strategy?2016: 450M tablets / yr     2015: Mobile is 80% of   45% CAGR 2012-2016          broadband ‘net...
Overview / Scope• What’s in this presentation:  • Different methods of getting your web site    ready for consumption on t...
Option 1: Do Nothing                www.ed.gov• Make no changes to your         Scorecard  existing web site            Co...
Option 1: Do Nothingwww.ed.gov Desktop view (Mac Chrome)                              Scorecard                           ...
Option 1: Do Nothingwww.ed.gov Tablet view (New iPad Safari)                                 Scorecard                    ...
Option 1: Do Nothingwww.ed.gov iPod view (iTouch 4th Gen Safari)                                   Scorecard              ...
Option 1: Do Nothingwww.ed.gov/blog missing content (New iPad)                                  Scorecard           Watch ...
Option 2: Dedicated Mobile Site                 LinkedIn   Single Database             Scorecard                          ...
Option 2: Dedicated Mobile Sitewww.linkedin.com desktop site (Mac, Chrome)                                  Scorecard     ...
Option 2: Dedicated Mobile SiteiPod Touch 4th Gen, Safari redirects to touch.www                                      Scor...
Option 2: Dedicated Mobile Sitelinkedin.com (New iPad, Safari) starts with touch splash…                                  ...
Option 2: Dedicated Mobile Site… then immediately redirects to desktop site                                   Scorecard   ...
Option 2: Dedicated Mobile Sitelinkedin.com Nexus 7 (JB), Chrome starts with touch splash…                                ...
Option 2: Dedicated Mobile Site    … then redirects to touch.www                               Scorecard                  ...
Option 3: Mobile Theme      Modern CMS (Drupal, WordPress, etc.)    Single Database                        Scorecard      ...
Option 3: Mobile ThemeDrupal: forum.cheek.com (Mac, Chrome)                                Scorecard                      ...
Option 3: Mobile ThemeDrupal: forum.cheek.com (Nexus 7, Chrome)                                  Scorecard                ...
Option 4: Responsive Design             CGAPSingle Database        Scorecard                    Cost                    $$...
Option 4: Responsive Design      CGAP (Mac, Chrome)                              Scorecard                           Cost ...
Option 4: Responsive Design  CGAP (Nexus 7, Chrome, Portrait)                               Scorecard                     ...
Option 5: Thick App                White House  Single Database                 Scorecard                               Co...
Option 5: Thick Appwww.whitehouse.gov/blog (Mac, Chrome)                               Scorecard                          ...
Option 5: Thick Appwww.whitehouse.gov/blog (New iPad, Safari)                                  Scorecard                  ...
Option 5: Thick AppWhite House Blog (New iPad, Thick App)                                Scorecard                        ...
Option 5: Thick AppWhite House Blog (Nexus 7 App, Portrait)                                 Scorecard                     ...
Option 5: Thick AppWhite House Blog (Nexus 7 App, Landscape)                                 Scorecard                    ...
Option 6: Thin Web App                  Ed.gov Thin App    Single Database                     Scorecard                  ...
Option 6: Thin Web AppEd.gov Thin App Landscape (Nexus 7)                               Scorecard                         ...
Option 6: Thin Web AppEd.gov Thin App Portrait (Nexus 7)                               Scorecard                          ...
Silver Bullet? Thin App + Theme     or Responsive Design (CGAP Thin App)   Single Database                   Scorecard    ...
Silver Bullet? Thin App + ThemeResponsive Design (CGAP, Nexus 7 Landscape)                                  Scorecard     ...
Silver Bullet? Thin App + ThemeResponsive Design (CGAP, Nexus 7 Portrait)                                  Scorecard      ...
From Web to Mobile   What does it take?  Joseph Cheek, Owner CheekDotCom Software  Drupal • Mobile Apps • Mobile Web      ...
Upcoming SlideShare
Loading in …5
×

Cheek Dot Com - From Web to Mobile

1,341 views

Published on

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.

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Cheek Dot Com - From Web to Mobile

  1. 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. 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. 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. 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. 5. Option 1: Do Nothingwww.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. 6. Option 1: Do Nothingwww.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. 7. Option 1: Do Nothingwww.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. 8. Option 1: Do Nothingwww.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. 9. Option 2: Dedicated Mobile Site LinkedIn Single Database Scorecard Cost $$$Codebase Codebase New Markets One Per New Site UXFront End Front End Mobile-friendly Best For Wanting complete controlwww.site.com m.site.com Caveat Expensive www.cheek.com
  10. 10. Option 2: Dedicated Mobile Sitewww.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. 11. Option 2: Dedicated Mobile SiteiPod 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. 12. Option 2: Dedicated Mobile Sitelinkedin.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. 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. 14. Option 2: Dedicated Mobile Sitelinkedin.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. 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. 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 TacticTheme for Desktop Theme for Mobile Caveat Only if CMS supports it www.cheek.com
  17. 17. Option 3: Mobile ThemeDrupal: 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. 18. Option 3: Mobile ThemeDrupal: 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. 19. Option 4: Responsive Design CGAPSingle Database Scorecard Cost $$Single Codebase New Markets One UXSingle Front End Mobile-friendly Best For Moderate control, price Single Theme Caveat Costlier than theme plugin www.cheek.com
  20. 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. 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. 22. Option 5: Thick App White House Single Database Scorecard Cost $$$Web Code API New Markets One per app store UXFront 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. 23. Option 5: Thick Appwww.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. 24. Option 5: Thick Appwww.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. 25. Option 5: Thick AppWhite 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. 26. Option 5: Thick AppWhite 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. 27. Option 5: Thick AppWhite 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. 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. 29. Option 6: Thin Web AppEd.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. 30. Option 6: Thin Web AppEd.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. 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 WebDesktop 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. 32. Silver Bullet? Thin App + ThemeResponsive 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. 33. Silver Bullet? Thin App + ThemeResponsive 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. 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

×