web or native? smart choices for smartphone apps

HELLO.

Thursday, 13 October 11

WE ARE TIM AND MICHAEL@TIMRILEY

@MICHAELHONEY


TWO OF FIVE


WE BUILD THINGSSOME OF WHICH ARE GOOD


?


WATER COFFEE


SO: WEB OR NATIVE?TELL ME WHAT TO DO PLEASE


IT DEPENDS.YOU KIND OF KNEW THAT ALREADY


WEB FOR CONTENT


WEB FOR FAMILIARITY


WEB FOR UPDATES


WEB FOR ACCESSIBILITY


NATIVE FOR INTERFACE


NATIVE FOR PERFORMANCE


NATIVE FOR THE NEW HOTNESS


NATIVE FOR GETTING PAID


APP STORES ARE GREAT


“Apple’s walled garden is the sleek toyshop that’s already in

your customer’s pocket...”

MATT LEGEND GEMMELLThursday, 13 October 11

“I can imagine the Amazon tablet mostly being a fancy, color Kindle... a magical, colorful

window through which you can give money to Amazon.”

JON SIRACUSAThursday, 13 October 11

“Android?No-one pays.”

MARCO ARMENTThursday, 13 October 11

APP STORES ARE EVIL


30%


OPAQUE & SLOWAPPROVAL PROCESS


ARBITRARY RULES FOR INCLUSION


AMAZON: LOSS OFPRICE CONTROL,

REWRITING DESCRIPTIONS


BUT IT’S NOT JUSTONE OR THE OTHER


A DEPLOYMENT GRADIENTWEB SITES WEB APPS NATIVE APPS

FUNCTIONALITYPERFORMANCE

DEVICE SPECIFICITY, GOOD AND BADFRAGMENTATION OF EFFORT TO COVER ENTIRE MARKET


DO YOU REALLY NEED AN APP?


RESPONSIVE WEB DESIGN


@media screen and(max-device-width: 320px) {

/* Target small screens here */}


WEB “APPS”


CANVAS, VIDEO & AUDIO, GEOLOCATIONORIENTATION, CSS3 TRANSITIONS

ANIMATION, 2D AND 3D TRANSFORMSHARDWARE ACCELERATION, LOCAL STORAGE

OFFLINE SUPPORT, SVG, HISTORY APITOUCH EVENTS, WEB WORKERS

FAST JAVASCRIPT ENGINES


THINGINSIDE A THING


http://mattgemmell.com/2011/07/22/apps-vs-the-web/Thursday, 13 October 11

http://mattgemmell.com/2011/07/22/apps-vs-the-web/

http://mattgemmell.com/2011/07/22/apps-vs-the-web/

“ADD TO HOME SCREEN”


DOES IT HELP?


WRAPPERS


iOSANDROID

WINDOWS 7BLACKBERRY

WEB OSSYMBIAN


ACCELEROMETERCAMERA

COMPASSCONTACTS

FILEGEOLOCATION

MEDIANETWORK

NOTIFICATIONSSTORAGE


MOBILE APP & UI HELPERS


AND MANY MOREKENDO UI, JO, THE M PROJECT

JAVASCRIPT FRAMEWORKS


BEWARE THE UNCANNY VALLEY


UI TRADE-OFFS


BESPOKE WRAPPERS


BRIDGES


DEPENDENCY DANGER


NATIVE APPS


REAL-LIFE DRAMA


DECAF SUCKS


BEFORE AFTER

9.55

3.25

Decaf Sucks reviews per day, 40 days either side of native app release


AMAZON KINDLE


HARDWARE KINDLE

NATIVE DEVICE APPS

KINDLE CLOUD READER

LATE 2007 EARLY 2010 AUGUST 2011


“The feeling at Amazon is that the future is web apps, but that there’s a... trough we have to get through where native apps have a place.”

AMAZON iOS DEVELOPERThursday, 13 October 11

BOOKI.SH


“We chose HTML5 for Booki.sh because books are part of the web.”

JOSEPH PEARSONThursday, 13 October 11

LINKABLE, SHARABLE


SO: WHAT TO DO?


IN THE PERFECT WORLD, DO EVERYTHING

SINCE YOU HAVE INFINITE TIME AND MONEY


MVP MINIMUM VIABLE

PRODUCTMOST VALUABLE

PRODUCT

MVP


EMBRACE AMBIGUITYTHERE ARE NO EASY CHOICES.

BUT HERE ARE SOME THINGS TO CONSIDER:


WHO’S IMPORTANT?


THOSE WHO BUILD ITI’M {AFRAID OF / EXCITED BY} NEW THINGS

I WANT IT TO BE EASY TO BUILDI HAVE A PHILOSOPHICAL/AESTHETIC OBJECTION

I’D LIKE TO GET PAID TO LEARN THISI WANT TO USE THE NEW HOTNESS

I WANT TO IMPRESS MY PEERS


THOSE WHO BUILD ITTHOSE WHO PAY FOR IT

BUILD IT FASTMAKE IT CHEAP

GET RETURN ON INVESTMENTCEO NEEDS AN APP TO SHOW OFF THEIR NEW TOY


THOSE WHO USE IT

THOSE WHO BUILD ITTHOSE WHO PAY FOR IT

I JUST WANT IT TO WORK WELL


A DEEPER KIND OF FUNCTIONALITY


“How can I make it so that every single person, no matter what

device, no matter what browser, can accomplish their task?”

JEREMY KEITH, THE WEB AHEAD # 3Thursday, 13 October 11

WHERE ARE YOUR DATA?ON THE WEB? YOU’RE ALREADY DOING IT


HOW WILL THIS BE PAID FOR?


BUYING THE APPIN-APP PURCHASES

SUBSCRIPTIONSADVERTISING


FIVE FACTS:


1. INNOVATION CREATES FRAGMENTATION


2. FACTS HAVE HALF-LIVES


HP RELEASES TOUCHPADHP DROPS TOUCHPAD

GOOGLE BUYS MOTOROLARIM STOCK HITS FIVE YEAR LOW

NOKIA SHIPS ABANDONED MEEGO PHONEHP SACKS CEO, REFLOATS TOUCHPADNOKIA ANNOUNCES 2,500 LAYOFFSWINDOWS 8/METRO ANNOUNCEDAMAZON ANNOUNCES KINDLE FIRE

AMAZON ANNOUNCES SILKADOBE BUYS PHONEGAP

FACEBOOK RELEASES CREDITS, DISABLED IN iOSIOS 5 RELEASED, INSTAPAPER STILL IN REVIEWBLACKBERRY MESSAGING INEXPLICABLY FAILS

TOMORROW: IPHONE 4S

(ALL SINCE TIM AND MICHAEL STARTED WRITING THIS TALK)


3.PLATFORMS EVAPORATEBUT SOME LAST LONGER THAN OTHERS


4. CHOICE OF TECH MATTERSBUT IT’S JUST A SMALL PART OF THE WHOLE STORY


HAVE AN IDEADEFINE IT PROPERLY

CONFIRM THAT PEOPLE WANT ITTHINK ABOUT THE DATA STRUCTURES

DESIGN THE INTERACTIONSDESIGN THE INTERFACEWRITE FRONTEND CODE

BUILD THE BACKENDFIND A WAY TO MONETISE IT

BRING IT TO MARKET


5. LEARNING A NEW LANGUAGE IS THE EASIEST PART

OF BUILDING A GREAT APP


DON’T BE AFRAID OF LEARNING NEW SKILLS


(AND YOU’LL HAVETO DO IT ANYWAY)


HTML

CSS

JAVASCRIPTACCESSIBILITY

JS FRAMEWORKS

RESPONSIVE DESIGN

PHP/RUBY/WHATEVER

MOBILE DEVICES

RSS

XML

WEB STANDARDS


ABANDON DOGMA.BUILD THE BEST THING.


WHICH IS WHY WE’RE ALL HERE


THANKS.


web or native? smart choices for smartphone apps

Technology