Les applications Progressive Web App (PWA) sont des applications Web créées et améliorées avec des API modernes pour offrir des fonctionnalités avancées tout en touchant tous les utilisateurs Web sur n'importe quel appareil avec un seul codebase. Elles combinent la large couverture des applications Web avec les fonctionnalités riches 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 pour qu'elle soit performante, fiable et installable.
Capable
Les applications Web sont plus performantes que jamais, et ces performances 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 à la 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 de proposer sur le Web des fonctionnalités qui étaient auparavant spécifiques à la plate-forme. Squoosh.app, un outil de compression d'images sur le Web, est un excellent exemple de développeurs qui tirent parti des nouvelles fonctionnalités du Web.
Bien que certaines fonctionnalités ne soient pas encore disponibles sur le Web, les API nouvelles et à venir étendent constamment les possibilités du Web avec des fonctionnalités telles que l'accès au système de fichiers, les commandes multimédias, le badging d'applications et la prise en charge complète du presse-papiers. Toutes ces fonctionnalités sont conçues à l'aide du modèle d'autorisation sécurisé et axé sur l'utilisateur du Web, ce qui protège 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é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 d'une à 10 secondes, la probabilité qu'un utilisateur quitte le 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 l'animation doivent être fluides. Les utilisateurs doivent percevoir votre application comme performante tout autant qu'elle doit l'être réellement.
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 des connexions réseau lentes ou incohérentes, voire en mode hors connexion. Ils s'attendent à ce que le contenu le plus récent avec lequel ils ont interagi, comme les pistes multimédias, les billets et les itinéraires, soit disponible et utilisable, même si l'application rencontre des problèmes d'envoi de requêtes à votre serveur. Lorsqu'une requête n'est pas possible, ils s'attendent à ce que l'application leur indique qu'il y a un problème, au lieu de planter ou de se bloquer 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és peuvent être lancés depuis l'écran d'accueil, la station d'accueil, la barre des tâches ou l'étagère de l'utilisateur. L'utilisateur peut les rechercher sur un appareil et passer de l'une à l'autre à l'aide du sélecteur d'applications, ce qui lui donne l'impression de faire partie de l'appareil sur lequel elles sont installées.
L'installation d'une PWA permet également de bénéficier de nouvelles fonctionnalités, y compris de raccourcis clavier, qui sont généralement réservés à un navigateur. Les PWA peuvent également s'enregistrer pour accepter le contenu d'autres applications ou pour être l'application par défaut pour gérer certains types de fichiers.
Obtenir des résultats à partir de PWA
Lancer une PWA ne permet pas seulement d'améliorer l'expérience utilisateur. Cela améliore également vos métriques et augmente la valeur que vous obtenez de votre service. Voici quelques exemples notables:
- La PWA de Twitter a permis d'augmenter le nombre de pages par session de 65 %, le nombre de tweets de 75% et le taux de rebond de 20 %, tout en réduisant la taille de son application de plus de 97%.
- Après avoir migré vers une PWA, Nikkei a vu son trafic généré par les résultats naturels augmenter de 2, 3 fois, son nombre d'abonnements augmenter de 58% et son nombre d'utilisateurs actifs par jour augmenter de 49 %.
- Hulu a remplacé son expérience de bureau spécifique à la plate-forme par une PWA et a enregistré une augmentation de 27% du nombre de visites répétées.
Pour en savoir plus sur les avantages des applications Web progressives, consultez Comment les applications Web progressives peuvent contribuer à la réussite de votre entreprise.