Comment les applications Web progressives peuvent favoriser le succès des entreprises - Letecode
Formation en Ligne en Développement Web Full stack : Début le 28 Février Inscrivez vous ici

Les PWA et les business

Dernière mise à jour : 26/09/2022

Les Progressive Web Apps sont sur la feuille de route de nombreuses entreprises pour moderniser leurs sites web et s'adapter aux nouvelles attentes des utilisateurs. Comme pour de nombreuses technologies, les PWA soulèvent des questions : est-ce ce que veulent mes clients, dans quelle mesure cela fera-t-il croître mon entreprise, qu'est-ce qui est techniquement faisable ?

Pour façonner votre stratégie digitale, plusieurs parties prenantes sont souvent impliquées : le chef de produit et le directeur marketing sont copropriétaires de l'impact business de chaque fonctionnalité, le directeur technique évalue la faisabilité et la fiabilité d'une technologie, les chercheurs en expérience utilisateur valident cela une fonctionnalité répond à une vraie problématique client.

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 vous concentrerez sur la mesure de l'impact commercial de chacun.

Les PWA répondent aux besoins des clients

Une règle que nous aimons suivre chez Google lors de la création de produits est "concentrez-vous sur l'utilisateur et tout le reste suivra". Pensez utilisateur d'abord : quels sont les besoins de mes clients et comment une PWA les satisfait-elle ?

Identifier les besoins des clients.

Identifier les besoins des clients.

Lors de la recherche d'utilisateurs, nous trouvons des modèles intéressants :

  • Les utilisateurs détestent les retards et le manque de fiabilité sur mobile. Le niveau de stress causé par les retards de téléphonie mobile est comparable à celui de regarder un film d'horreur .
  • Cinquante pour cent des utilisateurs de smartphones sont plus susceptibles d'utiliser le site mobile d'une entreprise lorsqu'ils naviguent ou font des achats, car ils ne souhaitent pas télécharger d'application .
  • L' espace de stockage limité est l'une des principales raisons de désinstaller une application . (Un PWA installé prend généralement moins de 1 Mo).
  • Les utilisateurs de smartphones sont plus susceptibles d'acheter sur des sites mobiles proposant des recommandations pertinentes sur les produits, et 85 % des utilisateurs de smartphones déclarent que les notifications mobiles sont utiles .

D'après ces observations, nous avons découvert que les clients préfèrent les expériences rapides, installables, fiables et engageantes (FIRE).

Les PWA tirent parti des capacités Web modernes

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

Par exemple, l'utilisation d'un service worker pour mettre en cache vos ressources et la prélecture prédictive rend votre site plus rapide et plus fiable. Rendre votre site installable permet à vos clients d'y accéder facilement directement depuis leur écran d'accueil ou leur lanceur d'application. Et les API telles que les notifications Web Push facilitent le réengagement de vos utilisateurs avec un contenu personnalisé pour les fidéliser.

Améliorer l'expérience utilisateur avec des fonctionnalités Web.

Améliorer l'expérience utilisateur avec des fonctionnalités Web.

Comprendre l'impact commercial

La définition du succès commercial peut être de plusieurs choses selon votre activité :

  • Les utilisateurs passent plus de temps sur votre service
  • Taux de rebond réduits pour vos prospects
  • Amélioration des taux de conversion
  • Plus de visiteurs récurrents

La plupart des projets PWA se traduisent par un taux de conversion mobile plus élevé. Vous pouvez en savoir plus grâce aux nombreuses études de cas PWA . En fonction de vos objectifs, vous voudrez peut-être prioriser les aspects des PWA qui ont plus de sens pour votre entreprise, et c'est tout à fait correct. Les fonctionnalités PWA peuvent être sélectionnées et lancées séparément.

Mesurons l'impact commercial de chacune de ces excellentes fonctionnalités FIRE.

L'impact commercial d'un site Web rapide

Une étude récente de Deloitte Digital montre que la vitesse des pages a un impact significatif sur les mesures 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 prioriser les choses les plus importantes à corriger.

Lorsque vous travaillez sur vos optimisations de vitesse, commencez à mesurer fréquemment la vitesse de votre site avec des outils et des mesures appropriés pour suivre vos progrès. Par exemple, mesurez vos métriques avec Lighthouse , fixez des objectifs clairs comme avoir de « bons » scores Core Web Vitals et intégrez un budget de performance dans votre processus de construction . Grâce à vos mesures quotidiennes et à la méthodologie "valeur de la vitesse" , vous pouvez isoler l'impact de vos changements de vitesse incrémentaux et calculer le revenu supplémentaire généré par votre travail.

Mesurez la valeur de la vitesse et corrélez-la avec les conversions.

Mesurez la valeur de la vitesse et corrélez-la avec les conversions.

Ebay a fait de la vitesse un objectif de l'entreprise pour 2019. Ils ont utilisé des techniques telles que le budget de performance, l'optimisation du chemin critique et la prélecture prédictive. Ils ont conclu que pour chaque amélioration de 100 millisecondes du temps de chargement de la page de recherche, le nombre d'ajouts à la carte 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.

L'impact commercial d'un site Web installable #

Pourquoi voudriez-vous qu'un utilisateur installe votre PWA ? Pour faciliter le retour sur votre site. Là où une installation d'application Android ajouterait au moins trois étapes (redirection vers Play Store, téléchargement de l'application, lancement de l'application), l'installation de PWA se fait de manière transparente en un clic sans éloigner l'utilisateur de l'entonnoir de conversion actuel.

Une fois qu'une application est 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 barre d'applications lorsqu'ils basculent entre les applications ou la trouver via un résultat de recherche d'application. Nous appelons cela dynamique Discover-Launch-Switch, et rendre votre PWA installable est la clé pour déverrouiller l'accès.

En plus d'être accessible à partir de surfaces de découverte et de lancement familières sur leur 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 de services de périphérique au niveau du système d'exploitation tels que le sélecteur d'application et les paramètres.

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

Pour rendre votre PWA installable, elle doit répondre aux critères de base . Une fois qu'il répond à ces critères, vous pouvez promouvoir l'installation au sein de votre expérience utilisateur sur ordinateur et mobile, y compris iOS.

Les PWA sont installables partout.

Les PWA sont installables partout.

Une fois que vous avez commencé à promouvoir l'installation de votre PWA, vous devez mesurer combien d'utilisateurs installent votre PWA et comment ils utilisent votre PWA.

Pour maximiser le nombre d'utilisateurs installant 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 (header banner, in-feed) , et essayez de le proposer à différentes étapes de l'entonnoir d'installation (sur la deuxième page visitée, ou après une réservation).

Pour comprendre d'où partent vos utilisateurs et comment améliorer la rétention, l'entonnoir d'installation peut être mesuré de quatre manières :

  • Nombre d'utilisateurs éligibles à l'installation
  • Nombre d'utilisateurs ayant cliqué sur l'invite d'installation
  • Nombre d'utilisateurs qui ont à la fois accepté et refusé l'invite d'installation
  • Nombre d'utilisateurs qui ont installé avec succès

Vous pouvez promouvoir votre installation PWA auprès de tous vos utilisateurs ou adopter une approche plus prudente en expérimentant avec un petit groupe d'utilisateurs.

Quelques jours ou quelques semaines devraient vous fournir suffisamment de données pour mesurer l'impact sur votre entreprise. Quel est le comportement des personnes venant du raccourci installé ? S'engagent-ils davantage, convertissent-ils davantage ?

Pour segmenter les utilisateurs qui ont installé votre PWA, suivez l' appinstalledévénement 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.

L'étude de cas de Weekendesk est intéressante ; pour augmenter les chances qu'un utilisateur installe sa PWA, ils favorisent l'installation sur la deuxième page visitée. Les utilisateurs qui lançaient la PWA depuis leur écran d'accueil étaient plus de deux fois plus susceptibles de réserver un séjour via leur PWA !

L'installation est un excellent moyen d'inciter les gens à revenir sur votre site et d'améliorer la fidélité de votre clientèle. Vous pouvez également penser à personnaliser l'expérience pour les utilisateurs premium.

Même si vous avez une application spécifique à la plate-forme, les utilisateurs peuvent penser qu'ils ne veulent pas ou n'ont pas besoin de l'installer. Ces utilisateurs semi-engagés peuvent penser qu'une PWA leur convient car elle est souvent perçue comme plus légère et peut être installée avec moins de friction.

L'impact commercial d'un site Web fiable #

Le jeu Chrome Dino, proposé lorsqu'un utilisateur est hors ligne, est joué plus de 270 millions de fois par mois. Ce nombre impressionnant montre que la fiabilité du réseau est une opportunité considérable pour l'utilisation des PWA, en particulier sur les marchés avec des réseaux peu fiables ou des données mobiles coûteuses comme l'Inde, le Brésil, le Mexique ou l'Indonésie.

Lorsqu'une application installée à partir d'une boutique d'applications est lancée, les utilisateurs s'attendent à ce qu'elle s'ouvre, qu'ils soient ou non connectés à Internet. Les applications Web progressives ne devraient pas être différentes.

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

Soyez utile, même hors ligne.

Soyez utile, même hors ligne.

Une fois que vous avez mis en place une expérience utilisateur fiable , vous souhaiterez peut-être 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 de retour ? Analytics peut vous dire quand les utilisateurs vont généralement hors ligne et en ligne . Cela vous indique combien d'utilisateurs continuent de naviguer sur votre site Web après le retour du réseau.

L'impact commercial d'un site web engageant #

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

Soyez prudent, cependant. Demander aux utilisateurs de s'inscrire aux notifications Web dès leur arrivée et sans exposer les avantages peut être perçu comme du spam et affecter négativement votre expérience. Assurez-vous de suivre les meilleures pratiques lorsque vous demandez des notifications et inspirez l'acceptation par le biais d'utilisations pertinentes telles que les retards de train, le suivi des prix, les 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 la gestion des campagnes (par exemple Firebase). Cette fonctionnalité apporte une grande valeur commerciale aux utilisateurs mobiles (Android) et de bureau. Il 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 cliquent sur une invite d'interface utilisateur de notification personnalisée
  • Nombre d'utilisateurs qui accordent l'autorisation de notification push
  • Nombre d'utilisateurs qui reçoivent des notifications push
  • Nombre d'utilisateurs qui interagissent avec les notifications
  • Conversion et engagement des utilisateurs issus d'une notification

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

Le P dans PWA : un lancement progressif, fonctionnalité par fonctionnalité

Les PWA sont des sites Web modernes qui combinent la portée massive du Web, combinée à toutes les fonctionnalités conviviales que les utilisateurs attendent des applications Android, iOS ou de bureau. Ils utilisent un ensemble de meilleures pratiques et d'API Web modernes qui peuvent être mises en œuvre 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 internet et en faire une véritable PWA, nous vous encourageons à être agile : lancement fonctionnalité par fonctionnalité. Dans un premier temps, recherchez avec vos utilisateurs quelles fonctionnalités leur apporteraient le plus de valeur, puis livrez-les avec vos designers et développeurs, et enfin n'oubliez pas de mesurer précisément combien d'argent supplémentaire votre PWA a généré.

 

Formation en Ligne en Développement Web Full stack : Début le 28 Février Inscrivez vous ici