Web or Native? Smart choices for smartphone apps

Slide 1

Slide 1 text

HELLO. Thursday, 13 October 11

Slide 2

Slide 2 text

WE ARE TIM AND MICHAEL @TIMRILEY @MICHAELHONEY Thursday, 13 October 11

Slide 3

Slide 3 text

TWO OF FIVE Thursday, 13 October 11

Slide 4

Slide 4 text

WE BUILD THINGS SOME OF WHICH ARE GOOD Thursday, 13 October 11

Slide 5

Slide 5 text

Thursday, 13 October 11

Slide 6

Slide 6 text

Thursday, 13 October 11

Slide 7

Slide 7 text

Thursday, 13 October 11

Slide 8

Slide 8 text

? Thursday, 13 October 11

Slide 9

Slide 9 text

WATER COFFEE Thursday, 13 October 11

Slide 10

Slide 10 text

SO: WEB OR NATIVE? TELL ME WHAT TO DO PLEASE Thursday, 13 October 11

Slide 11

Slide 11 text

IT DEPENDS. YOU KIND OF KNEW THAT ALREADY Thursday, 13 October 11

Slide 12

Slide 12 text

WEB FOR CONTENT Thursday, 13 October 11

Slide 13

Slide 13 text

WEB FOR FAMILIARITY Thursday, 13 October 11

Slide 14

Slide 14 text

WEB FOR UPDATES Thursday, 13 October 11

Slide 15

Slide 15 text

WEB FOR ACCESSIBILITY Thursday, 13 October 11

Slide 16

Slide 16 text

NATIVE FOR INTERFACE Thursday, 13 October 11

Slide 17

Slide 17 text

NATIVE FOR PERFORMANCE Thursday, 13 October 11

Slide 18

Slide 18 text

NATIVE FOR THE NEW HOTNESS Thursday, 13 October 11

Slide 19

Slide 19 text

NATIVE FOR GETTING PAID Thursday, 13 October 11

Slide 20

Slide 20 text

APP STORES ARE GREAT Thursday, 13 October 11

Slide 21

Slide 21 text

“Apple’s walled garden is the sleek toyshop that’s already in your customer’s pocket...” MATT LEGEND GEMMELL Thursday, 13 October 11

Slide 22

Slide 22 text

“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 SIRACUSA Thursday, 13 October 11

Slide 23

Slide 23 text

“Android? No-one pays.” MARCO ARMENT Thursday, 13 October 11

Slide 24

Slide 24 text

APP STORES ARE EVIL Thursday, 13 October 11

Slide 25

Slide 25 text

30% Thursday, 13 October 11

Slide 26

Slide 26 text

OPAQUE & SLOW APPROVAL PROCESS Thursday, 13 October 11

Slide 27

Slide 27 text

Thursday, 13 October 11

Slide 28

Slide 28 text

ARBITRARY RULES FOR INCLUSION Thursday, 13 October 11

Slide 29

Slide 29 text

AMAZON: LOSS OF PRICE CONTROL, REWRITING DESCRIPTIONS Thursday, 13 October 11

Slide 30

Slide 30 text

BUT IT’S NOT JUST ONE OR THE OTHER Thursday, 13 October 11

Slide 31

Slide 31 text

A DEPLOYMENT GRADIENT WEB SITES WEB APPS NATIVE APPS FUNCTIONALITY PERFORMANCE DEVICE SPECIFICITY, GOOD AND BAD FRAGMENTATION OF EFFORT TO COVER ENTIRE MARKET Thursday, 13 October 11

Slide 32

Slide 32 text

DO YOU REALLY NEED AN APP? Thursday, 13 October 11

Slide 33

Slide 33 text

RESPONSIVE WEB DESIGN Thursday, 13 October 11

Slide 34

Slide 34 text

Thursday, 13 October 11

Slide 35

Slide 35 text

@media screen and (max-device-width: 320px) { /* Target small screens here */ } Thursday, 13 October 11

Slide 36

Slide 36 text

Thursday, 13 October 11

Slide 37

Slide 37 text

WEB “APPS” Thursday, 13 October 11

Slide 38

Slide 38 text

CANVAS, VIDEO & AUDIO, GEOLOCATION ORIENTATION, CSS3 TRANSITIONS ANIMATION, 2D AND 3D TRANSFORMS HARDWARE ACCELERATION, LOCAL STORAGE OFFLINE SUPPORT, SVG, HISTORY API TOUCH EVENTS, WEB WORKERS FAST JAVASCRIPT ENGINES Thursday, 13 October 11

Slide 39

Slide 39 text

Thursday, 13 October 11

Slide 40

Slide 40 text

Thursday, 13 October 11

Slide 41

Slide 41 text

THING INSIDE A THING Thursday, 13 October 11

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

“ADD TO HOME SCREEN” Thursday, 13 October 11

Slide 44

Slide 44 text

DOES IT HELP? Thursday, 13 October 11

Slide 45

Slide 45 text

WRAPPERS Thursday, 13 October 11

Slide 46

Slide 46 text

Thursday, 13 October 11

Slide 47

Slide 47 text

iOS ANDROID WINDOWS 7 BLACKBERRY WEB OS SYMBIAN Thursday, 13 October 11

Slide 48

Slide 48 text

ACCELEROMETER CAMERA COMPASS CONTACTS FILE GEOLOCATION MEDIA NETWORK NOTIFICATIONS STORAGE Thursday, 13 October 11

Slide 49

Slide 49 text

Thursday, 13 October 11

Slide 50

Slide 50 text

MOBILE APP & UI HELPERS Thursday, 13 October 11

Slide 51

Slide 51 text

Thursday, 13 October 11

Slide 52

Slide 52 text

Thursday, 13 October 11

Slide 53

Slide 53 text

Thursday, 13 October 11

Slide 54

Slide 54 text

Thursday, 13 October 11

Slide 55

Slide 55 text

AND MANY MORE KENDO UI, JO, THE M PROJECT JAVASCRIPT FRAMEWORKS Thursday, 13 October 11

Slide 56

Slide 56 text

BEWARE THE UNCANNY VALLEY Thursday, 13 October 11

Slide 57

Slide 57 text

UI TRADE-OFFS Thursday, 13 October 11

Slide 58

Slide 58 text

BESPOKE WRAPPERS Thursday, 13 October 11

Slide 59

Slide 59 text

Thursday, 13 October 11

Slide 60

Slide 60 text

Thursday, 13 October 11

Slide 61

Slide 61 text

Thursday, 13 October 11

Slide 62

Slide 62 text

Thursday, 13 October 11

Slide 63

Slide 63 text

BRIDGES Thursday, 13 October 11

Slide 64

Slide 64 text

DEPENDENCY DANGER Thursday, 13 October 11

Slide 65

Slide 65 text

NATIVE APPS Thursday, 13 October 11

Slide 66

Slide 66 text

REAL-LIFE DRAMA Thursday, 13 October 11

Slide 67

Slide 67 text

DECAF SUCKS Thursday, 13 October 11

Slide 68

Slide 68 text

Thursday, 13 October 11

Slide 69

Slide 69 text

Thursday, 13 October 11

Slide 70

Slide 70 text

Thursday, 13 October 11

Slide 71

Slide 71 text

Thursday, 13 October 11

Slide 72

Slide 72 text

BEFORE AFTER 9.55 3.25 Decaf Sucks reviews per day, 40 days either side of native app release Thursday, 13 October 11

Slide 73

Slide 73 text

AMAZON KINDLE Thursday, 13 October 11

Slide 74

Slide 74 text

HARDWARE KINDLE NATIVE DEVICE APPS KINDLE CLOUD READER LATE 2007 EARLY 2010 AUGUST 2011 Thursday, 13 October 11

Slide 75

Slide 75 text

“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 DEVELOPER Thursday, 13 October 11

Slide 76

Slide 76 text

BOOKI.SH Thursday, 13 October 11

Slide 77

Slide 77 text

Thursday, 13 October 11

Slide 78

Slide 78 text

Thursday, 13 October 11

Slide 79

Slide 79 text

Thursday, 13 October 11

Slide 80

Slide 80 text

“We chose HTML5 for Booki.sh because books are part of the web.” JOSEPH PEARSON Thursday, 13 October 11

Slide 81

Slide 81 text

LINKABLE, SHARABLE Thursday, 13 October 11

Slide 82

Slide 82 text

SO: WHAT TO DO? Thursday, 13 October 11

Slide 83

Slide 83 text

IN THE PERFECT WORLD, DO EVERYTHING SINCE YOU HAVE INFINITE TIME AND MONEY Thursday, 13 October 11

Slide 84

Slide 84 text

MVP MINIMUM VIABLE PRODUCT MOST VALUABLE PRODUCT MVP Thursday, 13 October 11

Slide 85

Slide 85 text

EMBRACE AMBIGUITY THERE ARE NO EASY CHOICES. BUT HERE ARE SOME THINGS TO CONSIDER: Thursday, 13 October 11

Slide 86

Slide 86 text

WHO’S IMPORTANT? Thursday, 13 October 11

Slide 87

Slide 87 text

THOSE WHO BUILD IT I’M {AFRAID OF / EXCITED BY} NEW THINGS I WANT IT TO BE EASY TO BUILD I HAVE A PHILOSOPHICAL/AESTHETIC OBJECTION I’D LIKE TO GET PAID TO LEARN THIS I WANT TO USE THE NEW HOTNESS I WANT TO IMPRESS MY PEERS Thursday, 13 October 11

Slide 88

Slide 88 text

THOSE WHO BUILD IT THOSE WHO PAY FOR IT BUILD IT FAST MAKE IT CHEAP GET RETURN ON INVESTMENT CEO NEEDS AN APP TO SHOW OFF THEIR NEW TOY Thursday, 13 October 11

Slide 89

Slide 89 text

THOSE WHO USE IT THOSE WHO BUILD IT THOSE WHO PAY FOR IT I JUST WANT IT TO WORK WELL Thursday, 13 October 11

Slide 90

Slide 90 text

A DEEPER KIND OF FUNCTIONALITY Thursday, 13 October 11

Slide 91

Slide 91 text

“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 # 3 Thursday, 13 October 11

Slide 92

Slide 92 text

WHERE ARE YOUR DATA? ON THE WEB? YOU’RE ALREADY DOING IT Thursday, 13 October 11

Slide 93

Slide 93 text

HOW WILL THIS BE PAID FOR? Thursday, 13 October 11

Slide 94

Slide 94 text

BUYING THE APP IN-APP PURCHASES SUBSCRIPTIONS ADVERTISING Thursday, 13 October 11

Slide 95

Slide 95 text

FIVE FACTS: Thursday, 13 October 11

Slide 96

Slide 96 text

1. INNOVATION CREATES FRAGMENTATION Thursday, 13 October 11

Slide 97

Slide 97 text

2. FACTS HAVE HALF-LIVES Thursday, 13 October 11

Slide 98

Slide 98 text

HP RELEASES TOUCHPAD HP DROPS TOUCHPAD GOOGLE BUYS MOTOROLA RIM STOCK HITS FIVE YEAR LOW NOKIA SHIPS ABANDONED MEEGO PHONE HP SACKS CEO, REFLOATS TOUCHPAD NOKIA ANNOUNCES 2,500 LAYOFFS WINDOWS 8/METRO ANNOUNCED AMAZON ANNOUNCES KINDLE FIRE AMAZON ANNOUNCES SILK ADOBE BUYS PHONEGAP FACEBOOK RELEASES CREDITS, DISABLED IN iOS IOS 5 RELEASED, INSTAPAPER STILL IN REVIEW BLACKBERRY MESSAGING INEXPLICABLY FAILS TOMORROW: IPHONE 4S (ALL SINCE TIM AND MICHAEL STARTED WRITING THIS TALK) Thursday, 13 October 11

Slide 99

Slide 99 text

3.PLATFORMS EVAPORATE BUT SOME LAST LONGER THAN OTHERS Thursday, 13 October 11

Slide 100

Slide 100 text

4. CHOICE OF TECH MATTERS BUT IT’S JUST A SMALL PART OF THE WHOLE STORY Thursday, 13 October 11

Slide 101

Slide 101 text

HAVE AN IDEA DEFINE IT PROPERLY CONFIRM THAT PEOPLE WANT IT THINK ABOUT THE DATA STRUCTURES DESIGN THE INTERACTIONS DESIGN THE INTERFACE WRITE FRONTEND CODE BUILD THE BACKEND FIND A WAY TO MONETISE IT BRING IT TO MARKET Thursday, 13 October 11

Slide 102

Slide 102 text

5. LEARNING A NEW LANGUAGE IS THE EASIEST PART OF BUILDING A GREAT APP Thursday, 13 October 11

Slide 103

Slide 103 text

DON’T BE AFRAID OF LEARNING NEW SKILLS Thursday, 13 October 11

Slide 104

Slide 104 text

(AND YOU’LL HAVE TO DO IT ANYWAY) Thursday, 13 October 11

Slide 105

Slide 105 text

HTML CSS JAVASCRIPT ACCESSIBILITY JS FRAMEWORKS RESPONSIVE DESIGN PHP/RUBY/WHATEVER MOBILE DEVICES RSS XML WEB STANDARDS Thursday, 13 October 11