L'installation de PWA est un événement de conversion. Traitez-le comme tel.
Amener les utilisateurs à installer votre Progressive Web App est essentiel pour l’engagement. Selon Google, les PWA installées génèrent 4 fois plus de pages vues, une durée de session 80 % plus longue et des taux de conversion 3 fois plus élevés que l'utilisation basée sur un navigateur. Pourtant, les taux d'installation de PWA ne sont en moyenne que de 3 à 5 % sans optimisation. Des flux d'installation optimisés peuvent augmenter les taux d'installation jusqu'à 15 à 20 % ou plus. La clé est de comprendre quand et comment inviter les utilisateurs à effectuer l'installation en fonction de leur comportement et de leurs signaux d'engagement.
Chez x13apps, nous optimisons l'installation et l'engagement des PWA pour une adoption maximale par les utilisateurs. Voici notre stratégie.
Le manifeste de l'application Web
Le manifeste de l'application Web (manifest.json) contrôle la façon dont votre PWA apparaît une fois installée. Propriétés essentielles du manifeste : nom (nom complet de l'application pour l'écran de démarrage), short_name (12 caractères pour l'étiquette de l'écran d'accueil), icônes (PNG 192 x 192 et 512 x 512), start_url (la page qui s'ouvre au lancement de l'application), display (autonome pour une expérience de type application sans navigateur chrome), theme_color (couleur de la barre d'outils), background_color (arrière-plan de l'écran de démarrage) et orientation (orientation préférée de l'écran). Chaque propriété détermine si les navigateurs proposent l'installation et comment l'application apparaît après l'installation.
Conseils d'optimisation du manifeste : fournissez au moins 2 tailles d'icônes (192 px et 512 px), utilisez PNG avec un arrière-plan transparent pour les icônes, définissez l'affichage sur autonome (et non sur le navigateur), utilisez une couleur d'arrière-plan distincte qui correspond à votre marque et assurez-vous que start_url a la même origine que votre application. Les propriétés du manifeste non valides empêchent complètement l’installation. Utilisez l’audit Lighthouse PWA pour identifier les problèmes manifestes avant le lancement. Testez l'installation sur des appareils réels : ce qui fonctionne dans Chrome DevTools peut se comporter différemment sur un appareil réel.
Invites d'installation intelligentes
Ne déclenchez jamais l’invite d’installation immédiatement lorsque les utilisateurs arrivent. Ils ne connaissent pas encore votre application. À la place, utilisez BeforeInstallPromptEvent pour contrôler quand afficher l’invite d’installation. Suivez les signaux d'engagement des utilisateurs qui indiquent que l'installation est prête : temps passé sur le site (2+ minutes), pages visitées (3+ pages distinctes), visites récurrentes (2+ sessions) et actions de conversion clés (achat terminé, compte créé). Les utilisateurs qui répondent à plus de 2 de ces critères sont 3 fois plus susceptibles d'installer que les utilisateurs invités immédiatement.
Créez une interface utilisateur d'installation personnalisée plutôt que de vous fier à l'invite par défaut du navigateur. Concevez une bannière d'installation dans l'application qui : explique l'avantage (enregistrement pour une utilisation hors ligne, accès plus rapide), apparaît à un point d'arrêt naturel (après avoir terminé une action, pas pendant l'intégration), fournit un appel à l'action clair avec un bouton et peut être ignorée sans se cacher définitivement (autoriser une nouvelle invite après des visites ultérieures). Les interfaces utilisateur d'installation personnalisée convertissent 2 à 3 fois plus vite que les invites par défaut du navigateur, selon les études de cas de Google.
Engagement post-installation
L'installation est le début, pas la fin. Les PWA installées doivent fournir une valeur continue pour empêcher la désinstallation. Implémentez des fonctionnalités qui exploitent les capacités PWA : notifications push (réengagez les utilisateurs avec des mises à jour pertinentes), synchronisation en arrière-plan (effectuez les actions des utilisateurs même après leur départ) et accès hors ligne (permettez l'utilisation pendant les lacunes de connectivité). Les notifications push des PWA atteignent des taux de clics de 30 à 40 %, contre 1 à 3 % pour les e-mails. Mais la surutilisation entraîne des désinstallations. Limitez-vous à 2 à 3 notifications par semaine, sauf si vous fournissez une valeur urgente comme des mises à jour de commande ou des rappels de rendez-vous.
Suivez les mesures d'engagement post-installation : utilisateurs actifs quotidiens, fréquence des sessions, taux de rétention (jour 1, jour 7, jour 30) et taux de désinstallation. Si les taux de désinstallation dépassent 10 % dans les 30 jours, évaluez si votre application offre une valeur continue suffisante. Lorsque cela est possible, interrogez les utilisateurs désinstallés pour comprendre pourquoi ils sont partis. Implémentez la détection des bannières d'applications Web pour offrir un réengagement lorsque les utilisateurs reviennent sur votre site après la désinstallation. Chez x13apps, nous construisons des PWA que les utilisateurs choisissent d'installer et de conserver. Pour en savoir plus, lisez notreGuide des stratégies PWA hors ligne d'abord.