Native v. Hybrid v. Web
Upcoming SlideShare
Loading in...5
×
 

Native v. Hybrid v. Web

on

  • 6,548 views

My presentation for Web Directions Unplugged to talk about some of the specific costs and challenges we face when selecting a mobile development strategy.

My presentation for Web Directions Unplugged to talk about some of the specific costs and challenges we face when selecting a mobile development strategy.

Statistics

Views

Total Views
6,548
Views on SlideShare
6,302
Embed Views
246

Actions

Likes
28
Downloads
377
Comments
3

2 Embeds 246

http://lanyrd.com 245
http://fbdev.slideshare.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Native v. Hybrid v. Web Native v. Hybrid v. Web Presentation Transcript

  • vs vsnative hybrid web
  • @fling
  • the format
  • ask questions.get answers.
  • my sad love storyof the mobile web
  • vs vsnative hybrid web
  • bradfrostweb.com
  • “[Brian] made me feel the sameway I feel when my grandpa talksto me about surviving the GreatDepression. —Brad Frost bradfrostweb.com
  • That Guy
  • 3:1QA : Dev
  • For every hour spent ondevelopment, three had to be spent in QA.
  • webmobile ux
  • webmobile ux
  • 2010
  • “If the web was my religion, I feel asthough I’ve lost my faith. 2010
  • mobiledesign.org
  • “[Brian] states making a nativeapplication can be the best thing for aproduct, but confirms on the otherhand that the mobile web is the onlylong term commercially viablecontent platform for mobile devices —Thibault Imbert
  • MADE WITH LOVE IN SEATTLE BY
  • while my friends were rolling in cash from native apps,
  • while my friends were rolling in cash from native apps, I couldn’t pay my rent building web apps.
  • “I want desperately to be aweb developer again, but if Ihave to wait until 2020 forbrowsers to do what Cocoacan do in 2010, I won’t wait. —Joe Hewitt 29 April 2010
  • pinch / zoom pinchzoom.com
  • ! Price Apps
  • iflowreader.com
  • “We bet everything on Appleand iOS and then Apple killedus by changing the rules in themiddle of the game. iflowreader.com
  • suck my ass
  • I bet everything onthe web and I lost.
  • That Guy
  • Why?
  • MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobilitynetworkinternetdevicesweb MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetworkinternetdevicesweb MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3Ginternetdevicesweb MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternetdevicesweb MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4devicesweb MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devicesweb MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar featureweb MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb academia dot-com web 2.0 MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb academia dot-com web 2.0 next MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb academia dot-com web 2.0 next MADE WITH LOVE IN SEATTLE BY
  • 1970 1980 1990 2000 2010 2020computing mainframe pc’s mobility ubiquitynetwork 1G 2G 2.5G 3G 4Ginternet IPv4 IPv6devices brick candybar feature touchweb academia dot-com web 2.0 next MADE WITH LOVE IN SEATTLE BY
  • everything has led to this moment
  • the future of mobile will not be the web...
  • the future of mobile will not be the web... ...or apps
  • it’s everything everywhere
  • That Guy
  • vs vsnative hybrid web
  • native appAn application that isspecifically written for adevice platform.
  • “ They are expensive to create —a simple app could cost you $32,639 and take two months to create.
  • $32,639 for a simple app 2 months to create 2 weeks per feature 4 features $8,160 per feature
  • “ A complex app could have a price tag of more than $163,200 and take six months to develop.
  • $163,200 for a complex app 6 months to create 2 weeks per feature 12 features $13,600 per feature
  • “ This price multiplies if you decide you want to make it available on more than one operating system.
  • PLATFORM RESOURCES iPhone 100% iPad 150% Android 175%Honeycomb 200%Blackberry 300%
  • Cost of Native Simple App Complex AppiPhone $32,639 $163,200iPad $48,959 $244,800Android $57,118 $285,600Honeycomb $65,278 $326,400Blackberry $97,917 $489,600Total $301,911 $1,509,600
  • hybrid appAn application usingprimarily web technologiesinside a native container.
  • hybrid app...to be in the App Store.
  • ! Price Apps
  • The PhoneGap Box ScoreStars 53 1.2 Reviews Platforms
  • PLATFORM RESOURCES Hybrid iPhone 113% Hybrid iPad 141% Hybrid Android 225%Hybrid Honeycomb 225%Hybrid Blackberry 338%
  • wtf?
  • 2.85:1 QA : Dev
  • For every hour spent ondevelopment, three has to be spent in QA.
  • Simple App Native Hybrid Mobile WebiPhone $32,639 $36,719 $24,479iPad $48,959 $45,899 $30,599Android $57,118 $73,438 $48,959Honeycomb $65,278 $73,438 $48,959Blackberry $97,917 $110,157 $73,438Total $301,911 $339,650 $226,433
  • Complex App Native Hybrid Mobile WebiPhone $163,200 $183,600 $122,400iPad $244,800 $229,500 $153,000Android $285,600 $367,200 $244,800Honeycomb $326,400 $367,200 $244,800Blackberry $489,600 $550,800 $367,200Total $1,509,600 $1,698,300 $1,132,200
  • web appAn application that runswithin a web browser.
  • p/z universalbuild a website that provided the bestpossible experience to the context. iPad iPhone Desktop magazine web app website
  • Content in Context
  • MADE WITH LOVE IN SEATTLE BY
  • 1x HTML5 Markup1x Hexadecimal CSS Framework1x Typography Framework3x Javascript Frameworks12x Media-Query-based Layouts
  • a hexadecimal what?
  • the hex-gridTypically when using a gridweb designers are typicallyonly using vertical units.
  • the hex-gridbut in mobile design, we must usehorizontal units as well. thismeans that any unit size mustwork vertically as well ashorizontally.
  • iPad iPhone Desktop magazine web app website‣ pagination was a nightmare. ‣ largeimage needs for iPad were‣ had brutal. to create an entirely new css framework to deal with all the screen ‣ had to add device detection to reduce sizes. JS page load per context.‣ every page had to be designed ‣ typical navigation had to be scrapped. individually. ‣ design sacrifices had to be made to‣ content had to be type fitted, similar to make it work. print layout workflow. ‣ page flow was less than ideal.‣ had to disable pinch to zoom.
  • 2.85:1 QA : Dev
  • sni er.pinchzoom.com
  • Simple App Native Hybrid Mobile WebiPhone $32,639 $36,719 $24,479iPad $48,959 $45,899 $30,599Android $57,118 $73,438 $48,959Honeycomb $65,278 $73,438 $48,959Blackberry $97,917 $110,157 $73,438Total $301,911 $339,650 $226,433
  • Complex App Native Hybrid Mobile WebiPhone $163,200 $183,600 $122,400iPad $244,800 $229,500 $153,000Android $285,600 $367,200 $244,800Honeycomb $326,400 $367,200 $244,800Blackberry $489,600 $550,800 $367,200Total $1,509,600 $1,698,300 $1,132,200
  • That Guy
  • ask questions.get answers.
  • + +native? hybrid? web?