UTILISER DES PWA OU DES APPLICATIONS CLASSIQUES ?

Tablette horizontale
values.image.name
Le monde digital donne accès à divers services numériques à travers deux solutions principales qui s’offrent à l’utilisateur : l’accès à un site web via un navigateur, ou bien l’accès à une application, installée de façon locale. Ces deux accès existent depuis bien longtemps pour les terminaux fixes. Pour étendre l’utilisation de ces services à la mobilité, les développeurs ont réalisé des sites web adaptés aux terminaux mobiles (Web Apps) ainsi que des applications natives sur ces appareils. Sont ensuite apparues les Progressive Web Apps.
 

Progressive Web Apps : Quelles différences face aux applications natives et applications web ?

 
Les Progressive Web Applications (PWA), représentent une alternative entre les applications natives et les applications web.
PWA-b.jpg

Les applications natives

 
Les applications natives, sur appareil fixe ou mobile, sont connues pour être très riches et fiables. Nous en avons l’habitude, elles sont en général toujours présentes sur les bureaux virtuels de nos appareils. Elles fonctionnent quelle que soit la qualité de la connexion internet à laquelle elles sont exposées, y compris sans connexion, et démarrent de manière autonome. La suite office de Microsoft est notamment composée d’applications natives.
 
Elles peuvent lire et écrire des données depuis le système de fichier local et interagir avec d’autres applications sur votre système, comme les contacts ou le calendrier. En d’autres termes, elles semblent faire littéralement partie du système sur lequel elles sont installées. Leur meilleur atout est la performance.
 
 

Les applications web

 
Les applications web, ou web apps, ont l’avantage de fonctionner en mode « cross-plateforme », c’est-à-dire sur tous les appareils et systèmes d’exploitation. Comme leur nom l’indique, elles sont accessibles depuis le web via un navigateur, ce qui permet aux utilisateurs de facilement partager ce qu’ils y trouvent, où qu’ils soient. Elles garantissent également d’être à jour à chaque visite de l’utilisateur. Leur meilleur atout est donc l’accessibilité depuis n’importe quel appareil, vous permettant de retrouver toutes vos données, quel que soit celui à partir duquel vous vous connectez.
 
Ce qui différencie un site web d’une application web, c’est que cette dernière permet à ses utilisateurs d’accomplir des tâches spécifiques. Elle gère généralement des utilisateurs et toutes sortes de données. Par exemple, un site d'actualité ou un blog sont considérés comme des sites web classiques. Tandis que des services comme Gmail ou Google Maps sont des applications web. 
 
Les applications natives représentent donc le meilleur de la performance, et les applications web sont, elles, le choix de l’accessibilité.
 
Entre ces deux mondes, comment se caractérisent les Progressive Web Apps ?
 
 

Les PWA pour répondre à des problématiques de développement

 
Les Progressive Web Apps ont pour objectif de répondre à deux problématiques principales posées par les solutions présentées ci-dessus :
 
- Le procédé de développement des applications natives et des applications web est coûteux, car il nécessite de développer et de maintenir ces deux produits simultanément, si l’on souhaite réunir performance et accessibilité
 
- Les performances de ces solutions ne sont pas optimales. En effet, les passerelles entre sites et applications natives ne pouvant être que limitées, les synchronisations de contenus entre les deux sont difficiles. C’est le cas pour les applications dites « hybrides », embarquant la technologie WebView.
PWA-c.jpg

Les Progressive Web Apps, le meilleur des deux mondes

 
Les Progressive Web Apps sont conçues avec des APIs (interfaces de programmation d’application) modernes qui améliorent leurs performances, leur stabilité et leur processus d’installation, tout en étant accessibles à tout le monde. En effet, elles sont utilisables sur n’importe quel appareil, à l'exception de ceux sous iOS, et peuvent être installées depuis un site web, ou un magasin d’applications sur mobile.
 
Elles sont ensuite présentes sur l’écran d’accueil de l’appareil par leur icône. Au lieu de s’ouvrir dans la fenêtre d’un navigateur, elles disposent de leur propre fenêtre autonome. Il est également possible de passer de l’une à l’autre grâce à l’app switcher de votre système d’exploitation.
 
Google encourage ainsi l’utilisation des Progressive Web Apps, et selon sa propre documentation, ces dernières doivent répondre aux critères suivants :
 
 

La fiabilité au service de l’expérience utilisateur

 
Elles doivent démarrer instantanément, et être conçues pour que leurs fonctionnalités principales soient opérationnelles même en cas de connexion limitée (notamment leur synchronisation en arrière plan).
 
Les utilisateurs attendent d’une application qu’elle s’exécute sans difficulté, même avec une connexion lente ou inexistante. Le contenu le plus récent, avec lequel ils ont interagi doit être disponible et utilisable dès leur retour sur l’application. Si une requête des utilisateurs ne peut pas être prise en charge, ils doivent être prévenus d’un problème, plutôt que de voir l’application ne pas réagir.
 
 

Rapidité et ergonomie des Progressive Web Apps

 
La performance doit être au service de l’ergonomie des Progressive Web Apps qui doivent répondre rapidement aux actions des utilisateurs. C’est un point très important, puisque selon Google, si le délai d’ouverture d’une page est proche de 10 secondes au lieu d’une seconde, la probabilité que les utilisateurs quittent la page sans la consulter augmente de 123%.
 
Autrement dit, les utilisateurs ne doivent jamais se demander si leur requête a été prise en compte ou non. La performance conditionne l’expérience utilisateur et le regard global qu’il porteront sur l’application.
 
 

Les Progressive Web Apps augmentent l’engagement des utilisateurs

 
Elles doivent proposer un contenu riche et renouvelé aux utilisateurs. Elles interagissent avec eux via des notifications push.
 
Les Progressive Web Apps permettent enfin de créer des visioconférences hyper-locales (qui réunissent votre entreprise et chacune de vos implantations, filiales, etc) grâce à l’API WebRTC (Web Real-Time Communication).
PWA-d.jpg

Des technologies modernes au service de votre activité

 
Conçues avec les dernières technologies du web, les Progressive Web Apps utilisent deux composants essentiels :
 
 

Le manifeste JSON

 
Pour que celles-ci puissent se comporter comme de vraies applications natives, elles ont besoin d’un fichier qui « décrit » leurs données de base. Il s’agit d’un fichier JSON, aussi appelé un « manifeste ». Cela permet à la PWA d’afficher une icône, un nom, une couleur de fond sur sa page de garde, etc. Une Progressive Web Apps apparaît ainsi quasiment identique à une application native pour l'utilisateur.
 
 

Le Service Worker

 
L’autre composant, le Service Worker, est celui qui permet aux PWA de diffuser des notifications push sur les appareils de leurs utilisateurs, même lorsqu’elles ne sont pas lancées. Cette interaction fonctionne, car le Service Worker est capable d’envoyer au navigateur des fichiers qu’il a précédemment sauvegardés dans le cache. Cette technique s’appelle le « precaching ».
 
C’est un processus JavaScript qui s’exécute sur le navigateur, en dehors de l’application, mais qui est tout de même relié à celle-ci. Il sert de proxy; les requêtes de la PWA en termes de ressources passent par lui.
 
 

Pourquoi utiliser une PWA plutôt qu’une application classique pour votre business ?

 
En résumé, les Progressive Web Apps présentent de nombreux avantages face aux applications natives et aux applications web classiques, parmi lesquels :
 
- Des mises à jour en temps réel et en arrière plan
 
- Une consommation de données et un poids inférieur, ce qui nécessite moins d’énergie lors des échanges avec les serveurs et participe à l’éco-responsabilité numérique
 
- Des gains de performance, notamment pour l’ouverture des pages
 
Même hors-ligne, les PWA peuvent fournir du contenu à leurs utilisateurs
 
- Leurs coûts de développement, de mise en place et de maintenance sont inférieurs à ceux des autres solutions
 
- Elles peuvent accéder aux fonctionnalités natives (appareils photo, GPS, etc) des appareils sur lesquels elles sont installées, tout comme une application native
PWA-e.jpg
Ces éléments peuvent contribuer à générer certaines plus-value pour votre activité, comme :
 
- Vos clients et prospects restent plus de temps sur votre application et donc sont davantage exposés à vos services
 
- Vous améliorez le taux de rebond de vos leads, puisque ces derniers restent davantage sur vos pages au lieu d’en sortir lors des premières secondes
 
- Ce taux de rebond amélioré a pour effet d’augmenter votre taux de conversion
 
- Vos visiteurs reviennent plus régulièrement consulter les pages de votre application
 
 
Comme nous l'avons vu, les Progressive Web Apps réunissent les avantages des applications natives et des applications web, en termes de performance et d'accessibilité à vos données personnelles. Plutôt que d'engager des frais de développement pour la réalisation d'une application native pour la performance, ainsi que d'une application web dont le rôle serait d'étendre l'accessibilité à vos services au-delà d'une seule plateforme, il est plus intéressant et rentable de se tourner vers une Progressive Web Apps qui réunit ces deux aspects. De plus, vous n'aurez pas à maintenir plusieurs outils.