Comment les progressive web apps peuvent-elles contribuer à la réussite d'une entreprise ?

Sébastien Fourault
Sébastien Fourault

Les progressive web apps figurent dans le plan de modernisation de nombreux sites Web d'entreprises et leur permettent de s'adapter aux nouvelles attentes des utilisateurs. Comme pour de nombreuses technologies, les PWA soulèvent des questions: est-ce ce que mes clients veulent ? Dans quelle mesure cela va-t-il développer mon activité ? Qu'est-ce qui est techniquement faisable ?

Identifiez les personnes concernées.
identifiez les personnes concernées ;

Pour façonner votre stratégie numérique, plusieurs personnes sont souvent impliquées: le responsable produit et le directeur marketing sont co-propriétaires de l'impact commercial de chaque fonctionnalité, le directeur de la technologie évalue la faisabilité et la fiabilité d'une technologie, les chercheurs en expérience utilisateur valident qu'une fonctionnalité répond à un problème client réel.

Cet article vise à vous aider à répondre à ces trois questions et à façonner votre projet PWA. Vous partirez des besoins de vos clients, les traduirez en fonctionnalités PWA et vous concentrerez sur la mesure de l'impact commercial de chacune d'elles.

Les PWA répondent aux besoins des clients

Chez Google, nous aimons suivre une règle simple lorsque nous développons des produits : se concentrer sur l'utilisateur, et tout le reste suivra. Pensez d'abord aux utilisateurs: quels sont les besoins de vos clients et comment une PWA peut-elle y répondre ?

Identifier les besoins des clients
identifiez les besoins des clients.

Lorsque nous effectuons des recherches sur l'expérience utilisateur, nous observons des tendances intéressantes:

D'après ces observations, nous avons constaté que les clients préfèrent les expériences rapides, installables, fiables et attrayantes (F.I.R.E.).

Les PWA exploitent les fonctionnalités Web modernes

Les PWA fournissent un ensemble de bonnes pratiques et d'API Web modernes visant à répondre aux besoins de vos clients en rendant votre site rapide, installable, fiable et attrayant.

Par exemple, utiliser un service worker pour mettre en cache vos ressources et effectuer un préchargement prédictif accélère et rend votre site plus fiable. En rendant votre site installable, vous permettez à vos clients d'y accéder facilement directement depuis leur écran d'accueil ou leur lanceur d'applications. Les API telles que les notifications push Web vous permettent de réengager plus facilement vos utilisateurs avec du contenu personnalisé afin de générer de la fidélité.

Améliorer l'expérience utilisateur grâce aux fonctionnalités Web
Améliorer l'expérience utilisateur grâce aux fonctionnalités Web

Comprendre l'impact sur l'entreprise

La définition de la réussite commerciale peut être très différente selon votre activité:

  • Les utilisateurs passent plus de temps sur votre service
  • Réduction des taux de rebond pour vos prospects
  • Amélioration des taux de conversion
  • Plus de visiteurs réguliers

La plupart des projets de PWA génèrent un taux de conversion mobile plus élevé. Pour en savoir plus, consultez les nombreuses études de cas sur les PWA. Selon vos objectifs, vous pouvez prioriser les aspects des applications Web progressives qui ont le plus de sens pour votre entreprise. Vous pouvez choisir les fonctionnalités de la PWA et les lancer séparément.

Mesurons l'impact commercial de chacune de ces excellentes fonctionnalités F.I.R.E.

L'impact commercial d'un site Web rapide

Une étude récente de Deloitte Digital montre que la vitesse de chargement des pages a un impact significatif sur les métriques commerciales.

Vous pouvez faire beaucoup pour optimiser la vitesse de votre site afin d'améliorer les parcours utilisateur critiques pour tous vos utilisateurs. Si vous ne savez pas par où commencer, consultez notre section Rapide et utilisez Lighthouse pour hiérarchiser les éléments les plus importants à corriger.

Lorsque vous travaillez sur l'optimisation de la vitesse, commencez à mesurer fréquemment la vitesse de votre site à l'aide des outils et des métriques appropriés pour suivre vos progrès. Par exemple, mesurez vos métriques avec Lighthouse, définissez des cibles claires, comme des scores"Bon" pour les métriques Core Web Vitals, et intégrez un budget de performances à votre processus de compilation. Grâce à vos mesures quotidiennes et à la méthode "Valeur de la vitesse", vous pouvez isoler l'impact de vos changements de vitesse incrémentaux et calculer les revenus supplémentaires générés par votre travail.

Mesurez la valeur de la vitesse et associez-la aux conversions.
Mesurez la valeur de la vitesse et associez-la aux conversions.

eBay a fait de la rapidité un objectif d'entreprise pour 2019. Ils ont utilisé des techniques telles que le budget de performances, l'optimisation du chemin critique et le préchargement prédictif. Ils ont conclu que pour chaque amélioration de 100 millisecondes du temps de chargement de la page de recherche, le nombre d'ajouts au panier augmentait de 0,5%.

Une amélioration de 100 ms du temps de chargement a entraîné une augmentation de 0,5% du nombre d'ajouts au panier pour eBay.
Une amélioration de 100 ms du temps de chargement a entraîné une augmentation de 0,5% du nombre d'ajouts au panier pour eBay.

Impact commercial d'un site Web installable

Pourquoi voulez-vous qu'un utilisateur installe votre PWA ? Pour faciliter le retour sur votre site. Alors qu'une installation d'application Android nécessite au moins trois étapes (redirection vers le Play Store, téléchargement de l'application, lancement de l'application), l'installation d'une PWA se fait en un seul clic, sans interrompre l'utilisateur de l'entonnoir de conversion actuel.

L'expérience d'installation doit être fluide.
L'expérience d'installation doit être fluide.

Une fois une application installée, les utilisateurs peuvent la lancer en un clic à l'aide de l'icône sur leur écran d'accueil, la voir dans leur bac d'applications lorsqu'ils passent d'une application à une autre ou la trouver via un résultat de recherche d'application. Nous appelons cette fonctionnalité dynamique "Découvrir-Lancer-Activer". Pour déverrouiller l'accès, vous devez rendre votre PWA installable.

En plus d'être accessible depuis des surfaces de découverte et de lancement familières sur l'appareil, une PWA se lance exactement comme une application spécifique à la plate-forme: dans une expérience autonome, distincte du navigateur. De plus, il bénéficie des services d'appareil au niveau de l'OS, tels que le sélecteur d'applications et les paramètres.

Les utilisateurs qui installent votre PWA sont probablement vos utilisateurs les plus engagés, avec de meilleures métriques d'engagement que les visiteurs occasionnels, y compris plus de visites répétées, un temps de séjour plus long sur le site et des taux de conversion plus élevés, souvent à la parité avec les utilisateurs d'applications spécifiques à la plate-forme sur les appareils mobiles.

Pour que votre PWA soit installable, elle doit répondre aux critères de base. Une fois que votre application remplit ces critères, vous pouvez promouvoir son installation dans votre expérience utilisateur sur ordinateur et mobile, y compris sur iOS.

Les PWA peuvent être installées partout.
Les PWA peuvent être installées partout.

Une fois que vous avez commencé à promouvoir l'installation de votre PWA, vous devez mesurer le nombre d'utilisateurs qui l'installent et la façon dont ils l'utilisent.

Pour maximiser le nombre d'utilisateurs qui installent votre site, vous pouvez tester différents messages promotionnels ("Installer en une seconde" ou "Ajouter notre raccourci pour suivre votre commande", par exemple), différents emplacements (bannière d'en-tête, flux) et essayer de les proposer à différentes étapes de l'entonnoir d'installation (sur la deuxième page consultée ou après une réservation).

Pour comprendre où vos utilisateurs abandonnent et comment améliorer la fidélisation, vous pouvez mesurer l'entonnoir d'installation de quatre manières:

  • Nombre d'utilisateurs éligibles à l'installation
  • Nombre d'utilisateurs ayant cliqué sur l'invite d'installation
  • Nombre d'utilisateurs ayant accepté et refusé l'invite d'installation
  • Nombre d'utilisateurs ayant réussi à installer

Vous pouvez promouvoir l'installation de votre PWA auprès de tous vos utilisateurs ou adopter une approche plus prudente en la testant auprès d'un petit groupe d'utilisateurs.

Quelques jours ou semaines devraient vous fournir suffisamment de données pour mesurer l'impact sur votre activité. Quel est le comportement des utilisateurs qui accèdent à l'application via le raccourci installé ? Les utilisateurs sont-ils plus engagés et effectuent-ils plus de conversions ?

Pour segmenter les utilisateurs qui ont installé votre PWA, suivez l'événement appinstalled et utilisez JavaScript pour vérifier si les utilisateurs sont en mode autonome, ce qui indique l'utilisation de la PWA installée. Utilisez-les ensuite comme variables ou dimensions pour votre suivi analytique.

Mesurez la valeur de l'installation.
Mesurez la valeur de l'installation.

L'étude de cas de Weekendesk est intéressante. Pour augmenter les chances qu'un utilisateur installe sa PWA, l'entreprise a promu l'installation sur la deuxième page consultée. Les utilisateurs qui ont lancé la PWA depuis leur écran d'accueil étaient plus de deux fois plus susceptibles de réserver un séjour via leur PWA.

Le taux de conversion des utilisateurs ayant installé l'application était 2,5 fois plus élevé.
Le taux de conversion des utilisateurs ayant installé l'application était 2,5 fois plus élevé.

L'installation est un excellent moyen d'encourager les utilisateurs à revenir sur votre site et d'améliorer leur fidélité. Vous pouvez également envisager de personnaliser l'expérience pour les utilisateurs premium.

Même si vous disposez d'une application spécifique à une plate-forme, les utilisateurs peuvent ne pas vouloir ou ne pas avoir besoin de l'installer. Ces utilisateurs semi-engagés peuvent penser qu'une PWA est adaptée à eux, car elle est souvent perçue comme plus légère et peut être installée avec moins de friction.

Les PWA peuvent toucher les utilisateurs semi-engagés.
Les PWA peuvent toucher les utilisateurs semi-engagés.

Impact commercial d'un site Web fiable

Le jeu du dinosaure Chrome, proposé lorsqu'un utilisateur est hors connexion, est joué plus de 270 millions de fois par mois. Ce chiffre impressionnant montre que la fiabilité du réseau est une opportunité considérable pour l'utilisation des PWA, en particulier sur les marchés où les réseaux sont peu fiables ou où les données mobiles sont chères, comme l'Inde, le Brésil, le Mexique ou l'Indonésie.

Lorsqu'une application installée depuis une plate-forme de téléchargement d'applications est lancée, les utilisateurs s'attendent à ce qu'elle s'ouvre, qu'ils soient connectés à Internet ou non. Les progressive web apps ne devraient pas être différentes.

Au minimum, une page hors connexion simple qui indique à l'utilisateur que l'application n'est pas disponible sans connexion réseau doit être diffusée. Ensuite, envisagez d'aller plus loin en fournissant des fonctionnalités adaptées à l'utilisation hors connexion. Par exemple, vous pouvez fournir un accès aux billets ou cartes d'embarquement, aux listes de souhaits hors connexion, aux coordonnées du centre d'appels, aux articles ou recettes que l'utilisateur a récemment consultés, etc.

Soyez utile, même hors connexion.
Soyez utile, même hors connexion.

Une fois que vous avez implémenté une expérience utilisateur fiable, vous pouvez la mesurer. Combien d'utilisateurs se déconnectent, dans quelles zones géographiques et restent-ils sur le site Web lorsque le réseau est rétabli ? Analytics peut vous indiquer quand les utilisateurs sont généralement hors connexion et en ligne. Elle indique le nombre d'utilisateurs qui continuent de parcourir votre site Web après le rétablissement du réseau.

Trivago a constaté une augmentation de 67% du nombre d'utilisateurs qui sont revenus en ligne et ont continué à naviguer.
Trivago a enregistré une augmentation de 67% du nombre d'utilisateurs qui ont continué à naviguer après être revenus en ligne.

L'étude de cas Trivago illustre l'impact que cela peut avoir sur vos objectifs commerciaux. Pour les utilisateurs dont les sessions ont été interrompues par une période hors connexion (environ trois % des utilisateurs), 67 % de ceux qui sont revenus en ligne ont continué à parcourir le site.

L'impact commercial d'un site Web attrayant

Les notifications push Web permettent aux utilisateurs d'activer les mises à jour opportunes des sites dont ils ont besoin ou qui les intéressent, et vous permettent de les réengager efficacement avec du contenu personnalisé et pertinent.

Attention, toutefois. Demander aux utilisateurs de s'inscrire aux notifications Web dès leur arrivée et sans leur expliquer les avantages peut être perçu comme du spam et avoir un impact négatif sur leur expérience. Veillez à suivre les bonnes pratiques lorsque vous demandez à recevoir des notifications et incitez les utilisateurs à accepter en leur proposant des utilisations pertinentes (retards de train, suivi des prix, produits en rupture de stock, etc.).

Techniquement, les notifications push sur le Web s'exécutent en arrière-plan grâce à un service worker et sont souvent envoyées par un système conçu pour gérer les campagnes (par exemple, Firebase). Cette fonctionnalité présente une grande valeur commerciale pour les utilisateurs mobiles (Android) et les utilisateurs d'ordinateurs. Cela augmente les visites répétées, et par conséquent les ventes et les conversions.

Pour mesurer l'efficacité de vos campagnes push, vous devez mesurer l'ensemble de l'entonnoir, y compris:

  • Nombre d'utilisateurs éligibles aux notifications push
  • Nombre d'utilisateurs qui ont cliqué sur une invite d'UI de notification personnalisée
  • Nombre d'utilisateurs qui accordent l'autorisation de recevoir des notifications push
  • Nombre d'utilisateurs qui reçoivent des notifications push
  • Nombre d'utilisateurs qui interagissent avec les notifications
  • Conversion et engagement des utilisateurs provenant d'une notification
Mesurez la valeur des notifications push sur le Web.
Mesurez la valeur des notifications push Web.

Il existe de nombreuses études de cas intéressantes sur les notifications push Web, comme celle de Carrefour, qui a multiplié son taux de conversion par 4,5 en réengageant les utilisateurs ayant abandonné leur panier.

La lettre P dans PWA: lancement progressif, fonctionnalité par fonctionnalité

Les PWA sont des sites Web modernes qui combinent la couverture massive du Web avec toutes les fonctionnalités conviviales que les utilisateurs attendent des applications Android, iOS ou de bureau. Elles reposent sur un ensemble de bonnes pratiques et d'API Web modernes qui peuvent être implémentées indépendamment en fonction des spécificités et des priorités de votre entreprise.

Lancez progressivement votre PWA.
Lancez progressivement votre PWA.

Pour accélérer la modernisation de votre site Web et en faire une véritable PWA, nous vous encourageons à être agile: lancez les fonctionnalités une par une. Tout d'abord, déterminez avec vos utilisateurs les fonctionnalités qui leur apporteraient le plus de valeur, puis créez-les avec vos concepteurs et développeurs. Enfin, n'oubliez pas de mesurer précisément la valeur ajoutée générée par votre PWA.