Header e-commerce et PWA
E-commerce

PWA : quels bénéfices pour les e-commerçants ?

Par Alexandre B. le 5 novembre 2019
Ce n’est plus un secret pour personne, aujourd’hui la consultation des pages web se fait principalement depuis un mobile, en témoigne Axel dans cet article de Juillet : « plus de 63% de l’utilisation totale d’internet se fait depuis un téléphone ».

Même constat par StatCounter qui nous révèle que les mobiles occupent 51,78% de parts de marché au niveau mondial à ce jour ! Bref, l’ère du “Mobile First” a encore de beaux jours devant elle.

Pourcentage part de marché mobile, desktop et tablette
Source : Desktop vs Mobile vs Tablet Market Share Worldwide – January to September 2019

 

Cette situation ne manque pas de poser un dilemme aux marques et entreprises : doivent-elles proposer un site “responsive” ou une application mobile ?

Chacun des deux mondes propose ses avantages sans être la solution de référence. C’est souvent selon vos besoins que l’une ou l’autre sera la meilleure. Nous avons déjà traité de l’avantage des différentes solutions dans d’autres articles mais on peut rappeler la situation ainsi :

Avantages Inconvénients
Site responsive
  • Plus facile à maintenir
  • Moins coûteux à mettre en place
  • Meilleure compatibilité mobile
  • Audience plus large
  • Mode Online uniquement.
  • Prend plus de temps à afficher une page qu’une application native.
  • N’a pas accès aux composants d’un mobile (GPS, Bluetooth, caméras…)
Application mobile
  • Peut fonctionner en mode offline dans certaines conditions
  • Propose une expérience utilisateur plus riche et optimisée
  • Renforce la notoriété d’une marque
  • Bénéficie d’un accès aux composants d’un mobile (GPS, Bluetooth, caméras…)
  • Maintenance plus difficile, dépendante du modèle de mobile/tablette.
  • Développement plus (très) coûteux
  • Compatibilité mobile plus restreinte, par la plateforme (Android, iOS…) notamment
  • Audience limitée aux mobiles et tablettes
  • Nécessite une action de l’utilisateur (installer une app)

Plutôt que de placer tous vos oeufs dans le même panier, nous vous proposons de penser “PWA”, pour Progressive Web App.

Mais dis-moi Jamy, c’est quoi une Progressive Web App ?

Et bien dans les grandes lignes, une Progressive Web App est comme une application mobile mais reposant sur un site web responsive.

Elle va apporter des fonctionnalités typiques du monde mobile, comme l’envoi de notifications, l’ajout à l’écran d’accueil ou la navigation offline, à un site. Tous les sites sont normalement éligibles à l’intégration d’une PWA, il y a toutefois plusieurs contraintes, techniques ou décisionnelles, à prendre en compte :

  • Premièrement, le site web doit être responsive
    Ne perdons pas de vue que ce qu’une PWA affiche, c’est la version mobile d’un site tel qu’il existe avant intégration de la PWA.
  • Deuxièmement, vous devrez proposer une navigation partielle en situation déconnectée
    La tentation de rendre la totalité de votre site disponible offline est grande mais à proscrire ! Votre client n’apprécierait guère de constater une installation intégrale de votre site sur son mobile, consommant son forfait téléphonique autant que son espace de stockage limité.
  • Troisièmement, la compatibilité restreinte avec certains navigateurs et terminaux ne doit pas être un frein
    Propulsées par Google, les PWAs reposent sur des fonctionnalités avec lesquelles son navigateur Chrome est évidemment compatible.

Pour vous aider à y voir plus clair, voici le support des fonctionnalités par les principaux navigateurs :

Navigateurs
Fonctionnalité Google Chrome Microsoft Edge Mozilla Firefox Apple Safari Apple Safari (iOS)
Synchronisation de données en arrière-plan Supportée Non supportée
Navigation offline Supportée Partiellement supportée
Notifications Supportée Non supportée
Ajout à l’écran d’accueil Supportée Non supportée Supportée Non supportée Partiellement supportée

Source : Can I Use (EN)

Bien que les autres navigateurs ne supportent pas encore toutes ces fonctionnalités, les principaux acteurs du web travaillent à leurs implémentations car les PWAs sont appelées à devenir un standard, comme le responsive design il y a quelques années.

Comment savoir si j’ai besoin d’une PWA ?

L’intégration d’une PWA s’adresse à tout e-commerçant observant un ou plusieurs des problèmes suivants sur sa boutique mobile :

  • Performances d’affichage insuffisantes
    Certaines pages de votre boutique prennent plus de 3 secondes à se charger et deviennent inutilisables altérant ainsi l’expérience de vos visiteurs.
  • Fort abandon de paniers
    En moyenne et au niveau mondial, 81% des paniers mobiles sont abandonnés d’après 99Firms.
  • Taux de conversion faible
    Il est généralement constaté un taux de conversion sur mobile moins bon que celui réalisé sur ordinateur.
Tableau de taux de conversion sur mobile, desktop et tablette
Source : Inves – Average E-commerce Conversion Rate by Device
  • Habitudes utilisateurs nécessitant une navigation partielle offline
    Votre activité nécessite un fort temps de réflexion, des comparaisons de produits, une préparation complexe de votre panier d’achat : il se peut que l’utilisation, au moins partielle, offline, soit un vrai plus pour votre activité…

On peut noter également d’autres besoins comme par exemple le fait de baser un business sur des impulsions d’achat. Dans ce cas, quoi de mieux que d’exploiter les possibilités de push notifications des terminaux mobiles pour pousser une offre temporaire à un client…

Quels sont les impacts d’une PWA sur l’e-commerce en général ?

Alors que nous n’en sommes qu’à ses prémices, la PWA présente des résultats déjà très encourageants sur l’e-commerce :

Une meilleure vitesse de chargement des pages

L’une des fonctionnalités phares offertes par les PWAs est la navigation offline. L’idée est simple : en installant le minimum requis pour afficher une page directement sur le mobile de l’utilisateur, ce dernier profitera d’un chargement plus rapide de la page à sa prochaine visite, les ressources étant renvoyées depuis son mobile et non-plus un serveur. Seules les données trop anciennes seront actualisées afin de garder leur version la plus à jour.

  • Debenhams
    Le lancement de sa PWA en 2017 a doublée la vitesse de chargement des pages de son site mobile. (Source : Think With Google (EN))
  • Wego
    Temps de chargement des pages réduit de 12 à 3 secondes. (Source : PWAStats (EN))
  • Lancôme
    le site est devenu 50% plus rapide. (Source : FastMoving (EN))

Une augmentation des sessions et du temps passé sur votre boutique

L’enseigne de luxe Lancôme a lancée sa PWA en Mai 2017 afin d’améliorer son taux de conversion sur mobile.

Les chiffres sont sans appel :

  • Augmentation de 51% du nombre de sessions mobiles.
  • Augmentation de 53% de la durée de session sur iOS uniquement.
  • Plus de 18 000 clients se sont inscrits aux notifications.

Source : Lancôme rebuilds their mobile website as a PWA, increases conversions 17%

Une meilleure visibilité

Search Foresight nous informe que le référencement des applications mobiles est limité au périmètre des boutiques d’applications (Windows Store, App Store, Google Play), où le nombre de requêtes est plus faible que sur Google.
De plus, le contenu de ces applications n’est pas visible par Google. Une PWA étant d’abord un site et son contenu étant pleinement accessible, elle profite de l’indexation par Google où les requêtes sont beaucoup, beaucoup plus nombreuses et confèrent immédiatement une visibilité plus importante.

Une expérience utilisateur digne de celle d’une application mobile traditionnelle

Sur Windows 10 et sur Android par exemple, votre site s’affiche sous forme d’une icône, comme une application standard. Ainsi, votre marque occupe, en plus de sa place sur internet, une place physique sur l’écran d’accueil de vos clients. C’est plus de visibilité immédiate pour vous et un accès plus simple et plus rapide pour eux.

Un taux de conversion optimisé

Une augmentation des ventes et du chiffre d’affaires

Ecommerce Nation nous apprend dans son article “Comment booster mon business grâce aux Progressive Web Apps (PWA) ?”, que :

  • Cdiscount a enregistré une augmentation de 50% de la part des ventes sur mobile grâce à leur PWA.
  • Le Club Med a enregistré une augmentation de 80% de son chiffre d’affaires sur mobile.

Bien entendu il faut prendre avec pragmatisme les chiffres qui sont annoncés. Quoi qu’il en soit il est indéniable qu’un site PWA aura un impact positif sur l’indexation réalisée par Google et donc votre SEO et votre activité en ligne de par le gain de performances et l’ajout de fonctionnalités.

Lançons-nous !

La PWA se présente comme une très bonne réponse à certains problèmes rencontrés sur mobile par les e-commerçants mais aussi par leurs clients.

Avec des performances d’affichage accrues sur mobile, les clients bénéficient d’une expérience de navigation plus réactive et partiellement indépendante du réseau !
Ils sont donc susceptibles de passer plus du temps et davantage de commandes sur votre boutique et d’augmenter votre conversion !

Aussi, pensez bien que permettre à vos utilisateurs d’ajouter votre boutique à leurs écrans d’accueil est comme ouvrir une boutique voisine de leurs résidences.
L’autre raccourci possible est un lien enregistré au milieu de dizaines de favoris dans le navigateur…
Nous sommes d’accord pour reconnaître qu’une icône sur un écran d’accueil apporte un gain de visibilité immédiat.

Enfin, si l’utilisateur quitte votre site, les notifications sont là pour l’inviter à revenir et le tenir informé de l’évolution d’une commande, du retour en stock d’un produit ou même d’une offre promotionnelle.

La position des éditeurs de solutions e-commerce semble de plus très claire, chacun proposant outils, modules et/ou environnements logiciels favorisant la mise en place d’une PWA.
Certaines d’entre elles ont d’ailleurs déjà été parcourues par nos experts !

Modules PWA disponibles chez Prestashop

Face à l’engouement de grandes marques pressées de faire leur armes sur ce domaine et aux résultats bénéfiques de la PWA sur leur business, les éditeurs qui étaient encore en retrait il y a quelques mois prennent désormais le sujet en main afin d’assurer un suivi et l’apport de solutions PWA natives aux intégrateurs comme Synolia qui souhaitent toujours emmener leur clientèle vers les meilleurs horizons.

Il n’y a en gros qu’un seul frein actuel à l’adoption massive des PWA dans le domaine de l’e-commerce : ne pas être trop en avance par rapport aux standards des éditeurs qui demain intégreront tous le PWA au coeur même de leurs applicatifs. Vouloir passer à tout prix en PWA en mode early adopter c’est accepter de faire des choix qui seront certainement remis en question dans quelques mois pour rejoindre des solutions PWA plus standard.

Certains projets l’imposent déjà d’autres nécessiteront d’être plus pragmatique et d’attendre l’évolution de l’état de l’art. Mais dans tous les cas, les PWA sont un concept technico-fonctionnel qui apporte d’indéniables avancées aux marchands en termes de performances et de services et il semble évident que demain matin, tous les nouveaux projets intégreront nativement une couche PWA.

LinkedIn Google+ Email
Découvrez également...