Growing Up, Getting Serious

Slide 1

Slide 1 text

Growing Up, Getting Serious Render Conf, March 2017 @stopsatgreen

Slide 2

Slide 2 text

Peter Gasston Creative Technologist at +rehabstudio @stopsatgreen

Slide 3

Slide 3 text

I. Goodbye Browser II. Interface on Demand III. The Physical Web IV. Computers with Eyes V. Why It Matters @stopsatgreen

Slide 4

Slide 4 text

I. Goodbye Browser @stopsatgreen

Slide 5

Slide 5 text

“We are the last generation to know what ‘a browser’ is.” — Kenneth Auchenberg @stopsatgreen

Slide 6

Slide 6 text

@stopsatgreen

Slide 7

Slide 7 text

@stopsatgreen

Slide 8

Slide 8 text

Material Design @stopsatgreen

Slide 9

Slide 9 text

@stopsatgreen PWAs

Slide 10

Slide 10 text

Deeply Integrated PWAs / ‘WebAPKs’ @stopsatgreen

Slide 11

Slide 11 text

Chrome OS / Android @stopsatgreen

Slide 12

Slide 12 text

“The wall between ‘native’ and the Web is falling, and developers will be able to seamlessly use the same libraries in both contexts.” — Dan Callahan @stopsatgreen

Slide 13

Slide 13 text

“As WebAssembly evolves, you’ll be able to use it with languages often used for mobile apps, like Java, Swift, and C#.” — David Bryant @stopsatgreen

Slide 14

Slide 14 text

Electron / Slack @stopsatgreen

Slide 15

Slide 15 text

Facebook is the biggest mobile browser @stopsatgreen 48% 48% 34% 62% iOS Android Browser Facebook WebView

Slide 16

Slide 16 text

“In a way, Facebook made the browser wars irrelevant by essentially itself becoming the browser.” — Ben Basche @stopsatgreen

Slide 17

Slide 17 text

Instant Articles @stopsatgreen

Slide 18

Slide 18 text

Accelerated Mobile Pages @stopsatgreen

Slide 19

Slide 19 text

“The Verge’s brand has to connect with audiences that may never actually see it on the open web at all.” — Nilay Patel @stopsatgreen

Slide 20

Slide 20 text

II. Interface on Demand @stopsatgreen

Slide 21

Slide 21 text

“The app only appears in a particular context when necessary and in the format most convenient for the user.” — Matt Hartman @stopsatgreen

Slide 22

Slide 22 text

Most people get 5+ notifications daily 33% 44% 15% 0-4 5-19 20+ @stopsatgreen

Slide 23

Slide 23 text

Notifications @stopsatgreen

Slide 24

Slide 24 text

60 40 20 0 Messages sent per day (billions) Messenger + WhatsApp SMS 60 20 @stopsatgreen People love messaging

Slide 25

Slide 25 text

Top Messaging Apps (MAUs) 0 250.000.000 500.000.000 750.000.000 1.000.000.000 1.2bn 1bn 846mn Messaging is huge @stopsatgreen

Slide 26

Slide 26 text

Messaging WebViews @stopsatgreen

Slide 27

Slide 27 text

Messaging Wubbles (ugh) @stopsatgreen

Slide 28

Slide 28 text

Mini Programs @stopsatgreen

Slide 29

Slide 29 text

“Think of it as a better version of a browser, where you’re signed in and payment-enabled for every site you visit.” — Connie Chan @stopsatgreen

Slide 30

Slide 30 text

III. The Physical Web @stopsatgreen

Slide 31

Slide 31 text

@stopsatgreen Voice UI

Slide 32

Slide 32 text

2014 5 2015 2016 Voice-first device footprint (millions) 10 15 20 25 30 2017 Devices (millions) 32 0.5 2.5 9 Voice-first devices becoming popular

Slide 33

Slide 33 text

“By 2020, 30% of web browsing sessions will be done without a screen.” — Gartner @stopsatgreen

Slide 34

Slide 34 text

IoT / Web Bluetooth @stopsatgreen

Slide 35

Slide 35 text

Beacons / Nearby @stopsatgreen

Slide 36

Slide 36 text

@stopsatgreen “Nobody uses QR codes”

Slide 37

Slide 37 text

“QR codes are everywhere in public spaces in China, both as pixelated portals to the digital world and as identity verification.” — Christina Xu @stopsatgreen

Slide 38

Slide 38 text

@stopsatgreen QR codes in China

Slide 39

Slide 39 text

IV. Computers with Eyes IV. Computers with Eyes @stopsatgreen

Slide 40

Slide 40 text

“We believe that the camera screen will be the starting point for most products on smartphones.” — Snap IPO @stopsatgreen

Slide 41

Slide 41 text

@stopsatgreen Computer vision

Slide 42

Slide 42 text

“We’re going from computers with cameras, that take photos, to computers with eyes, that can see.” — Benedict Evans @stopsatgreen

Slide 43

Slide 43 text

MR AR / HoloLens

Slide 44

Slide 44 text

“In the context of AR, equating the browser to web is not only inaccurate but limiting.” — Saranyan Vigraham @stopsatgreen

Slide 45

Slide 45 text

“When AR hits tipping point it'll be nothing less than the internet merging with reality.” — JP LeBreton @stopsatgreen

Slide 46

Slide 46 text

VR / A-Frame

Slide 47

Slide 47 text

Interlude @stopsatgreen

Slide 48

Slide 48 text

“I don’t define ‘the web’ as websites alone, but rather as any user experience that’s delivered across multiple channels and devices.” — Dries Buytaert @stopsatgreen

Slide 49

Slide 49 text

“What if everything was powered by ‘the Web’, but you never saw a browser?” — Paul Kinlan @stopsatgreen

Slide 50

Slide 50 text

AMP Instant Articles Notifications Messaging WebViews App WebViews Apple News VR Wubbles (ugh) PWAs Browser Mini Programs Voice UI AR / MR

Slide 51

Slide 51 text

V. Why It Matters @stopsatgreen

Slide 52

Slide 52 text

“The main reason I care about the Web is because it’s the world’s biggest software platform that isn’t owned.” — David Herman @stopsatgreen

Slide 53

Slide 53 text

“When AR hits tipping point it'll be nothing less than the internet merging with reality. It's imperative that open platforms win that space.” — JP LeBreton @stopsatgreen

Slide 54

Slide 54 text

@stopsatgreen

Slide 55

Slide 55 text

“This phone was more important than my soul.” “This phone was more important than my soul.” — Unknown refugee @stopsatgreen