Oui les sites web on encore de beaux jours devant eux ! La radio TSF Jazz a récemment refait tout son site et l’a particulièrement bien optimisé sur smartphones et tablettes. Dans la foulée ils ont mis fin à leur application pour laisser place à ce qu’on appelle une Progressive Web App ou “web app”. Une fonctionnalité toute bête mais particulièrement pratique : au lieu de télécharger une application, il suffisait d’ajouter un site directement à l’écran d’accueil de son téléphone. Ce procédé permet aux utilisateurs d’accéder à une expérience similaire à une application native, sans les inconvénients d’installation et de mise à jour. Mais il faut bien distinguer deux approches différentes.
Qu’est-ce qu’une Progressive Web App et quelles sont les approches possibles ?
Sommaire
Il y a une nuance entre site web optimisé et web app.
1. Un site web optimisé pour une expérience proche d’une web app
Un site web optimisé pour les mobiles n’est pas une web app, mais il peut offrir une expérience utilisateur fluide qui rappelle celle d’une application. Cette optimisation repose principalement sur trois éléments :
- Interface responsive : Le site s’adapte à toutes les tailles d’écran pour garantir une navigation agréable sur smartphones et tablettes.
- Ajout à l’écran d’accueil : Bien qu’il reste un site web, il peut être ajouté à l’écran d’accueil du téléphone via le navigateur, pour un accès plus rapide, comme une icône d’application.
- Aucun besoin d’installation : Contrairement à une application native, ce type de site ne nécessite pas de téléchargement ou de passage par un store (comme l’App Store ou Google Play). Il reste accessible directement via le navigateur.
Ces ajustements améliorent l’expérience utilisateur, mais ce n’est pas une véritable web app. Cela signifie qu’un site optimisé pour les mobiles ne bénéficie pas des fonctionnalités avancées d’une Progressive Web App (PWA), comme le fonctionnement hors ligne ou les notifications push.
2. Une véritable web app (PWA)
Une Progressive Web App (PWA), quant à elle, est beaucoup plus qu’un site optimisé. C’est une véritable application web accessible depuis un navigateur (qui doit être servie depuis une connexion sécurisée – https), mais qui fonctionne comme une application native grâce à des technologies avancées :
- Fonctionnement hors ligne : Grâce à un Service Worker, la PWA permet à l’utilisateur d’accéder au contenu même sans connexion Internet.
- Notifications push : Les PWA peuvent envoyer des notifications directement à l’utilisateur, comme le ferait une application native.
- Mise à jour automatique : Pas besoin de passer par un store pour mettre à jour l’application. Les modifications se font directement sur le serveur.
Pourquoi une web app est-elle plus légère pour les terminaux mobiles ?
L’un des principaux avantages d’une web app est sa légèreté. Contrairement aux applications mobiles classiques qui doivent être installées et occupent de l’espace sur l’appareil, une web app ne sollicite pas les ressources du terminal. Il n’y a pas de téléchargement massif, pas de processus de fond qui alourdissent les performances, et surtout, aucune mise à jour fastidieuse. L’application se met à jour automatiquement sur le serveur, ce qui allège considérablement l’appareil de l’utilisateur. Ce gain en performance est crucial, notamment pour les utilisateurs ayant des appareils avec peu de stockage.
Les avantages d’une progressive web app pour votre entreprise
- Pas d’installation nécessaire : Les utilisateurs n’ont pas besoin de télécharger une application depuis un store. Ils visitent simplement votre site web et peuvent ajouter la web app à leur écran d’accueil pour un accès rapide et facile.
- Économique et pratique : Le développement d’une application native nécessite de l’investissement et de l’entretien constant sur plusieurs plateformes (iOS, Android). Une web app, en revanche, est une solution unique, optimisée pour tous les appareils, ce qui réduit considérablement les coûts.
- Amélioration de l’expérience utilisateur : Offrant une interface fluide et responsive, une web app fonctionne même hors ligne grâce à des technologies comme les Progressive Web Apps (PWA). Elle permet également d’envoyer des notifications push, de la même manière qu’une application mobile.
- Un stockage préservé : Sans installation, une web app libère de l’espace sur l’appareil des utilisateurs. De plus, toutes les mises à jour s’effectuent sur le serveur, sans nécessiter d’intervention côté utilisateur.
Une opportunité stratégique pour les entreprises
Une progressive web app est une solution particulièrement adaptée aux entreprises cherchant à offrir une expérience mobile intuitive, sans les contraintes liées au développement d’applications natives. Que vous soyez une petite entreprise, un média, ou une plateforme de services, la web app peut renforcer votre engagement client et rendre vos services accessibles, tout en allégeant l’expérience utilisateur.
Grâce à la flexibilité de WordPress, il est facilement possible d’intégrer des fonctionnalités de web app (PWA) grâce à des extensions telles que Super Progressive Web Apps ou PWA for WP & AMP. Lorsqu’une extension comme Super Progressive Web Apps est installée, votre site WordPress ne s’ouvre pas simplement dans un navigateur classique. Au lieu de cela, il peut être ajouté à l’écran d’accueil de l’appareil mobile de l’utilisateur comme une application autonome. Cela signifie que le site s’ouvrira dans une fenêtre dédiée, sans barres d’adresse ni autres éléments de l’interface du navigateur, offrant une expérience similaire à celle d’une application native. En outre, la PWA permet des fonctionnalités avancées telles que le fonctionnement hors ligne et les notifications push, tout en restant accessible directement depuis le navigateur. Cette approche combine la facilité de gestion de WordPress avec les avantages d’une véritable web app, tout en offrant une expérience utilisateur améliorée sur les appareils mobiles.
Comme c’est toujours mieux d’essayer soi-même ce dont on parle, Reservoir Web dispose de sa web app. Pour l’installer, il suffit d’appuyer sur l’icône téléchargement placée généralement en bas au centre de votre écran pour un Iphone ou en haut à droite sur un smartphone tel qu’un Samsung, puis de sélectionner “sur l’écran d’accueil” (Iphone) ou “Installer ce site web en tant qu’application Web sur l’écran d’appli”. Le navigateur Chrome sur smartphone suggère de lui-même l’installation.
Proposer une web app aujourd’hui, c’est offrir une solution moderne et légère, adaptée aux besoins des utilisateurs et aux évolutions du Web 2.0.
