Growing Up,
Getting Serious
A provocation in five parts.
#SotB6, September 2017
@stopsatgreen
Slide 2
Slide 2 text
Peter Gasston
Creative Technologist at rehab
@stopsatgreen
@stopsatgreen
Slide 3
Slide 3 text
I. Goodbye Browser
@stopsatgreen
Slide 4
Slide 4 text
“We are the last
generation to know
what ‘a browser’ is.”
— Kenneth Auchenberg
@stopsatgreen
Slide 5
Slide 5 text
@stopsatgreen
Slide 6
Slide 6 text
@stopsatgreen
Slide 7
Slide 7 text
Material Design @stopsatgreen
Slide 8
Slide 8 text
@stopsatgreen
Progressive Web Apps (PWAs)
Slide 9
Slide 9 text
Deeply Integrated PWAs / ‘WebAPKs’ @stopsatgreen
Slide 10
Slide 10 text
Chrome OS / Android @stopsatgreen
Slide 11
Slide 11 text
“The wall between ‘native’
and the Web is falling.”
— Dan Callahan
@stopsatgreen
Slide 12
Slide 12 text
Electron / Slack @stopsatgreen
Slide 13
Slide 13 text
“To count as being part of the
web, your app or page must:
1. Be linkable, and
2. Allow any client to access it.
That’s it.”
— Dieter Bohn
@stopsatgreen
Slide 14
Slide 14 text
“A TV with an address bar.”
@stopsatgreen
“A piece of software that
interprets HTML, CSS, and
JavaScript.”
What is a browser?
Slide 15
Slide 15 text
“A program that traverses a
web of hyperlinks. The
underlying markup language or
visualization is irrelevant.”
@stopsatgreen
What is a browser?
Slide 16
Slide 16 text
Facebook is the biggest mobile browser
@stopsatgreen
48%
48%
34%
62%
iOS Android
Browser
Facebook
WebView
Slide 17
Slide 17 text
“In a way, Facebook made
the browser wars irrelevant
by essentially itself
becoming the browser.”
— Ben Basche
@stopsatgreen
Slide 18
Slide 18 text
Instant Articles @stopsatgreen
Slide 19
Slide 19 text
Accelerated Mobile Pages @stopsatgreen
Slide 20
Slide 20 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 21
Slide 21 text
II. Interface on Demand
@stopsatgreen
Slide 22
Slide 22 text
“The app only appears in a
particular context when
necessary and in the format
most convenient for the user.”
— Matt Hartman
@stopsatgreen
Slide 23
Slide 23 text
Most UK people get 5+ notifications daily
33%
44%
15%
1-4
5-19
20+
@stopsatgreen
Slide 24
Slide 24 text
Notifications @stopsatgreen
Slide 25
Slide 25 text
60
40
20
0
Messages sent
per day (billions)
Messenger +
WhatsApp
SMS
60
20
@stopsatgreen
People love messaging
Slide 26
Slide 26 text
Top Messaging Apps (MAUs)
0 250.000.000 500.000.000 750.000.000 1.000.000.000
1.3bn
1.3bn
938mn
Messaging is huge
@stopsatgreen
Slide 27
Slide 27 text
Messaging WebViews @stopsatgreen
Slide 28
Slide 28 text
Chat Extensions @stopsatgreen
Slide 29
Slide 29 text
Wubbles (ugh) @stopsatgreen
Slide 30
Slide 30 text
Mini Programs @stopsatgreen
Slide 31
Slide 31 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
“By 2020, 30% of web
browsing sessions will be
done without a screen.”
— Gartner
@stopsatgreen
Slide 36
Slide 36 text
IoT / Web Bluetooth @stopsatgreen
Slide 37
Slide 37 text
Beacons / Nearby @stopsatgreen
Slide 38
Slide 38 text
@stopsatgreen
“Nobody uses QR codes”
Slide 39
Slide 39 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 40
Slide 40 text
@stopsatgreen
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
IV. Computers with Eyes
IV. Computers with Eyes
@stopsatgreen
Slide 43
Slide 43 text
“We believe that the camera
screen will be the starting
point for most products
on smartphones.”
— Snap IPO
@stopsatgreen
Slide 44
Slide 44 text
No content
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
“We’re going from computers
with cameras, that take
photos, to computers with
eyes, that can see.”
— Benedict Evans
@stopsatgreen
Slide 47
Slide 47 text
MR
AR / HoloLens
Slide 48
Slide 48 text
“In the context of AR, equating
the browser to web is not only
inaccurate but limiting.”
— Saranyan Vigraham
@stopsatgreen
Slide 49
Slide 49 text
No content
Slide 50
Slide 50 text
No content
Slide 51
Slide 51 text
“When AR hits tipping point it'll
be nothing less than the internet
merging with reality.”
— JP LeBreton
@stopsatgreen
Slide 52
Slide 52 text
Interlude
@stopsatgreen
Slide 53
Slide 53 text
“An increasingly outdated
metaphor used to describe the
way we believed we needed to
interact with the web/internet
via a single application.”
@stopsatgreen
What is a browser?
Slide 54
Slide 54 text
“Browsers are what the Web
looked like in the first decades
of the Internet.”
— Andreas Gal
@stopsatgreen
Slide 55
Slide 55 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 56
Slide 56 text
“What if everything was
powered by ‘the Web’, but
you never saw a browser?”
— Paul Kinlan
@stopsatgreen
Slide 57
Slide 57 text
Browser
AMP
Instant
Articles
Notifications
Messaging
WebViews
App
WebViews
Apple News
VR
Web Extensions
& Wubbles (ugh)
WebAPKs
Mini
Programs
Voice UI
AR / MR
Slide 58
Slide 58 text
V. Why It Matters
@stopsatgreen
Slide 59
Slide 59 text
“This phone was more
important than my soul.”
“This phone was more
important than my soul.”
— Unknown refugee
@stopsatgreen
Slide 60
Slide 60 text
No content
Slide 61
Slide 61 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 62
Slide 62 text
We must not lose control
of this complex machine.
@stopsatgreen
Slide 63
Slide 63 text
“The work of making
technology successful for
human use is inseparable from
the work of making the world
better for humans.”
— Kate O’Neill
@stopsatgreen
Slide 64
Slide 64 text
The future of the web begins
with the end of the browser.
@stopsatgreen
Slide 65
Slide 65 text
The End
Come and talk to me.
Or tweet @stopsatgreen.