Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Progressive Web and its New Challenges - Confoo Montréal 2017

1,600 views

Published on

Keynote covering what Progressive Web Apps mean to the market and what issues of native apps they need to fix.

Published in: Engineering
  • Login to see the comments

The Progressive Web and its New Challenges - Confoo Montréal 2017

  1. 1. The Progressive Web and its New Challenges Chris Heilmann @codepo8, Confoo Montréal, February 2017
  2. 2. PROGRESSIVE WEB APPS
  3. 3. PROGRESSIVE WEB APPS Future facing - looking into solving upcoming problems.
  4. 4. PROGRESSIVE WEB APPS Not set in stone - improves over time.
  5. 5. PROGRESSIVE WEB APPS Not relying on an environment…
  6. 6. PROGRESSIVE WEB APPS Start with the most basic use case and interface…
  7. 7. PROGRESSIVE WEB APPS Improved experiences in advanced environments…
  8. 8. PROGRESSIVE WEB APPS Improved experiences with subsequent visits…
  9. 9. PROGRESSIVE WEB APPS The web has always been a progressive environment…
  10. 10. PROGRESSIVE WEB APPS We have forgotten about that as we have become used to it…
  11. 11. PROGRESSIVE WEB APPS We’re building on great hardware with fast connections…
  12. 12. PROGRESSIVE WEB APPS Developer convenience and fast turnaround trumps too often end user experience…
  13. 13. PROGRESSIVE WEB APPS When the mobile factor became the main use of the web, the web showed its issues…
  14. 14. PROGRESSIVE WEB APPS Unreliable browser support for accessing mobile hardware…
  15. 15. PROGRESSIVE WEB APPS Doesn’t work offline
  16. 16. PROGRESSIVE WEB APPS Feels like a burden to support all the possible environments users may have…
  17. 17. PROGRESSIVE WEB APPS Native Apps promised to solve all these issues.
  18. 18. PROGRESSIVE WEB APPS They work offline, they give you access to the hardware, they give you control over what the user can do.
  19. 19. PROGRESSIVE WEB APPS A bespoke solution for a closed environment.
  20. 20. PROGRESSIVE WEB APPS Which means, its own issues…
  21. 21. PROGRESSIVE WEB APPS The “App revolution” isn’t something worth mimicking…
  22. 22. PROGRESSIVE WEB APPS Native apps as a form factor have failed and are only kept alive by VC injections and hype…
  23. 23. Users spend 80% of their time using just 5 apps. marketingland.com/report-mobile-users-spend-80-percent-time-just- five-apps-116858 “ PROGRESSIVE WEB APPS
  24. 24. 80% of users who download an app fail to become active users. http://andrewchen.co/new-data-shows-why-losing-80-of-your- mobile-users-is-normal-and-that-the-best-apps-do-much-better/ “ PROGRESSIVE WEB APPS
  25. 25. …of the >1.5 million apps in the Google Play store, only a few thousand sustain meaningful traffic. http://andrewchen.co/new-data-shows-why-losing-80-of-your- mobile-users-is-normal-and-that-the-best-apps-do-much-better/ “ PROGRESSIVE WEB APPS
  26. 26. 94% of app revenue comes from 1% of publishers https://sensortower.com/blog/app-store-one-percent “ PROGRESSIVE WEB APPS
  27. 27. 60% of apps in the Google Play app store have never been downloaded. https://www.youtube.com/watch?v=EUthgV-U05w&t=1m56s “ PROGRESSIVE WEB APPS
  28. 28. The average user downloads less than 3 apps per month. Half of US smartphone users download zero apps per month. http://www.recode.net/2016/9/16/12933780/average-app-downloads-per-month-comscore “ PROGRESSIVE WEB APPS
  29. 29. Users try out a lot of apps but decide which ones they want to ‘stop using’ within the first 3-7 days. http://andrewchen.co/new-data-shows-why-losing-80-of-your- mobile-users-is-normal-and-that-the-best-apps-do-much-better/ “ PROGRESSIVE WEB APPS
  30. 30. The average app loses its entire userbase within a few months… http://andrewchen.co/new-data-shows-why-losing-80-of-your- mobile-users-is-normal-and-that-the-best-apps-do-much-better/ “ PROGRESSIVE WEB APPS
  31. 31. Native app install friction blocks 74% of your potential customers before they ever see your app. http://andrewchen.co/new-data-shows-why-losing-80-of-your- mobile-users-is-normal-and-that-the-best-apps-do-much-better/ “ PROGRESSIVE WEB APPS
  32. 32. PROGRESSIVE WEB APPS And even the money isn’t what we’ve been promised…
  33. 33. PROGRESSIVE WEB APPS ▶ Pricing race to the bottom (99 cents) ▶ Lock-in into the store with its own rules and restrictions ▶ Revenue share with store/OS provider ▶ Updates are hard and may be delayed by the store rules
  34. 34. PROGRESSIVE WEB APPS It is time to rethink the concept of Apps and their distribution outside of stores…
  35. 35. ▶ Frictionless installs / updates ▶ Small initial payload ▶ Form factor supporting content and interfaces ▶ Offline/Flaky connection support ▶ Using the power of the device PROGRESSIVE WEB APPS
  36. 36. PROGRESSIVE WEB APPS And that is what Progressive Web Apps are…
  37. 37. PROGRESSIVE WEB APPS The distribution model is the link…
  38. 38. PROGRESSIVE WEB APPS The technology stack is web standards that progressed…
  39. 39. PROGRESSIVE WEB APPS The first step is to harden your servers by moving away from HTTP to more secure protocols.
  40. 40. PROGRESSIVE WEB APPS The second step is providing an App Manifest. https://developer.mozilla.org/en-US/docs/Web/Manifest
  41. 41. PROGRESSIVE WEB APPS ▶ Describes document as an app ▶ Defines look and feel (fullscreen, colours, screen orientation) ▶ Access to platform-specific functionality ▶ Standardised version of older, similar approaches App Manifest
  42. 42. PROGRESSIVE WEB APPS The big breakthrough is a Service Worker… https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
  43. 43. PROGRESSIVE WEB APPS Service Worker ▶ Intercept fetch events, respond with cache ▶ Intercept push events ▶ Intercept sync/periodic events ▶ Offline ▶ Push notifications ▶ Background Sync
  44. 44. PROGRESSIVE WEB APPS Great things are happening here. Google, Mozilla, Microsoft, Apple, Samsung, all take part in this…
  45. 45. PROGRESSIVE WEB APPS So what does that mean for you right now?
  46. 46. PROGRESSIVE WEB APPS The web is coming back – big time.
  47. 47. PROGRESSIVE WEB APPS Time to brush up what you have and slim it down…
  48. 48. PROGRESSIVE WEB APPS It means you will reach lots of of new users on badly connected devices without locking them out.
  49. 49. PROGRESSIVE WEB APPS And you make your current products work more reliably for everybody.
  50. 50. PROGRESSIVE WEB APPS This is proper web technology - you can try it out in parts of your products and move the rest later.
  51. 51. PROGRESSIVE WEB APPS Search engines can find your solutions and flag them up as PWAs (indexing manifests).
  52. 52. PROGRESSIVE WEB APPS As with any web technology, a lot can be automated… http://www.pwabuilder.com
  53. 53. PROGRESSIVE WEB APPS Don’t wait, don’t waste more time on duplicating efforts for closed environments…
  54. 54. PROGRESSIVE WEB APPS …when there is a web to be used that keeps you in control!
  55. 55. THANKS VERY MUCH Chris Heilmann @codepo8 christianheilmann.com

×