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

I Am Grout

I Am Grout

Threats and opportunities on the web. #talkwd16 & #upfrontconf, May 2016.

Peter Gasston

May 27, 2016
Tweet

More Decks by Peter Gasston

Other Decks in Technology

Transcript

  1. I Am Grout
    May ’16

    View Slide

  2. I Am Peter Gasston
    Senior C.T. at +rehabstudio
    @stopsatgreen

    View Slide

  3. View Slide

  4. View Slide

  5. The realistic danger isn’t that the web
    disappears, but that it gets marginalized.
    medium.com/@cdixon/the-internet-economy-fc43f3eff58a
    Chris Dixon

    View Slide

  6. Threats to the prosperity of the web
    Commoditization
    Apps
    App-only Strategy
    Instant Apps
    Apple & Google
    Advertising / Tracking
    Monetisation
    Platforms
    Instant Articles
    Canvas Ads
    Bots
    Conversational UI
    Headless
    Performance

    View Slide

  7. Commoditisation of Design
    Squarespace, Grid

    View Slide

  8. Commoditisation of AI
    Squarespace, Grid

    View Slide

  9. geocitiesforever.com

    View Slide

  10. View Slide

  11. Apps
    Android, iOS

    View Slide

  12. twitter.com/zachleat/status/731659515154681857

    View Slide

  13. In 2016, the still-vast and still-growing web is
    comparatively diminished. Slightly newer
    platforms, such as Instagram and Vine, hardly
    touch it; Snapchat doesn’t even acknowledge it.
    theawl.com/2016/02/been-stuck-at-99-percent-for-like-a-year
    John Herrman

    View Slide

  14. App-only Strategy
    Flipkart, Myrna

    View Slide

  15. Android Instant Apps
    On-demand app fragments

    View Slide

  16. Google App for Android
    Pages open in-app, not browser

    View Slide

  17. Apple News
    And static Safari

    View Slide

  18. Advertising
    Annoying to dangerous

    View Slide

  19. Between 18% and 79% of data
    downloaded was from ads.
    theguardian.com/media/2016/mar/16/ad-blocking-advertising-half-of-data-used-articles

    View Slide

  20. Tracking
    Chilling Effect

    View Slide

  21. Nearly one in two internet users say
    privacy and security concerns have stopped
    them from doing basic things online.
    washingtonpost.com/news/the-switch/wp/2016/05/13/new-government-data-shows-a-staggering-number-of-americans-have-stopped-basic-online-activities/

    View Slide

  22. 22% of UK adults aged 25-44 are
    currently using ad blocking software.
    Rising to 47% in adults aged 18-24.
    warc.com/News/Default.aspx?ID=36310

    View Slide

  23. In the first quarter of 2016, 85 cents of
    every new dollar spent in online advertising
    will go to Google or Facebook.
    nytimes.com/2016/04/18/business/media-websites-battle-falteringad-revenue-and-traffic.html

    View Slide

  24. Monetisation
    Collapse

    View Slide

  25. Having a legacy business configured
    around a website is now almost as much
    of a headache as the rumbling printing
    press, fuelled by paper and money.
    theguardian.com/media/2016/feb/21/publishers-adblocking-advertising-mobile
    Emily Bell

    View Slide

  26. The New Day
    No website.

    View Slide

  27. The idea won’t be to start a website.
    That will be dead.

    The individual website won’t matter.
    forbes.com/sites/roberthof/2015/09/09/mediums-evan-williams-to-publishers-your-website-is-toast/

    View Slide

  28. The internet is not going to be about billions of
    people going to millions of websites. It will be
    about getting it from centralised websites.
    forbes.com/sites/roberthof/2015/09/09/mediums-evan-williams-to-publishers-your-website-is-toast/
    Evan Williams

    View Slide

  29. Platforms
    Facebook, Medium

    View Slide

  30. portals
    search
    platforms
    1995-2001
    2002-2013
    2014-

    View Slide

  31. Upload Complete
    The Awl
    theawl.com/2016/02/been-stuck-at-99-percent-for-like-a-year

    View Slide

  32. Facebook… has gradually replaced, within its
    platform, parts of the web its users shared most:
    outside videos; outside articles; outside
    personal sites; outside listings; outside streams;
    soon, maybe, outside audio streams.
    theawl.com/2016/02/been-stuck-at-99-percent-for-like-a-year

    View Slide

  33. The platforms that came of age
    on the web are leaving it behind.
    theawl.com/2016/02/been-stuck-at-99-percent-for-like-a-year

    View Slide

  34. Understood from the perspective of the
    web, the last five years have represented
    a sort of tragedy of the commons.
    theawl.com/2016/02/been-stuck-at-99-percent-for-like-a-year

    View Slide

  35. The platforms grew big and strong. Websites
    and publishers catered to the needs of those
    platforms, vague worries about control and
    identity set aside for the necessary pursuit of
    audience in an unpredictable environment.
    theawl.com/2016/02/been-stuck-at-99-percent-for-like-a-year
    John Herrman

    View Slide

  36. Upload Complete
    The Awl, on Medium

    View Slide

  37. The Next Billion
    4bn people online by 2018 (estimate)
    0
    1
    2
    3
    4
    2012 2013 2014 2015 2016 2017 2018
    Social Media Messaging Internet

    View Slide

  38. 108m people in India
    came online in 2015
    864m not yet online
    youtube.com/watch?v=E6hGubMkNfM

    View Slide

  39. 1 hour of minimum wage
    Cost of visiting 15 web pages in India
    (estimate)
    Photo: Rupak De Chowdhuri / Reuters

    View Slide

  40. whatdoesmysitecost.com

    View Slide

  41. whatdoesmysitecost.com

    View Slide

  42. 15% of avg. months income
    For 1GB prepaid data in Myanmar
    (estimate)
    Photo: Lauren Leatherby / NPR

    View Slide

  43. The telcos operate on pre-paid systems. Nobody
    has a credit card. Everyone buys top-up from
    top-up shops… They feel each megabyte.
    theatlantic.com/technology/archive/2016/01/the-facebook-loving-farmers-of-myanmar/424812/
    Craig Mod

    View Slide

  44. Photo: Craig Mod

    View Slide

  45. Awareness of the internet in developing
    countries is very limited. In fact, for many
    users, Facebook is the internet, as it’s often
    the only accessible application.
    qz.com/333313/milliions-of-facebook-users-have-no-idea-theyre-using-the-internet/
    Leo Mirani

    View Slide

  46. View Slide

  47. Facebook has a compelling advantage over other
    news apps or even Twitter: The content of many
    posts and news items live inside Facebook itself.
    theatlantic.com/technology/archive/2016/01/the-facebook-loving-farmers-of-myanmar/424812/

    View Slide

  48. As Facebook continues to ramp up their Instant
    Articles the amount of content that lives in
    Facebook will only increase. For those who are
    data sensitive, this is a clear virtue.
    theatlantic.com/technology/archive/2016/01/the-facebook-loving-farmers-of-myanmar/424812/
    Craig Mod

    View Slide

  49. Stories [shared on Facebook] take an
    average of eight seconds to load, by
    far the slowest single content type.
    media.fb.com/2015/05/12/instantarticles

    View Slide

  50. Instant Articles
    AMP, Apple News

    View Slide

  51. Instant Articles makes the reading
    experience as much as ten times faster
    than standard mobile web articles.
    media.fb.com/2015/05/12/instantarticles

    View Slide

  52. Canvas Ads
    Facebook
    canvas.facebook.com

    View Slide

  53. A fast-loading and seamless experience on
    Android and iOS. Canvas loads quickly, as much as
    ten times faster than the standard mobile web.
    canvas.facebook.com

    View Slide

  54. Messaging Platforms
    Messenger

    View Slide

  55. Messaging apps are the new browsers.
    Anthony Green

    View Slide

  56. WeChat
    ஙמ

    View Slide

  57. At every time throughout the day, there is a
    touchpoint between WeChat and your normal life.
    medium.com/@katie/product-insights-from-wechat-97c51695e159

    View Slide

  58. Rise of the meta platforms
    and the new ‘web browser’
    Paul Kinlan
    paul.kinlan.me/rise-of-the-meta-platforms

    View Slide

  59. View Slide

  60. Many of the platforms on mobile are
    choosing to host content within their own
    app experience and this is in my opinion a
    direct and compelling threat to the web.
    paul.kinlan.me/rise-of-the-meta-platforms
    Paul Kinlan

    View Slide

  61. View Slide

  62. We are in a position where we know what to do
    to make nearly any website really damn fast.
    But websites are still slow. Why?
    peterchamberlin.com/fast.php

    View Slide

  63. The problem is that performance is a feature
    that is not on anyone’s product roadmap.
    peterchamberlin.com/fast.php
    Peter Chamberlin

    View Slide

  64. Bots
    Messenger, Telegram, Skype

    View Slide

  65. Messaging apps are the new browsers,
    bots are the new web pages.
    Anthony Green

    View Slide

  66. twitter.com/chrismessina/status/725197835134603264

    View Slide

  67. Conversational / No UI
    Echo, Google Home

    View Slide

  68. Headless
    Notifications

    View Slide

  69. Wow… that was heavy.

    View Slide

  70. twitter.com/robertnyman/status/707500942648856577

    View Slide

  71. The best way to reach new consumers
    is through the open web.
    Jason Karaian

    View Slide

  72. View Slide

  73. Electron
    Web-tech desktop apps

    View Slide

  74. If you want apps that work like the web,
    the web is still your best choice.
    wired.com/2016/03/apple-ios-9s-universal-links-recall-the-bad-old-days-of-internet-explorer
    Klint Finley

    View Slide

  75. View Slide

  76. View Slide

  77. Progressive Web Apps
    Fast, Engaging, Installable, Shareable
    developers.google.com/web/progressive-web-apps

    View Slide

  78. App-only Strategy
    Flipkart, Myrna

    View Slide

  79. twitter.com/mikehall314/status/723074895085711360

    View Slide

  80. View Slide

  81. Flipkart Lite
    70% increase in conversions
    from home screen icon

    View Slide

  82. Web VR
    Oculus, Cardboard, etc

    View Slide

  83. Web Bluetooth
    Pair with BLE devices

    View Slide

  84. Physical Web
    Nearby Notifications

    View Slide

  85. View Slide

  86. WeChat
    ஙמ

    View Slide

  87. I believe that WeChat is an incredible
    driver for adoption of mobile web
    development techniques.
    medium.com/@alxdwn/debunking-wechat-e5805e358f8

    View Slide

  88. While in the West companies are still
    native-first (usually iOS-first), in China
    the most important presence one may
    have is a mobile-optimised website.
    medium.com/@alxdwn/debunking-wechat-e5805e358f8
    Alessio Basso

    View Slide

  89. View Slide

  90. Light Apps
    ᫷ଫአ
    liveapp.cn/case

    View Slide

  91. Light apps are often single-page, single-
    message and intended to be single-use.
    smashingmagazine.com/2015/02/china-web-design-trends-2015
    Kendra Schaefer

    View Slide

  92. twitter.com/littlecalculist/status/728328046332121089

    View Slide

  93. Technology does not have intrinsic value.
    It has to deliver value by enhancing the way we
    experience the world around us.
    wired.co.uk/magazine/archive/2015/11/features/wired-world-2016-yves-behar
    Yves Behar

    View Slide

  94. Technology does not have intrinsic value.
    It has to deliver value by enhancing the way we
    experience the world around us.
    wired.co.uk/magazine/archive/2015/11/features/wired-world-2016-yves-behar
    Yves Behar

    View Slide

  95. If we are going to continue to use “the web” as a
    label then it needs to represent a 20+ year
    vision that transcends http and web browsers.
    wirfs-brock.com/allen/posts/459
    Allen Wirfs-Brock

    View Slide

  96. A containerized, embeddable article that
    travels to any site with brand, revenue,
    analytics, and links attached.
    medium.com/@stephanierieger/why-conversational-commerce-may-be-our-best-chance-to-re-imagine-the-web-32af5e22f799
    Kevin Kelly

    View Slide

  97. The universally accessible, multi-device and
    multi-context web is there to enhance native
    infrastructure — not the other way around.
    medium.com/@stephanierieger/why-conversational-commerce-may-be-our-best-chance-to-re-imagine-the-web-32af5e22f799
    Stephanie Rieger

    View Slide

  98. I am Grout.

    View Slide

  99. I Am Peter Gasston
    @stopsatgreen

    View Slide