Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Growing Up, Getting Serious

Growing Up, Getting Serious

A talk about the Web of the next ten years. About moving beyond the browser, and into everything around us. About new interfaces, no interfaces, realities virtual and augmented. And about taking responsibility for systems that provide life, and death.
Given at Render Conf, March 2017.

Peter Gasston

March 31, 2017
Tweet

More Decks by Peter Gasston

Other Decks in Technology

Transcript

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

    View full-size slide

  2. Peter Gasston
    Creative Technologist at +rehabstudio
    @stopsatgreen

    View full-size slide

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

    View full-size slide

  4. I. Goodbye Browser
    @stopsatgreen

    View full-size slide

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

    View full-size slide

  6. @stopsatgreen

    View full-size slide

  7. @stopsatgreen

    View full-size slide

  8. Material Design @stopsatgreen

    View full-size slide

  9. @stopsatgreen
    PWAs

    View full-size slide

  10. Deeply Integrated PWAs / ‘WebAPKs’ @stopsatgreen

    View full-size slide

  11. Chrome OS / Android @stopsatgreen

    View full-size slide

  12. “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

    View full-size slide

  13. “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

    View full-size slide

  14. Electron / Slack @stopsatgreen

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  17. Instant Articles @stopsatgreen

    View full-size slide

  18. Accelerated Mobile Pages @stopsatgreen

    View full-size slide

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

    View full-size slide

  20. II. Interface on Demand
    @stopsatgreen

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  23. Notifications @stopsatgreen

    View full-size slide

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

    View full-size slide

  25. 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

    View full-size slide

  26. Messaging WebViews @stopsatgreen

    View full-size slide

  27. Messaging Wubbles (ugh) @stopsatgreen

    View full-size slide

  28. Mini Programs @stopsatgreen

    View full-size slide

  29. “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

    View full-size slide

  30. III. The Physical Web
    @stopsatgreen

    View full-size slide

  31. @stopsatgreen
    Voice UI

    View full-size slide

  32. 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

    View full-size slide

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

    View full-size slide

  34. IoT / Web Bluetooth @stopsatgreen

    View full-size slide

  35. Beacons / Nearby @stopsatgreen

    View full-size slide

  36. @stopsatgreen
    “Nobody uses QR codes”

    View full-size slide

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

    View full-size slide

  38. @stopsatgreen
    QR codes in China

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  41. @stopsatgreen
    Computer vision

    View full-size slide

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

    View full-size slide

  43. MR
    AR / HoloLens

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  46. VR / A-Frame

    View full-size slide

  47. Interlude
    @stopsatgreen

    View full-size slide

  48. “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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  51. V. Why It Matters
    @stopsatgreen

    View full-size slide

  52. “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

    View full-size slide

  53. “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

    View full-size slide

  54. @stopsatgreen

    View full-size slide

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

    View full-size slide

  56. The End
    Come and talk to me.
    Or tweet @stopsatgreen.

    View full-size slide