Les applications Web progressives (PWA) sont des applications Web conçues et améliorées avec des API modernes pour offrir des fonctionnalités améliorées tout en touchant tous les utilisateurs Web sur n'importe quel appareil avec une seule codebase. Elles combinent la large couverture des applications Web avec les riches fonctionnalités des applications spécifiques à une plate-forme pour améliorer l'expérience utilisateur.
Les trois piliers de la conception des PWA
Pour créer une PWA aussi agréable à utiliser qu'une application spécifique à une plate-forme, vous devez la concevoir pour qu'elle soit performante, fiable et installable.
Capable
Les applications Web sont plus performantes que jamais, et leurs capacités ne cessent de croître. Récemment, les logiciels pour le Web ont commencé à développer des fonctionnalités qui n'étaient auparavant accessibles qu'aux applications spécifiques à une plate-forme. Par exemple, vous pouvez désormais créer une application de chat vidéo hyperlocale à l'aide de WebRTC, de la géolocalisation et des notifications push, puis rendre cette application installable et utiliser WebGL et WebVR pour permettre aux conversations de passer à la réalité virtuelle. L'introduction de WebAssembly permet aux développeurs d'exploiter d'autres écosystèmes, tels que C, C++ et Rust, et d'apporter au Web des décennies de fonctionnalités auparavant spécifiques à une plate-forme. Squoosh.app, un compresseur d'images basé sur le Web, est un excellent exemple de développeurs qui tirent parti des nouvelles fonctionnalités du Web.
Bien que certaines fonctionnalités soient encore hors de portée du Web, de nouvelles API sont constamment en cours de développement pour étendre les possibilités du Web avec des fonctionnalités telles que l'accès au système de fichiers, les commandes multimédias, les badges d'application et la prise en charge complète du presse-papiers. Toutes ces fonctionnalités sont basées sur le modèle d'autorisation Web sécurisé et axé sur l'utilisateur, ce qui permet de le protéger et de rendre l'utilisation de nouveaux sites Web moins intimidante.
Fiable
Une progressive web app fiable est rapide et fiable, quel que soit le réseau. Les utilisateurs méritent des applications qui répondent rapidement aux interactions et une expérience sur laquelle ils peuvent compter.
La vitesse est essentielle pour inciter les utilisateurs à utiliser votre expérience. En effet, si le temps de chargement de page passe de une à 10 secondes, la probabilité qu'un utilisateur quitte ce site augmente de 123 %.
Les problèmes de performances affectent l'ensemble de l'expérience utilisateur, et pas seulement l'événement onload. Une expérience fiable ne laisse jamais les utilisateurs se demander si une interaction avec l'application a été enregistrée ou non. Le défilement et les animations doivent être fluides. Les utilisateurs doivent avoir l'impression que votre application fonctionne bien, tout autant qu'elle doit réellement bien fonctionner.
Les applications fiables doivent également être utilisables quelle que soit la connexion réseau. Les utilisateurs s'attendent à ce que les applications se chargent rapidement sur les connexions réseau lentes ou instables, ou même hors connexion. Ils s'attendent à ce que le contenu le plus récent avec lequel ils ont interagi, comme les pistes multimédias ou les billets et itinéraires, soit disponible et utilisable même si l'application rencontre des problèmes pour envoyer des requêtes à votre serveur. Lorsqu'une requête n'est pas possible, ils s'attendent à ce que l'application les informe du problème, au lieu d'échouer ou de planter en silence.
Installable
En rendant votre PWA installable, vous la sortez du navigateur et la placez dans une fenêtre autonome, ce qui transforme la façon dont les utilisateurs la perçoivent et interagissent avec elle. Les PWA installées peuvent être lancées depuis l'écran d'accueil, le dock, la barre des tâches ou l'étagère de l'utilisateur. L'utilisateur peut les rechercher sur un appareil et passer de l'un à l'autre avec le sélecteur d'applications, ce qui lui donne l'impression qu'elles font partie de l'appareil sur lequel elles sont installées.
L'installation d'une PWA permet également d'accéder à de nouvelles fonctionnalités, y compris les raccourcis clavier, qui sont généralement réservés dans un navigateur. Les PWA peuvent également s'enregistrer pour accepter du contenu provenant d'autres applications ou pour devenir l'application par défaut pour gérer certains types de fichiers.
Obtenir des résultats à partir de PWA
Le lancement d'une PWA ne se limite pas à améliorer l'expérience utilisateur. Cela améliore également vos métriques et augmente la valeur que vous tirez de votre service. Voici quelques exemples notables :
- La PWA de Twitter a entraîné une augmentation de 65 % du nombre de pages par session et de 75 % du nombre de Tweets, ainsi qu'une diminution de 20 % du taux de rebond. Le tout en réduisant la taille de son application de plus de 97 %.
- Après être passé à une PWA, Nikkei a enregistré 2, 3 fois plus de trafic naturel, 58 % d'abonnements en plus et 49 % d'utilisateurs actifs quotidiens en plus.
- Hulu a remplacé son expérience de bureau spécifique à la plate-forme par une PWA et a enregistré une augmentation de 27 % des visites de retour.
Pour en savoir plus sur les avantages des PWA, consultez Comment les applications Web progressives peuvent contribuer au succès de votre entreprise.