Growing Up, Getting Serious - #SotB6

The web beyond the browser. Current trends in technology and user behaviour, the role of the web, and the role of the browser.

Transcript

1. Growing Up,
   Getting Serious
   A provocation in five parts.
   #SotB6, September 2017
   @stopsatgreen
   

   View Slide

2. Peter Gasston
   Creative Technologist at rehab
   @stopsatgreen
   @stopsatgreen
   

   View Slide

3. I. Goodbye Browser
   @stopsatgreen
   

   View Slide

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

   View Slide

5. @stopsatgreen
   

   View Slide

6. @stopsatgreen
   

   View Slide

7. Material Design @stopsatgreen
   

   View Slide

8. @stopsatgreen
   Progressive Web Apps (PWAs)
   

   View Slide

9. Deeply Integrated PWAs / ‘WebAPKs’ @stopsatgreen
   

   View Slide

10. Chrome OS / Android @stopsatgreen
    

    View Slide

11. “The wall between ‘native’
    and the Web is falling.”
    — Dan Callahan
    @stopsatgreen
    

    View Slide

12. Electron / Slack @stopsatgreen
    

    View Slide

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

    View Slide

14. “A TV with an address bar.”
    @stopsatgreen
    “A piece of software that
    interprets HTML, CSS, and
    JavaScript.”
    What is a browser?
    

    View Slide

15. “A program that traverses a
    web of hyperlinks. The
    underlying markup language or
    visualization is irrelevant.”
    @stopsatgreen
    What is a browser?
    

    View Slide

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

    View Slide

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

    View Slide

18. Instant Articles @stopsatgreen
    

    View Slide

19. Accelerated Mobile Pages @stopsatgreen
    

    View Slide

20. “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 Slide

21. II. Interface on Demand
    @stopsatgreen
    

    View Slide

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

    View Slide

23. Most UK people get 5+ notifications daily
    33%
    44%
    15%
    1-4
    5-19
    20+
    @stopsatgreen
    

    View Slide

24. Notifications @stopsatgreen
    

    View Slide

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

    View Slide

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

    View Slide

27. Messaging WebViews @stopsatgreen
    

    View Slide

28. Chat Extensions @stopsatgreen
    

    View Slide

29. Wubbles (ugh) @stopsatgreen
    

    View Slide

30. Mini Programs @stopsatgreen
    

    View Slide

31. “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 Slide

32. III. The Physical Web
    @stopsatgreen
    

    View Slide

33. @stopsatgreen
    Voice UI
    

    View Slide

34. 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 Slide

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

    View Slide

36. IoT / Web Bluetooth @stopsatgreen
    

    View Slide

37. Beacons / Nearby @stopsatgreen
    

    View Slide

38. @stopsatgreen
    “Nobody uses QR codes”
    

    View Slide

39. “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 Slide

40. @stopsatgreen
    

    View Slide

41. View Slide

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

    View Slide

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

    View Slide

44. View Slide

45. View Slide

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

    View Slide

47. MR
    AR / HoloLens
    

    View Slide

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

    View Slide

49. View Slide

50. View Slide

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

    View Slide

52. Interlude
    @stopsatgreen
    

    View Slide

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

    View Slide

54. “Browsers are what the Web
    looked like in the first decades
    of the Internet.”
    — Andreas Gal
    @stopsatgreen
    

    View Slide

55. “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 Slide

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

    View Slide

57. Browser
    AMP
    Instant
    Articles
    Notifications
    Messaging
    WebViews
    App
    WebViews
    Apple News
    VR
    Web Extensions
    & Wubbles (ugh)
    WebAPKs
    Mini
    Programs
    Voice UI
    AR / MR
    

    View Slide

58. V. Why It Matters
    @stopsatgreen
    

    View Slide

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

    View Slide

60. View Slide

61. “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 Slide

62. We must not lose control
    of this complex machine.
    @stopsatgreen
    

    View Slide

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

    View Slide

64. The future of the web begins
    with the end of the browser.
    @stopsatgreen
    

    View Slide

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

    View Slide