Les PWA sont-elles la voie ? Tout ce que vous devez savoir sur les applications Web progressives pour le commerce électronique

Depuis l'introduction des Progressive Web Apps en 2015, de nombreuses entreprises ont largement tiré parti de cette technologie. Ils sont capables de fournir des expériences utilisateur très attrayantes, tout en atteignant de nouvelles bases d'utilisateurs. Les cas d'utilisation les plus notables proviennent de grandes entreprises telles que Twitter, Trivago, Alibaba et Walmart, qui signalent des taux de conversion doublés et une croissance des revenus plus rapide que jamais.

Les success stories PWA de ces géants commerciaux séduisent logiquement diverses petites et moyennes entreprises. Grâce à l'utilisation des applications Web progressives, les commerçants peuvent désormais offrir la même expérience de conversion élevée et similaire à une application native à un public beaucoup plus large sur le Web mobile, ce qui en fait une technologie incontournable pour les entreprises de toutes tailles. .

Qu'est-ce qu'une application Web progressive ?

À la base, une application Web progressive (PWA) est une application Web qui utilise les dernières fonctionnalités Web pour offrir aux utilisateurs une expérience de type application native. C'est la technologie qui apportera une cohérence entre les applications Web et natives et les remplacera par une seule instance.

Historiquement, les applications natives offraient une expérience beaucoup plus riche que le Web mobile, créant un engagement élevé avec l'utilisateur final. Une application Web progressive est un site Web qui ressemble et se comporte de la même manière qu'une application native, ce qui signifie qu'elle est incroyablement rapide, peut être ajoutée à l'écran d'accueil d'un smartphone, envoyer des notifications push et même fonctionner hors ligne.

Les applications Web progressives sont :

1. Fiable.

Ils se chargent instantanément, quel que soit l'état du réseau. Ils éliminent la dépendance à une connexion réseau, garantissant une expérience utilisateur instantanée et fiable, même avec une connexion Internet mauvaise ou inexistante.

2. Incroyablement rapide.

Si votre site est lent, les clients partent, vous faisant manquer des ventes potentielles. Les PWA se chargent extrêmement rapidement et répondent rapidement aux interactions des utilisateurs. L'amélioration des performances du site Web affecte positivement les taux de conversion, d'expérience utilisateur et de rétention.

3. Très engageant.

Ils offrent une véritable expérience d'application native, y compris des fonctionnalités Web telles que la possibilité d'envoyer des notifications push et d'apparaître sur l'écran d'accueil.

Pourquoi votre entreprise a besoin d'une application Web progressive

Le trafic mobile dépassant le trafic sur ordinateur (actuellement 60 % du trafic provient d'appareils mobiles), il est crucial pour les commerçants d'offrir la meilleure expérience d'achat pour engager leur audience. Alors que le trafic mobile augmente, les taux de conversion ne le sont pas :le trafic mobile ne représente toujours que 16 % de la conversion totale.

Google signale que lorsqu'une boutique de commerce électronique passe à une application Web progressive, elle enregistre généralement une augmentation globale de 20 % de ses revenus, avec des taux de conversion sur mobile doublant dans certains cas.

Toute boutique en ligne nouvelle et existante devrait envisager de fournir ses services non seulement comme une boutique en ligne standard, mais comme une application Web progressive. La majorité des sites de commerce électronique n'ayant pas encore adopté cette nouvelle technologie, ils représentent une opportunité rare et passionnante de devancer la concurrence.

1. Meilleure adoption par les utilisateurs en installant sur l'écran d'accueil.

Les applications Web progressives offrent une expérience utilisateur très attrayante, avec les mêmes fonctionnalités que les applications natives. Les applications Web progressives peuvent être installées sur l'écran d'accueil, ce qui les rend directement accessibles aux utilisateurs.

Au cours d'un mois type, le nombre moyen d'applications téléchargées par un utilisateur de smartphone est proche de zéro. Les gens ne téléchargent pas d'applications.

Avec une application Web progressive, le « téléchargement » est aussi simple que de visiter un lien Web et d'accepter une invite. Du point de vue de l'utilisateur, le site Web se transformera en une "vraie" application - donc pas un raccourci de navigateur - en étant placé sur l'écran d'accueil. Cela permet d'obtenir le même résultat que le téléchargement à partir d'une boutique d'applications, mais sans avoir à passer par le processus de la boutique d'applications. De plus, une fois la PWA installée sur l'écran d'accueil, aucune autre mise à jour n'est requise. Les PWA sont automatiquement mises à jour en arrière-plan, garantissant ainsi à vos clients de toujours voir le contenu le plus récent.

Il n'est donc peut-être pas surprenant que les entreprises signalent que leurs utilisateurs installent leurs PWA, alors qu'elles ont précédemment rejeté leur application native.

Flipkart a vu 60 % des clients qui avaient désinstallé leur application native revenir pour utiliser le Flipkart PWA. Pour l'adoption de n'importe quel site Web par les utilisateurs, les installations rapides avec PWA s'avèrent faire la différence en termes d'engagement et de réussite des utilisateurs.

2. Stimuler l'engagement des utilisateurs grâce aux notifications push.

Semblable à une application native, PWA offre la possibilité d'envoyer des notifications push aux appareils mobiles. De manière très intuitive, les entreprises peuvent atteindre leur public là où ils se trouvent le plus :directement sur leur appareil mobile, créant ainsi une expérience utilisateur très attrayante.

Ces petits messages ont un grand impact :ils attirent l'attention, toujours. Par rapport au marketing traditionnel, comme les e-mails, les notifications push ont le gros avantage d'apparaître directement sur le téléphone d'une personne ; ils se démarquent de la foule et, plus important encore, une entreprise n'a pas besoin de faire beaucoup d'efforts pour collecter des adresses e-mail ou d'autres informations avant de pouvoir interagir avec son public.

Environ 96 % des internautes surfent sur le Web de manière anonyme, ils ne laissent pas leurs adresses e-mail ou leurs coordonnées sur les sites Web et ils ne créent pas de compte. C'est un gigantesque angle mort que toutes les entreprises rêvent de transformer en sweet spot.

Le seuil pour autoriser une notification push lors de la visite d'un site Web est bien inférieur au seuil pour s'inscrire à un service de newsletter. Google rapporte que près de 60% des utilisateurs autorisent leurs PWA à leur envoyer des notifications, ce qui augmente considérablement les opportunités de promouvoir des produits ou des services. Les benchmarks du secteur montrent que 2,7 fois plus de personnes ouvriront et cliqueront sur une notification push Web par rapport à un e-mail.

3. Coûts de développement réduits, innovation plus rapide et livraison continue.

Les entreprises ayant une stratégie omnicanale et multiplateforme construisent, entretiennent et promeuvent actuellement jusqu'à 4 systèmes :leur site Web (réactif), leur application Android, leurs applications iOS et, dans certains cas, également des applications natives Windows 10.

Bien que la création, l'optimisation et la maintenance d'un site Web réactif soient déjà un processus gourmand en ressources, le développement supplémentaire d'applications natives quadruple facilement cet investissement. Cela n'est pas seulement dû à la création d'une application, mais également à la surveillance continue, à la maintenance, aux améliorations et aux processus de révision de l'App Store (et n'oublions pas la tristement célèbre taxe Apple de 30 %).

Une application Web progressive élimine complètement le besoin de développement, de maintenance et de marketing de toute plate-forme autre que le site Web PWA. Cela offre une opportunité unique de servir tous les canaux à partir d'une seule plate-forme, qui est construite, maintenue et entretenue par une seule équipe. Il réduit considérablement les coûts et les délais de mise sur le marché, tout en offrant la même expérience utilisateur et les mêmes fonctionnalités à tous les clients, et en conservant la stratégie multicanal.

4. Excellentes performances instantanées.

Les internautes demandent toujours plus de vitesse, en particulier avec l'augmentation massive de l'utilisation du mobile d'abord et même du mobile en ligne. Les recherches montrent que 53 % des visiteurs quittent un site Web après seulement 3 secondes de chargement de page et que les taux de conversion diminuent de 21,8 % à chaque seconde de retard de la vitesse de la page.

Il est presque incroyable que le temps de chargement moyen des pages Web sur les appareils mobiles sur les réseaux 3G soit de 19 secondes et de 14 secondes sur les réseaux 4G.

Le rapport, "The Need for Mobile Speed", a révélé que les sites mobiles qui se chargeaient en moins de cinq secondes fonctionnaient bien mieux que ceux qui mettaient 19 secondes à se charger :les sites qui se chargeaient en moins de 5 secondes affichaient une visibilité des annonces 25 % supérieure, des sessions moyennes 70 % plus longues. , et un taux de rebond inférieur de 35 %.

Les applications Web progressives sont conçues pour des expériences utilisateur extrêmement fluides et rapides. Capitalisant sur les avantages de la vitesse du Web et de la mise en cache côté client « de style natif », il surpasse les deux sur les chargements de page. Les PWA peuvent se charger en seulement 1 seconde, créant une véritable expérience de vitesse "instantanée", engageant l'utilisateur dès le début.

De plus, les applications Web progressives utilisent beaucoup moins d'espace disque - à la fois sur le serveur de l'entreprise et sur l'appareil de l'utilisateur - offrant des avantages tels que des temps de chargement plus rapides, moins d'utilisation des données et moins d'espace de stockage requis.

Le PWA de BookMyShow prend moins de 3 secondes à charger et a augmenté les taux de conversion de plus de 80 %. La PWA est 54 × plus petite qu'une application Android et 180 × plus petite qu'une application iOS.

5. Les PWA peuvent améliorer votre référencement.

Parce qu'une PWA est basée sur le Web, tout est détectable par les moteurs de recherche. Tout contenu d'une PWA peut être lié, partagé et classé par Google et Bing. Cela contraste avec les applications natives, qui ne permettent pas d'être explorées par les robots des moteurs de recherche. En faisant tomber les barrières entre le web et le natif, les utilisateurs peuvent être directement reliés aux produits numériques les plus sophistiqués, sur n'importe quel appareil, à tout moment.

Des temps de chargement ultra rapides, des taux de rebond réduits, une utilisation minimale des données et des expériences très engageantes sont par défaut des boosters pour les classements SEO. Avec PWA offrant des avantages tels que ceux-ci prêts à l'emploi, il est logique de penser que l'utilisation d'un PWA entraînera automatiquement un classement SEO plus élevé. Si c'est bien fait, c'est absolument vrai. Google classera les PWA bien conçues plus haut que tout autre site Web standard.

Cependant, le référencement technique est très important. Il est essentiel de s'assurer que la technologie des applications Web progressives est servie de la bonne manière. Les applications Web progressives utilisent la flexibilité de JavaScript, ce qui signifie que Google considère la page publiée unique comme un site JavaScript. Google explore les sites PWA comme il explorerait un site AJAX ou JavaScript, mais la capacité des moteurs de recherche à découvrir, explorer et indexer correctement le contenu - qui dépend fortement de JavaScript - a toujours été médiocre.

Heureusement, il n'y a pas lieu de s'inquiéter. Les développeurs qui créent des PWA doivent savoir comment optimiser le site pour s'assurer que la page est indexée de manière appropriée, ce qui peut facilement être fait avec des techniques telles que le rendu côté serveur - fournissant aux PWA la bonne architecture pour obtenir les meilleurs classements SEO qu'ils méritent.

Voici quelques ressources intéressantes pour le référencement PWA :

• SEO des PWA :développer des PWA optimisées et comment les valider
• SEO et applications Web progressives :regard vers l'avenir
• Créez des applications Web progressives qui ne détruisent pas votre référencement
• Les applications Web progressives contribuent-elles à l'optimisation organique des moteurs de recherche ?

6. Augmentation des taux de conversion.

Il va de soi qu'une meilleure expérience utilisateur se traduit par des taux de conversion plus élevés. Si les frictions et les frustrations sont supprimées d'une boutique en ligne, il devient plus facile pour les clients d'atteindre leurs objectifs - et donc les objectifs de l'entreprise.

Les PWA offrent d'énormes opportunités pour offrir de meilleures expériences, dans tous les aspects.

Lancôme a enregistré une augmentation de 17 % des conversions, une augmentation de 53 % des sessions mobiles sur iOS et une augmentation de 8 % des taux de conversion sur les paniers récupérés via les notifications push.

Alibaba a enregistré 76 % de conversions en plus sur tous les navigateurs, 14 % d'utilisateurs actifs mensuels en plus sur iOS, 30 % d'utilisateurs actifs mensuels en plus sur Android et un taux d'interaction 400 % plus élevé grâce à "Ajouter à l'écran d'accueil".

Tout ce qui concerne les PWA est plus rapide, plus léger, plus lisse et plus efficace, et c'est ressenti par l'utilisateur. Du chargement instantané en arrière-plan sur leur écran d'accueil à la navigation en plein écran, des chargements de page instantanés et une utilisation minimale de l'espace de l'appareil. L'utilisateur a une bien meilleure expérience, accomplit ses tâches et reviendra avec plaisir à l'avenir, qu'il soit déclenché ou non par une notification push très engageante.

Anatomie d'une application Web progressive

À la base, une PWA est une application Web qui utilise les dernières fonctionnalités Web pour offrir aux utilisateurs une expérience de type application native.

En 2015, Alex Russell a introduit le terme « application Web progressive ». Il a raconté une conversation entre lui et Frances Berriman, dans laquelle ils "ont énuméré les attributs d'[une] nouvelle classe d'applications" basées sur l'évolution progressive et puissante des navigateurs modernes.

Ils ont créé un ensemble d'« attributs » que les applications Web doivent constituer pour être qualifiées d'application Web progressive. Ces attributs sont :

1. Progressif —PWA devrait fonctionner pour chaque utilisateur, quel que soit le navigateur choisi, car il est construit avec une amélioration progressive comme principe de base.
2. Réactif — PWA devrait fonctionner sur n'importe quel appareil, sur n'importe quelle taille :ordinateur de bureau, mobile, tablette, ou quoi que ce soit d'autre.
3. Indépendant de la connectivité —Les PWA ne dépendent pas de la disponibilité du réseau.
4. Semblable à une application — L'utilisateur profitera d'une véritable expérience d'application native, en termes de vitesse et d'interaction avec l'utilisateur.
5. Frais — La PWA est toujours à jour, aucune mise à jour n'est requise
6. Sûr — Toujours servi via HTTPS.
7. Détectable — Contrairement aux vraies applications natives, une PWA est identifiable comme une « application » et permet aux moteurs de recherche de la trouver et de l'indexer.
8. Réactivable — PWA donne aux spécialistes du marketing la possibilité de réengager facilement les visiteurs grâce à des fonctionnalités telles que les notifications push, qui n'étaient auparavant disponibles que pour les applications natives.
9. Installable — Une PWA permet aux utilisateurs d'ajouter les applications qu'ils trouvent les plus utiles à leur écran d'accueil sans avoir à passer par une boutique d'applications.
10. Connectable — Une PWA a une structure d'URL réelle, ce qui facilite le partage de l'application via une URL, mais rend également les pages de la PWA disponibles pour être utilisées à des fins de marketing telles que SEA.

Cet ensemble d'"attributs" concerne l'expérience utilisateur et la manière dont nous utilisons le Web :sécurité, rapidité, engagement et partage. Techniquement parlant cependant, une Progressive Web App peut être définie par trois critères.

Les trois critères de base qu'un site doit remplir pour être qualifié de PWA sont :

1. HTTPS — une PWA doit être servie sur HTTPS pour garantir un environnement et une transmission de données sécurisés et sécurisés.
2. Manifeste de l'application Web — une PWA a besoin d'un manifeste d'application Web, un fichier JSON contenant toutes les métadonnées que l'appareil doit connaître sur la page pour pouvoir l'installer sur l'écran d'accueil. Le fichier contient des informations telles que les icônes, les couleurs, les polices, l'URL de la page de destination, etc.
3. Travailleurs des services — l'ingrédient le plus important d'une PWA est le Service Worker. Il s'agit techniquement de fonctionnalités de déverrouillage de "proxies javascript", telles que le mode hors ligne, la vitesse instantanée et la possibilité d'envoyer des notifications push.

Faire des choses comme les notifications push et le mode hors ligne était auparavant impossible sur le Web en raison des limites du navigateur - mais avec l'utilisation de Service Workers, ces fonctionnalités ont maintenant été déverrouillées. Le Service Worker est une technologie introduite par Google qui vous permet de contrôler les requêtes réseau par programmation, ce qui vous permet à son tour de créer des expériences hors ligne et d'offrir une vitesse instantanée. De plus, vous pouvez exécuter des tâches en arrière-plan, ce qui vous permet d'envoyer et d'afficher des notifications push même lorsque le navigateur est fermé.

Avez-vous besoin d'une PWA pour votre boutique ?

Toute entreprise qui vend en ligne bénéficierait d'une PWA. Lorsque le temps de chargement de la page mobile passe de 1 seconde à 5 secondes, la probabilité de rebond augmente de 90 %. Lorsque les clients sont retenus par une caisse lente, la vente est en danger. L'expérience utilisateur améliorée et les vitesses de page rapides d'une application Web progressive permettent au client d'accomplir la tâche souhaitée rapidement et efficacement. Les PWA offrent des vitesses de page deux à quatre fois plus rapides, garantissant aux utilisateurs durement gagnés de rester engagés et de convertir.

Si un site e-commerce va doubler son taux de conversion lors de la mise en place d'une Progressive Web App, c'est bien sûr difficile à prévoir. Une chose est sûre :grâce à cette nouvelle technologie, les entreprises peuvent désormais offrir la même expérience de type application à conversion élevée qu'une application native à son public beaucoup plus large sur le Web mobile. Les premiers utilisateurs prouvent que les applications Web progressives ont vraiment changé leur entreprise.

1. Création d'une application Web progressive.

Transformer votre site de commerce électronique en une application Web progressive est un processus que toute boutique en ligne devrait certainement envisager de faire au cours de la prochaine année. Non seulement il vous offrira tous les grands avantages, mais il vous assurera également de garder une longueur d'avance sur la concurrence.

Cependant, une grande idée fausse est que si vous souhaitez bénéficier des fonctionnalités PWA, vous devez remplacer complètement le front-end, ce qui fait croire aux entreprises que l'adoption de PWA est un processus très intensif et coûteux.

Heureusement, c'est le contraire qui est vrai ! La technologie PWA permet une mise en œuvre modulaire, bénéficiant d'avantages avec un minimum de temps de mise sur le marché. Par exemple, si vous souhaitez commencer par donner à votre public la possibilité d'installer votre PWA sur son écran d'accueil, la seule chose que vous devez faire est d'installer un manifeste d'application Web. De plus, démarrer avec une application native comme les notifications push peut être fait en seulement 5 minutes avec les extensions disponibles dans la boutique BigCommerce.

L'application de telles techniques dans les magasins existants est la première étape pour améliorer l'expérience utilisateur et augmenter les taux de conversion, dans un délai de mise sur le marché minimum et à un faible coût de mise en œuvre.

2. Créer une application Web progressive avec BigCommerce et DEITY Falcon.

La plate-forme sans tête SaaS ouverte hautement extensible de BigCommerce offre aux entreprises un monde de possibilités avec des intégrations de classe entreprise, des API flexibles et des webhooks. En utilisant les mêmes technologies, DEITY Falcon a créé une plate-forme de lancement open source pour des vitrines PWA très engageantes.

Combiné avec DEITY Falcon, BigCommerce offre à chaque magasin la possibilité de profiter des avantages des Progressive Web Apps. En utilisant BigCommerce comme moteur back-end principal du commerce électronique, combiné avec DEITY Falcon comme front-end PWA, les entreprises de toutes formes et tailles peuvent commencer à offrir des expériences Web robustes, hautement évolutives et étonnantes à leurs utilisateurs, en profitant de tous les avantages de l'application. tout en réduisant le temps de mise sur le marché, et tout cela à un coût total de possession inférieur à celui de toute autre plate-forme de commerce électronique de premier plan.

Résumé :ce que vous devez faire ensuite

Les téléphones portables étant fortement intégrés dans la plupart des aspects de notre vie, l'appareil change fondamentalement notre façon d'acheter. Notre demande d'expériences utilisateur meilleures et très attrayantes, de temps de chargement instantanés, d'un accès instantané à l'information et d'une indépendance du réseau augmente rapidement.

En tant que propriétaires d'entreprise, nous ne pouvons pas ignorer la combinaison de l'expérience immersive offerte par les applications natives associée à la portée et à la facilité d'accès à Internet que les PWA nous offrent. La prise en main des Progressive Web Apps ne se fait plus attendre.

Que vous choisissiez d'opter pour une PWA complète ou que vous preniez de petites mesures en commençant par, par exemple, les notifications push et "ajouter à l'écran d'accueil", l'adoption d'une stratégie PWA devrait être une priorité absolue pour tout type d'entreprise, grande ou petite.

Avec des investissements minimaux requis et un délai de mise sur le marché record, n'importe qui peut commencer à changer radicalement l'expérience qu'il offre à son public aujourd'hui, en augmentant les taux de conversion et, en fin de compte, en améliorant ses résultats nets.