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

A future without browsers, February 2017

A future without browsers, February 2017

A future without browsers, February 2017.

ngVikings 2017

Kenneth Auchenberg

February 11, 2017
Tweet

More Decks by Kenneth Auchenberg

Other Decks in Programming

Transcript

  1. February 2017
    Kenneth Auchenberg
    Program Manager, Microsoft
    A future without browsers

    View Slide

  2. I’m Kenneth

    View Slide

  3. View Slide

  4. Source: http://www.davemanuel.com/2016/01/09/poll-74-of-likely-republican-voters-believe-that-donald-trump-will-probably-win-nomination/

    View Slide

  5. Browsers

    View Slide

  6. We are the last generation to
    know what a “browser” is

    View Slide

  7. A walk down memory lane

    View Slide

  8. View Slide

  9. DESKTOP TOWER
    WINDOWS XP
    CRT MONITOR
    COCA COLA
    CD-ROM!

    View Slide

  10. Browsers were document readers

    View Slide

  11. Source: http://collective-thoughts.com/wp-content/netscape-navigator.JPG
    Browsers shipped on physical media

    View Slide

  12. Browsers used to cost money

    View Slide

  13. Browser start-pages were a thing

    View Slide

  14. Everything has changed

    View Slide

  15. Modern browsers are application runtimes

    View Slide

  16. The browser business model
    has changed

    View Slide

  17. Today browsers are free and
    are funnels to search

    View Slide

  18. Mozilla Firefox revenue
    https://static.mozilla.com/moco/en-US/pdf/2015_Mozilla_Audited_Financial_Statement.pdf

    View Slide

  19. Google (Chrome) revenue
    https://www.sec.gov/Archives/edgar/data/1652044/000165204417000008/goog10-kq42016.htm

    View Slide

  20. Apple Safari Revenue
    https://www.sec.gov/Archives/edgar/data/1652044/000165204417000008/goog10-kq42016.htm

    View Slide

  21. Source: https://www.bloomberg.com/gadfly/articles/2016-07-19/microsoft-turns-bing-from-a-joke-into-an-ad-business
    Microsoft Bing (Edge) revenue

    View Slide

  22. Internet adoption has changed

    View Slide

  23. View Slide

  24. View Slide

  25. Source: https://qz.com/333313/milliions-of-facebook-users-have-no-idea-theyre-using-the-internet/

    View Slide

  26. Facebook is the startpage of
    the next billion

    View Slide

  27. Form factors have changed

    View Slide

  28. Source: http://www.highdefgeek.com/visual-portrait-evolution-mobile-phones/

    View Slide

  29. Mobile internet users

    View Slide

  30. Saying “mobile internet” = “color tv”
    Source: Benedict Evans, http://ben-evans.com/benedictevans/2016/3/29/presentation-mobile-ate-the-world
    Benedict Evans, Andreessen Horowitz

    View Slide

  31. View Slide

  32. Our rendering engines have
    changed

    View Slide

  33. Today’s web rendering engines
    WebKit Blink EdgeHTML Gecko
    U3 Engine Servo

    View Slide

  34. In a few years you won’t know you
    are using a browser.

    View Slide

  35. Tada!
    Progressive Web Apps

    View Slide

  36. Desktop: Web as a runtime
    Slack VS Code

    View Slide

  37. Mobile: Web embedded inside native
    Chrome Custom Tabs Safari View Controllers

    View Slide

  38. Progressive Web Apps
    Browser chrome Home screen “App”

    View Slide

  39. What about the future?

    View Slide

  40. Web apps will find their way
    to app stores and redefine
    them

    View Slide

  41. Community-based search indexes

    View Slide

  42. Apps being indexed in search engines

    View Slide

  43. Search engines and app stores
    will melt together

    View Slide

  44. As the browser chrome
    disappears, new search entry
    points will appear

    View Slide

  45. View Slide

  46. View Slide

  47. Source: http://www.imore.com/how-to-use-calendar-with-siri

    View Slide

  48. View Slide

  49. The front-end role is being
    redefined, as native and web
    melts together

    View Slide

  50. View Slide

  51. View Slide

  52. https://www.amazon.com/Amazon-Echo-Bluetooth-Speaker-with-WiFi-Alexa/

    View Slide

  53. Search-based browser business
    models will get challenged

    View Slide

  54. Brave Browser & Brave Payments

    View Slide

  55. Today’s real browsers are social
    streams + WebViews

    View Slide

  56. Source: http://flurrymobile.tumblr.com/post/127638842745/seven-years-into-the-mobile-revolution-content-is

    View Slide

  57. Facebook is a browser

    View Slide

  58. Twitter is a browser

    View Slide

  59. If any app can a browser,
    what is it then?

    View Slide

  60. New meta-platforms will rise

    View Slide

  61. Meta platforms
    Host platforms Android iOS
    Desktop
    (Windows)
    Web platform WeChat Facebook
    Amazon
    Alexa
    Content platforms
    Instant
    articles
    Voice
    actions
    Mini
    programs
    PWA’s/AMP
    Chat Social networks Voice platforms
    Web runtimes

    View Slide

  62. WeChat “mini program” apps (840 mio users)
    Source: http://mp.weixin.qq.com/s/IM8dJ01QNpqTBcix_13_yw

    View Slide

  63. Prediction: React Apps inside
    Facebook

    View Slide

  64. Browser rendering engines
    will become commodity

    View Slide

  65. New browser-shells appears
    Non engine differentiation

    View Slide

  66. We have moved to higher-level
    authoring abstractions

    View Slide

  67. Modern framework architectures
    Source: https://docs.google.com/document/d/1M9FmT05Q6qpsjgvH1XvCm840yn2eWEg0PMskSQz7k4E/edit

    View Slide

  68. Web platform primitives are
    compile targets

    View Slide

  69. New role for frameworks and
    JavaScript

    View Slide

  70. The new “web” is in flux.
    “ I installed an app on Android phone ”
    What does install
    mean? Click a link?
    Say it?
    What is an
    app? Website?
    WeChat micro
    program?
    Android/Chrome?
    Google/Angular?
    Facebook/React?
    Phone? Watch? Amazon
    Echo?

    View Slide

  71. There hasn’t been a more
    awesome time to write
    JavaScript than today!

    View Slide

  72. We are the last generation to
    know what a “browser” is

    View Slide

  73. Thanks!
    @auchenberg

    View Slide