Depuis la création des PWA en 2015, le sujet fait couler beaucoup d'encre. Si les PWA n'ont pas vocation à remplacer les applications mobiles natives, elles en sont très complémentaires et ont un bel avenir devant-elles.

Pourquoi cette technologie est-elle autant en vogue aujourd'hui ?

On vous propose de le comprendre ense penchantsur 3 "success stories" de Progressive Web App.Elles illustrent 3 défis qu'ellesrelèvent mieux que le web mobile traditionnel ne peut le faire!

Twitter Lite: améliorer la rétention des utilisateurs

Les sites mobiles n'offrent pas une expérience de navigation optimale à leurs utilisateurs : ils sont souvent lents, ne sont pas disponibles hors connexion et sont gourmands en données chargées. C'est pour relever ces défis que Twitter a lancé sa Progressive Web App Twitter Lite en avril 2017, avec en ligne de mire l'amélioration de son audience dans les pays à faible connectivité.

Le succès est au rendez-vous et par rapport à l'ancienne version du site mobile, Twitter Lite a permis :

• D'augmenter de 65% le nombre de pages par session
• D'augmenter de 75% le nombre de tweets envoyés
• De diminuer le taux de rebond de 20% 

Twitter Lite est ainsi devenue la méthode la plus rapide et la plus sûre d'utiliser les fonctionnalités "core" de Twitter sur mobile.

George.com : améliorer la conversion des utilisateurs

Le e-commerce est lui aussi un bon exemple où les PWA ont un rôle à jouer. Selon le Adobe analytics report, le mobile représente 51% du traffic internet, mais seulement 31% des revenus en 2018. Il y a un véritable enjeu de conversion sur mobile que les PWA se proposent de résoudre en repensant l'expérience utilisateur.

Google a consacré une étude de cas au site de prêt à porter anglais George.com, qui a lancé sa PWA en février 2018. Cette PWA leur a permis de considérablement améliorer la performance de leur site web mobile et : 

• Diviser le temps de chargement des pages par 3,8
• Diviser le taux de rebond par 2
• Augmenter le taux de conversion de 31% 

Le Courrier International : améliorer l'acquisition de nouveaux utilisateurs

D'autres acteurs choisissent les PWA pour se différencier de leurs concurrents et acquérir de nouveaux utilisateurs. Le Courrier International, par exemple, a lancé  le Réveil Courrier en 2018. La progressive web app répondait à tous les besoin du Réveil Courrier... 

• Raccourci sur l'écran d'accueil pour améliorer la rétention
• Notifications le matin à 7h pour engager les utilisateurs
• Lecture possible en mode hors ligne dès le deuxième clic 

...Sans présenter la lourdeur d'une application : 

• Mises à jour à télécharger
• Données consommées
• Mémoire utilisée sur le device

Courrier international lance cette semaine sa #ProgressiveWebApp pour les abonnés. Rendez-vous sur le Réveil Courrier sur https://t.co/FeVa5z2qNz #reveilcourrier #PWA @courrierinter pic.twitter.com/mgCVhXL6bU

Acquisition, rétention, conversion, ces success stories illustrent comment les Progressive Web Apps ont révolutionné le monde du web mobile en intégrant de plus en plus de fonctionnalités "app like". Chez BAM, nous avons 3 projets de PWA en cours et de plus en plus de clients nous demandent d'évaluer cette possibilité.

Pour conclure, voici une matrice qui classe les types de besoin auxquels répondent chaque technologie : 

++table style="width: 100%; border-color: #000000;" border="1">++tbody>++tr style="height: 26px;">++td style="width: 135px; height: 26px;">++/td>++td style="width: 135px; text-align: center; height: 26px;">PWA++/td>++td style="width: 135px; text-align: center; height: 26px;">Application mobile++/td>++/tr>++tr style="height: 74px;">++td style="width: 135px; height: 74px;">Le web mobile compte largement dans mon audience++/td>++td style="width: 135px; height: 74px; text-align: center;">✅++/td>++td style="width: 135px; height: 74px; text-align: center;">++/td>++/tr>++tr style="height: 74px;">++td style="width: 135px; height: 74px;">Je cherche un produit à haute performance (rapidité d'exécution)++/td>++td style="width: 135px; height: 74px; text-align: center;">++/td>++td style="width: 135px; height: 74px; text-align: center;">✅++/td>++/tr>++tr style="height: 74px;">++td style="width: 135px; height: 74px;">J'ai besoin de pouvoir mettre à jour mon application sans délai++/td>++td style="width: 135px; height: 74px; text-align: center;">✅++/td>++td style="width: 135px; height: 74px; text-align: center;">✅
(en react native)++/td>++/tr>++tr style="height: 74px;">++td style="width: 135px; height: 74px;">Je cherche un produit à interactions complexes avec l'utilisateur++/td>++td style="width: 135px; height: 74px; text-align: center;">++/td>++td style="width: 135px; height: 74px; text-align: center;">✅++/td>++/tr>++tr style="height: 74px;">++td style="width: 135px; height: 74px;">Je cherche un produit où le mode hors ligne joue un rôle critique++/td>++td style="width: 135px; height: 74px; text-align: center;">++/td>++td style="width: 135px; height: 74px; text-align: center;">✅++/td>++/tr>++tr style="height: 74px;">++td style="width: 135px; height: 74px;">je cible une audience dans des pays à faible connectivité++/td>++td style="width: 135px; height: 74px; text-align: center;">✅++/td>++td style="width: 135px; height: 74px; text-align: center;">++/td>++/tr>++tr style="height: 74px;">++td style="width: 135px; height: 74px;">L'acquisition d'utilisateurs est première dans ma stratégie++/td>++td style="width: 135px; height: 74px; text-align: center;">✅++/td>++td style="width: 135px; height: 74px; text-align: center;">++/td>++/tr>++tr style="height: 74px;">++td style="width: 135px; height: 74px;">La rétention de mes utilisateurs est première dans ma stratégie++/td>++td style="width: 135px; height: 74px; text-align: center;">++/td>++td style="width: 135px; height: 74px; text-align: center;">✅++/td>++/tr>++/tbody>++/table>

N'hésitez pas à contacter un expert BAM pour évaluer la stratégie technique qui répond le mieux a votre besoin !