Le futur des apps : les Progressive Web Apps (PWA)

PWALe secteur des applications mobiles a vécu de nombreuses révolutions ces derniers mois :

  • Apple a rendu plus difficile l’accès à l’app store pour les petites entreprises en rigidifiant ses règles de publication
  • le temps passé sur mobile a explosé
  • la frontière entre applications natives et applications web ne cesse de s’amenuiser, notamment avec l’émergence des Progressive Web Apps (ou pour donner leur petit nom, PWA)

Nous allons dans cet article préciser le concept de PWA, ses avantages et inconvénients pour que vous y voyez plus clair avant de choisir une solution pour rendre mobile l’accès à vos services.

Commençons par le commencement : qu’est-ce qu’une Progressive Web App (PWA) ?

Les Progressive Web Apps = le meilleur des deux mondes

Jusqu’a il y a peu de temps, afin d’avoir une présence mobile, deux options s’offraient à nous, options bien souvent complémentaires:

  • Utilisation d’un site web mobile (responsive ou dédié), permettant l’affichage et l’utilisation de votre site internet sur différent type de terminaux
  • Création d’une application mobile native iOS et/ou Android, centralisant le lieu des interactions avec vos utilisateurs, et accessible via les stores Apple App Store et Google Play. Ces applications natives tirent parti des capacités de votre smartphone (notifications, appareil photo, GPS, utilisabilité etc.).

On pourrait définir les Progressive Web Apps comme des applications pouvant accéder aux capacités natives d’un smartphone, mais basé sur des technologies web.

Il s’agit donc à première vue d’une application web capable d’utiliser les fonctionnalités telles que les notifications du téléphone, l’accès à l’appareil photo ou le GPS (même si quand on regarde sous les capot, c’est un peu plus compliqué que ça).

Et concrètement alors, qu’apportent les PWA ?

Alors que le web mobile est particulièrement efficace pour acquérir de nouveaux utilisateurs (qui nous auront trouvé par une requête sur un moteur de recherche), les applications sont parfaites pour la rétention des ces utilisateurs, en facilitant les interactions entre l’utilisateur et votre entreprise.

La Progressive Web App se positionne comme l’unification du web et des app natives :

  1. Elle est excellente pour l’acquisition de nouveaux utilisateurs, car elle est découvrable sur le web au même titre qu’un site internet… votre app, on la trouve sur Google ! Et le SEO est similaire au SEO de votre site internet.
  2. Elle permet à l’utilisateur qui vient de découvrir votre offre de passer directement à la phase d’interaction, sans passer par les étapes d’accès au stores d’applications, de téléchargement, d’installation de l’application
  3. L’interaction est d’aussi bonne qualité que via les applications mobiles puisque les PWA permettent :
    • Les notifications
    • L’installation sur l’écran d’accueil du téléphone
    • Une utilisation en plein écran (pas dans une fenêtre de navigateur)
    • Une navigation identique aux standards de navigation dans les applications natives
  4. Le tout sans problématique de téléchargement ou de faiblesse de réseau mobile

Un accès simplifié aux applications avec les PWA

infographie progressive web apps - expérience client

On considère que nous perdons 20% des utilisateurs potentiels à chaque étape d’accès à un site ou une application mobile.
Le shéma ci-dessus montre comment les PWA permettent de réduire drastiquement le chemin d’accessibilité de l’utilisateur vers une application mobile… elles permettent donc de perdre beaucoup moins d’utilisateurs en chemin !

Une application qui tourne sur tous les devices

Aujourd’hui encore, l’application native reste la référence en terme d’expérience sur les différentes plateforme. Pourtant la frontière entre les deux s’amenuise chaque jour et les PWA permettent de réaliser des applications extraordinaires :

  • elles tournent sous tous les devices
    • smartphones
    • tablettes
    • desktop
  • elles proposent une expérience cohérente et fluide sans avoir à tester votre application sur toutes les plateformes !

Une application qui vous apporte des avantages

  • Nous sommes donc sur le schéma d’une application qui sera découverte directement depuis un navigateur en s’affranchissant des contraintes de publication et de recherche sur les stores d’application.
  • Cette application ne nécessitera pas de téléchargement et d’installation pour être utilisée.
  • Cette application sera toujours à jour. En effet, en éliminant le passage par les stores d’application classiques, on peut se permettre de mettre à jour son application en quelques heures, sans attendre de validation de la part de Google ou d’Apple.
  • Focalisez-vous sur vos client et leurs besoins et pas sur la publication de vos application qui est aujourd’hui complexe. Vous gagnez la liberté de publier aussi souvent que vous le souhaitez.
  • Bien que nous parlions ici d’une nouvelle technologie, elle permet toutes les fonctionnalités que vous aviez déjà dans vos applications natives traditionnelles, tout en permettant d’utiliser l’application directement depuis un site web, puis de décider si l’utilisateur veut installer ou non votre application !

On est vraiment dans le meilleur des deux mondes !

En pratique, comment se passe l’utilisation des Progressive Web Apps ?

Est-ce que les PWA sont utilisables dès aujourd’hui ?

Une progressive web app est dès à présent fonctionnelle sur toutes les plateformes, car elles sont basées sur des technologies issues du web.

Les PWA se comportent de manière différente sur les différents OS et navigateurs. N’hésitez pas à nous contacter pour en savoir plus. Les PWA sont encore une construction relativement récente, et les possibilité d’interactions entre l’application et le téléphone évoluent encore régulièrement (voir notre section « Que peut faire ou ne pas faire une PWA »).

Exemple de PWA

Sur Android, voici comment se présente l’utilisation et l’installation d’une PWA :

1 – Accès à la PWA via une URL sur le navigateur du téléphone. L’application est fonctionnelle dès l’arrivée sur la page (accès aux fonctionnalités du téléphone, fonctionnalités de l’app…), une notification sur l’écran propose d’installer l’application sur le mobile.

 

2 – L’application est installée sur le téléphone en un clic. Une icône personnalisée est ajoutée à l’écran d’accueil. L’application peut alors être lancée en plein écran au même titre qu’une application native, avec les fonctionnalités du mobile, l’utilisation en mode avion etc..

 

3 – L’application se comporte comme une application native. Elle s’affiche en plein écran. On peut déplacer l’icône sur le bureau ou désinstaller l’application comme on le ferait avec toute autre application.

 

Que peut ou ne peut pas faire une PWA ?

Les capacités du PWA sont différentes d’une plateforme à l’autre. Le site whatwebcando.today recense les capacités du web sur la plateforme que vous utilisez pour la consulter.

Voici à quoi cela ressemble sous Android / Chrome :

Fonctionnalités natives du PWA PWA et mode hors ligneInput dans les progressive web apps (micro etc.) PWA et bluetooth, NFC Les progressive web apps et les accès au micro et caméra, appareil photo Géolocalisation dans les PWA Détection réseau et batterie PWA PWA plein écran & lock screen Accès fichiers locaux avec une PWA

En résumé : à ce jour, le PWA permet entre autres :

  • Applications en plein écran
  • Des notifications push
  • Accès au système de fichiers locaux
  • Un mode offline
  • La connexion bluetooth (donc beacons !)
  • L’utilisation du micro, de l’appareil photo, de la camera
  • La géolocalisation
  • L’accès au composants hardware (battery / accéléromètre / vibreur…)

Et les limites les plus importantes du PWA sous Android concernent principalement :

  • l’accès aux contacts du téléphone
  • l’accès au NFC

Cette liste est susceptible d’évoluer régulièrement au gré des intégration de composants dans les moteurs de rendu des navigateurs ou dans les OS.

La publication simplifiée !

Les Progressive Web Apps permettent en outre des publications d’applications en quelques secondes. Plus besoin d’attendre les vérifications par Apple ou Google pour publication sur les stores. Les publications sont instantanées, les changement sont poussés à vos utilisateurs immédiatement.

La publication des applications sur les stores a beaucoup évolué ces derniers mois, notamment avec la rigidification des règles mises en place par Apple sur son store. Les éditeurs d’applications peinent souvent à voir leurs applications acceptées et les refus ne sont pas toujours très clairs (Apple vous notifiera que la qualité des images n’est pas suffisante, sans référer explicitement à l’image qui pose problème) – et chaque essai publication après correction relance un cycle de vérification. Cette politique semble de plus en plus contraignante pour les applications de petits commerces ou les villes & municipalités par exemple.

En conclusion, les Progressive Web Apps offrent une opportunité sans précédent pour les applications mobiles. Et les références en terme d’analyse de marché le confirment ; nous leur laissons le mot de la fin :

« Application leaders responsible for mobile app strategies must determine when — not if — they need to factor in PWAs as part of their overall mobile development strategy. »
Sourcehttp://blogs.gartner.com/jason-wong/pwas-will-impact-your-mobile-app-strategy/

Soit, en français dans le texte : « les personnes responsables des stratégies d’applications mobiles doivent déterminer quand – et non si – ils doivent se trouver vers les PWA dans le cadre de leur stratégie de développement mobile ».

 


« Their better way, in summary, is to radically overhaul the web’s 20-year-old publishing paradigm, and use app-like design and technology practices to deliver app-like mobile web experiences. »
Sourcehttps://go.forrester.com/blogs/17-01-25-reinvent_the_web_to_win_the_mobile_moment/

Soit en français : « [la meilleure manière de faire] est de sortir complètement du paradigme du web dans lequel nous sommes depuis 20 ans, et d’utiliser des applications utilisant le design et les technologies utilisées sur le mobile pour mettre à disposition une expérience web proche de l’expérience mobile ».

Et pour mémoire, petit comparatif apps natives / progressive web apps :

Fonctionnalité Progressive Web Apps Apps Natives
Mode Hors-connexion
Navigation mobile
Installation sur le bureau mobile
Pas de téléchargement nécéssaire
Partageable par un simple lien ✓ 
Bon pour le SEO ✓ 
Peu de consommation de data mobile ✓ 
Pas de mise à jour nécéssaire sur les stores ✓ 

 


Vous avez un projet de PWA ? Vous souhaitez en discuter ? Dites-nous en plus :