Les progressive web apps (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 atteignant n'importe quel utilisateur Web sur n'importe quel appareil à l'aide d'un seul codebase. Elles combinent la large portée des applications Web avec les nombreuses fonctionnalités des applications spécifiques à la plate-forme pour améliorer l'expérience utilisateur.
Les trois piliers de la conception de PWA
Pour créer une PWA aussi agréable à utiliser qu'une application spécifique à une plate-forme, vous devez la concevoir de sorte qu'elle soit performante, fiable et installable.
Compétente
Les applications Web sont plus performantes que jamais, et elles ne cessent de croître. Récemment, des logiciels pour le Web ont commencé à développer des fonctionnalités qui n'étaient autrefois accessibles qu'aux applications spécifiques à une plate-forme. Par exemple, vous pouvez désormais créer une application de chat vidéo hyperlocalisée à l'aide de WebRTC, de la géolocalisation et des notifications push, puis la rendre installable et utiliser WebGL et WebVR pour permettre la transition des conversations vers 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 de proposer sur le Web des décennies de fonctionnalités précédemment spécifiques à une plate-forme. Squoosh.app, un compresseur d'images Web, est un bon exemple de développeurs qui exploitent les nouvelles fonctionnalités du Web.
Bien que certaines fonctionnalités soient encore hors de portée du Web, les nouvelles API et celles à venir étendent constamment ce que le Web peut faire 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 des presse-papiers. Toutes ces fonctionnalités sont conçues à l'aide du modèle d'autorisation Web sécurisé et centré sur l'utilisateur, ce qui assure la sécurité de l'utilisateur et rend l'utilisation de nouveaux sites Web moins intimidante.
Fiable
Une progressive web app fiable semble rapide et fiable quel que soit le réseau. Les utilisateurs méritent des applications qui réagissent rapidement aux interactions et une expérience sur laquelle ils peuvent compter.
La rapidité est essentielle pour inciter les utilisateurs à utiliser votre expérience. En effet, lorsque le temps de chargement d'une page passe de 1 à 10 secondes, la probabilité qu'un utilisateur la quitte augmente de 123%.
Les problèmes de performances affectent l'ensemble de l'expérience utilisateur, 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. Le défilement et l’animation doivent être fluides. Les utilisateurs doivent percevoir les performances de votre application autant qu'ils en ont besoin pour qu'elle fonctionne correctement.
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 lorsque la connexion réseau est lente ou irrégulière, voire hors connexion. Ils s'attendent à ce que le contenu le plus récent avec lequel ils ont interagi, tel que les pistes multimédias, les billets et les itinéraires, soit disponible et utilisable, même si l'application ne parvient pas à envoyer des requêtes à votre serveur. Lorsqu'une requête n'est pas possible, il s'attend à ce que l'application lui signale un problème, au lieu d'un échec silencieux ou d'un plantage.
Installation
Lorsque vous rendez votre PWA installable, elle est déplacée du navigateur vers une fenêtre autonome, ce qui transforme la façon dont les utilisateurs la voient 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 leur donne l'impression de faire partie de l'appareil sur lequel ils sont installés.
L'installation d'une PWA rend également disponible 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 le contenu d'autres applications ou devenir l'application par défaut pour gérer certains types de fichiers.
Obtenir les résultats des PWA
Lancer une PWA n'améliore pas seulement l'expérience utilisateur. Cela améliore également vos métriques et augmente la valeur de votre service. Voici quelques exemples marquants:
- La PWA de Twitter a entraîné une augmentation de 65% du nombre de pages par session, 75% de nouveaux tweets et une diminution de 20% du taux de rebond, tout en réduisant la taille de l'application de plus de 97%.
- Après être passé à une PWA, Nikkei a enregistré 2, 3 fois plus de trafic généré par les résultats naturels, 58% d'abonnements et 49% d'utilisateurs actifs par jour en plus.
- Hulu a remplacé son expérience pour ordinateur spécifique à la plate-forme par une PWA, et a constaté une augmentation de 27% des visites répétées.
Pour en savoir plus sur les avantages des PWA, consultez la page Comment les progressive web apps peuvent-elles contribuer à la réussite de l'entreprise.