Native v. Hybrid v. Web

vs vs

native hybrid web

my sad love story
of the mobile web

“[Brian] made me feel the same
way I feel when my grandpa talks
to me about surviving the Great
Depression.
—Brad Frost

bradfrostweb.com

For every hour spent on
development, three had to
be spent in QA.

“If the web was my
religion, I feel as
though I’ve lost my
faith.
2010

“[Brian] states making a native
application can be the best thing for a
product, but conﬁrms on the other
hand that the mobile web is the only
long term commercially viable
content platform for mobile devices
—Thibault Imbert

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 a
web developer again, but if I
have to wait until 2020 for
browsers to do what Cocoa
can do in 2010, I won’t wait.
—Joe Hewitt
29 April 2010

pinch / zoom

pinchzoom.com

“We bet everything on Apple
and iOS and then Apple killed
us by changing the rules in the
middle of the game.

iﬂowreader.com

I bet everything on
the web and I lost.

1970 1980 1990 2000 2010 2020

computing mainframe pc’s mobility

network

internet

devices

web

MADE WITH LOVE IN SEATTLE BY

1970 1980 1990 2000 2010 2020

computing mainframe pc’s mobility ubiquity

network

internet

devices

web


1970 1980 1990 2000 2010 2020


network 1G 2G 2.5G 3G

internet

devices

web


1970 1980 1990 2000 2010 2020


network 1G 2G 2.5G 3G 4G

internet

devices

web


1970 1980 1990 2000 2010 2020



internet IPv4

devices

web


1970 1980 1990 2000 2010 2020



internet IPv4 IPv6

devices

web


1970 1980 1990 2000 2010 2020



internet IPv4 IPv6

devices brick candybar feature

web


1970 1980 1990 2000 2010 2020



internet IPv4 IPv6

devices brick candybar feature touch

web


1970 1980 1990 2000 2010 2020



internet IPv4 IPv6


web academia dot-com web 2.0


1970 1980 1990 2000 2010 2020



internet IPv4 IPv6


web academia dot-com web 2.0 next


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

native app
An application that is
specifically written for a
device 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 App

iPhone $32,639 $163,200

iPad $48,959 $244,800

Android $57,118 $285,600

Honeycomb $65,278 $326,400

Blackberry $97,917 $489,600

Total $301,911 $1,509,600

hybrid app
An application using
primarily web technologies
inside a native container.

hybrid app
...to be in the App Store.

The PhoneGap Box Score

Stars
53 1.2
Reviews Platforms

PLATFORM RESOURCES

Hybrid iPhone 113%

Hybrid iPad 141%

Hybrid Android 225%

Hybrid Honeycomb 225%

Hybrid Blackberry 338%

For every hour spent on
development, three has to
be spent in QA.

Simple App
Native Hybrid Mobile Web

iPhone $32,639 $36,719 $24,479

iPad $48,959 $45,899 $30,599

Android $57,118 $73,438 $48,959

Honeycomb $65,278 $73,438 $48,959

Blackberry $97,917 $110,157 $73,438

Total $301,911 $339,650 $226,433

Complex App
Native Hybrid Mobile Web

iPhone $163,200 $183,600 $122,400

iPad $244,800 $229,500 $153,000

Android $285,600 $367,200 $244,800

Honeycomb $326,400 $367,200 $244,800

Blackberry $489,600 $550,800 $367,200

Total $1,509,600 $1,698,300 $1,132,200

web app
An application that runs
within a web browser.

p/z universal
build a website that provided the best
possible experience to the context.

iPad iPhone Desktop
magazine web app website

1x HTML5 Markup
1x Hexadecimal CSS Framework
1x Typography Framework
3x Javascript Frameworks
12x Media-Query-based Layouts

the hex-grid
Typically when using a grid
web designers are typically
only using vertical units.

the hex-grid
but in mobile design, we must use
horizontal units as well. this
means that any unit size must
work vertically as well as
horizontally.

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.

+ +

native? hybrid? web?

Native v. Hybrid v. Web

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (16)

Ähnlich wie Native v. Hybrid v. Web

Ähnlich wie Native v. Hybrid v. Web (20)

Mehr von Brian Fling

Mehr von Brian Fling (14)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Native v. Hybrid v. Web