cheek dot com - from web to mobile

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




www.cheek.com

Option 1: Do Nothingwww.ed.gov Tablet view (New iPad Safari)

ScorecardCostZero

New MarketsNone




www.cheek.com

Option 1: Do Nothingwww.ed.gov iPod view (iTouch 4th Gen Safari)

ScorecardCostZero

New MarketsNone




www.cheek.com

Option 1: Do Nothingwww.ed.gov/blog missing content (New iPad)

ScorecardCostZero

New MarketsNone




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

$$$


UXMobile-friendly


CaveatExpensive

www.cheek.com

Option 2: Dedicated Mobile SiteiPod Touch 4th Gen, Safari redirects to touch.www

ScorecardCost

$$$


UXMobile-friendly


CaveatExpensive

www.cheek.com

Option 2: Dedicated Mobile Sitelinkedin.com (New iPad, Safari) starts with touch splash…

ScorecardCost

$$$


UXMobile-friendly


CaveatExpensive

www.cheek.com

Option 2: Dedicated Mobile Site… then immediately redirects to desktop site

ScorecardCost

$$$


UXMobile-friendly


CaveatExpensive

www.cheek.com

Option 2: Dedicated Mobile Sitelinkedin.com Nexus 7 (JB), Chrome starts with touch splash…

ScorecardCost

$$$


UXMobile-friendly


CaveatExpensive

www.cheek.com

Option 2: Dedicated Mobile Site… then redirects to touch.www

ScorecardCost

$$$


UXMobile-friendly


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



www.cheek.com

Option 3: Mobile ThemeDrupal: forum.cheek.com (Nexus 7, Chrome)

ScorecardCost

$

New MarketsOne

UXMobile-friendly



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



www.cheek.com

Option 4: Responsive DesignCGAP (Nexus 7, Chrome, Portrait)

ScorecardCost

$$

New MarketsOne

UXMobile-friendly



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

$$$


UXMobile-friendly


www.cheek.com

Option 5: Thick Appwww.whitehouse.gov/blog (New iPad, Safari)

ScorecardCost

$$$


UXMobile-friendly


www.cheek.com

Option 5: Thick AppWhite House Blog (New iPad, Thick App)

ScorecardCost

$$$


UXMobile-friendly


www.cheek.com

Option 5: Thick AppWhite House Blog (Nexus 7 App, Portrait)

ScorecardCost

$$$


UXMobile-friendly


www.cheek.com

Option 5: Thick AppWhite House Blog (Nexus 7 App, Landscape)

ScorecardCost

$$$


UXMobile-friendly


www.cheek.com

Option 6: Thin Web AppEd.gov Thin App

Single Database

Web Code

Front End

Desktop Browser Mobile App

ScorecardCost

$


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

$


UXDesktop site


www.cheek.com

Option 6: Thin Web AppEd.gov Thin App Portrait (Nexus 7)

ScorecardCost

$


UXDesktop site


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 $$


UXMobile sites


www.cheek.com

Silver Bullet? Thin App + ThemeResponsive Design (CGAP, Nexus 7 Portrait)

ScorecardCost

$½ to $$


UXMobile sites


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

cheek dot com - from web to mobile

Technology