Native v. Hybrid v. Web

vs vsnative hybrid web

@fling

the format

ask questions.get answers.

my sad love storyof the mobile 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

“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 conﬁrms 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

iﬂowreader.com

“We bet everything on Appleand iOS and then Apple killedus by changing the rules in themiddle of the game. iﬂowreader.com

suck my ass

I bet everything onthe web and I lost.

That Guy

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

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

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%

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

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?

Native v. Hybrid v. Web

by Brian Fling

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 242

Statistics

Native v. Hybrid v. Web Presentation Transcript

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