Progressive Web Apps : la prochaine expérience mobile ?

Vous n'en avez peut-être pas encore entendu parler, mais les Progressive Web Apps (PWA) sont sur le point de changer le paysage mobile. Introduites en 2015 par Google, les PWA ont gagné en popularité cette année. Alors avant que cela ne devienne à la mode, que sont exactement les Progressive Web Apps ?

Qu'est-ce qu'une PWA ?

Au sens le plus simple, les PWA sont des applications mobiles diffusées via le Web. Cette technologie permet aux PWA d'offrir une expérience similaire à celle d'une application sur votre navigateur. Cela ressemble à une application native en raison de l'utilisation d'un shell d'application qui fournit des navigations et des gestes de style application. Étant donné que les applications progressives sont conçues sur le Web, elles ne sont pas liées à des appareils spécifiques. Une PWA s'affiche de manière transparente et identique sur tous les appareils, y compris les ordinateurs de bureau, les mobiles, les tablettes ou tout ce qui vient ensuite.

De plus, les service workers permettent à une Progressive Web App de se charger instantanément, quelle que soit la qualité du réseau. En d'autres termes, cette application Web est conçue pour fonctionner hors ligne et dans des zones à faible connectivité. Avec l'aide de la pré-mise en cache, il reste à jour, offrant à l'utilisateur le contenu le plus récent lors du lancement. Semblable à une application, l'utilisateur peut enregistrer la PWA sur son écran d'accueil pour y accéder à tout moment. Le rendant installable, sans avoir à le télécharger depuis les magasins d'applications.

PWA vs application mobile native

Bien que les applications mobiles natives offrent une expérience utilisateur de la plus haute qualité, elles entraînent des frictions à la fois pour l'utilisateur et le développeur. L'une des plus grandes différences entre les PWA et les applications natives est la présence de "l'intermédiaire de l'App Store". Pour les Progressive Web Apps, cet intermédiaire est complètement supprimé. Pour les développeurs d'applications, l'absence de magasin d'applications signifie que vous n'êtes plus limité par les règles et directives d'iOS et d'Android. Un développeur n'aura pas à passer par un processus d'approbation, ce qui permettra à l'application d'être utilisée dès qu'elle sera prête. Il n'est pas non plus nécessaire de mettre à jour manuellement l'application, car la version révisée de l'application sera instantanément et automatiquement disponible pour tout le monde.

Du point de vue de l'utilisateur final, il peut accéder à la PWA sans avoir à la télécharger depuis une boutique d'applications. Au lieu de cela, un PWA est lié, ce qui signifie que n'importe qui peut lancer l'application directement à partir d'une URL. Vous pouvez le partager sur les réseaux sociaux, par e-mail, SMS, publicité en ligne ou le lier à un code QR, et l'utilisateur sera instantanément immergé dans une application.

En supprimant toutes ces frictions, il sera beaucoup plus facile pour les utilisateurs d'accéder à l'application. Comme le montre le schéma ci-dessous, à chaque étape du processus de téléchargement de l'application native, 20 % des utilisateurs sont perdus . Les consommateurs trouvent fastidieux de devoir trouver l'application dans l'App Store, d'attendre qu'elle soit téléchargée et craignent qu'elle n'épuise tout leur espace de stockage avant de pouvoir commencer à utiliser l'application. Étant donné que les PWA réduisent considérablement le nombre d'étapes à suivre (ce qui en fait essentiellement un processus en une seule étape), il y a beaucoup plus de chances que les gens utilisent réellement l'application. En fait, nous utilisons 4 fois plus de sites Web que d'applications mobiles , ce qui se traduit par une base d'utilisateurs potentiels beaucoup plus importante avec une application Web.

Une autre différence majeure pour les développeurs d'applications est qu'ils n'auront pas à adapter leur application à iOS ou Android. Le fait que les PWA utilisent la technologie Web signifie qu'elles fonctionnent sur plusieurs plates-formes, sur la plupart des navigateurs, ce qui élimine le système d'exploitation de l'équation. Vous pouvez créer une application Web progressive et elle aura le même aspect et fonctionnera de la même manière sur tous les appareils. Les utilisateurs auront une expérience cohérente sur n'importe quel appareil sur lequel ils choisissent de lancer l'application.

Enfin, les PWA sont hautement découvrables. Cela signifie qu'ils sont facilement identifiables par les moteurs de recherche, ce qui leur permet d'apparaître dans les résultats de recherche comme n'importe quel autre contenu Web. Les PWA seront traitées avec le référencement traditionnel, elles seront donc indexées non seulement pour le nom de l'application, mais également pour le contenu de l'application. Il ne sera pas traité spécifiquement comme une application, mais comme un élément de contenu qui peut "répondre" à la "question" de quelqu'un.

Pour mettre cela en contexte , 60 % des recherches proviennent désormais d' appareils mobiles et ce nombre continue de croître . _ _ _ Les gens utilisent activement leurs appareils mobiles pour trouver du contenu, alors imaginez que votre PWA apparaisse dans ces résultats de recherche. Par exemple, quelqu'un peut être à la recherche d'un salon dans la région, il utilise donc la barre de recherche Google pour commencer sa recherche. Les résultats de la recherche afficheront très probablement des répertoires tels que Yelp et des sites Web de salons. Si vous possédez une entreprise de salon, votre PWA pourrait se classer dans ces recherches, conduisant les clients directement des résultats de recherche vers votre application. Cette première touche est l'occasion de convertir vos clients. Une expérience de type application permettra aux clients de planifier un rendez-vous au salon à partir d'une interface utilisateur conçue pour le mobile. Il s'agit d'un processus transparent commençant par une recherche sur le Web et se terminant par une tâche terminée dans l'application.

PWA vs site Web mobile

Les PWA sont un hybride d'applications natives et de sites Web mobiles, mais en quoi diffèrent-elles des sites Web réactifs ? Contrairement aux sites Web mobiles "à l'ancienne", les PWA sont rapides. A noter que 53% des utilisateurs abandonneront un site s'il met plus de 3 secondes à se charger. Les PWA se chargent instantanément, quel que soit l'état du réseau, et fournissent des interfaces à réponse rapide. Cela élimine leur dépendance au réseau, comme le font les sites Web mobiles, garantissant une expérience instantanée et fiable pour les utilisateurs. Une PWA se met également à jour en arrière-plan, de sorte que les utilisateurs n'ont jamais besoin d'attendre le chargement d'un nouveau contenu.

De plus, les sites Web mobiles traditionnels se concentrent sur les informations statiques, tandis que les PWA sont capables de fournir aux utilisateurs des fonctionnalités dynamiques. Les PWA offrent une expérience immersive en plein écran, permettant aux clients de passer des commandes de nourriture mobiles, de participer à un programme de fidélité et de contacter une entreprise. Il peut également réengager les utilisateurs avec des notifications push Web, similaires aux notifications push natives.

Qui connaît déjà le succès ?

Pour générer à la fois du trafic et du réengagement, la marque de cosmétiques Lancome a lancé une application Web progressive pour offrir une expérience rapide de type application à ses clients.

Lancome a vu le trafic mobile dépasser le trafic sur ordinateur pour la première fois en 2016. Malgré un nombre croissant de visiteurs du site mobile, les taux de conversion mobiles ne correspondaient pas à ceux du bureau. 38 % des paniers d'achat sur ordinateur ont conduit à des commandes, tandis que le taux de conversion pour le Web mobile n'était que de 15 %. Ces chiffres ont révélé que les clients rencontraient des obstacles importants lorsqu'ils tentaient d'acheter via leur appareil mobile.

Au début, Lancome considérait une application de commerce électronique comme la solution. Cependant, ils ont compris qu'une application n'avait de sens que pour les clients qui s'y rendaient régulièrement. Les acheteurs mobiles ne reviendraient pas sur une application de commerce électronique chaque semaine, encore moins quotidiennement, de sorte qu'ils ne verraient pas l'intérêt de télécharger une application Lancome. L'entreprise souhaitait créer la bonne expérience utilisateur sur tous ses appareils. Selon Google , "l'entreprise avait besoin d'une expérience e-mobile attrayante et à chargement rapide, similaire à ce qu'elle pouvait réaliser avec une application native, mais qui était également détectable et accessible à tous via le Web mobile". Entrez dans l'application Web progressive.

Les résultats sont bluffants :

• 84 % de diminution du temps jusqu'à ce que la page soit interactive
• 17 % d'augmentation des conversions
• Augmentation de 53 % des sessions mobiles sur iOS
• 18% de taux d'ouverture sur les notifications push
• 8 % des consommateurs qui appuient sur une notification push effectuent un achat

Au total, la PWA a été un énorme succès, aidant le géant de la beauté à faire de grands pas dans la révolution mobile.

A quoi ressemble l'avenir ?

Alors que les applications mobiles natives ne sont en aucun cas en voie de disparition, une PWA peut fournir la solution idéale pour les entreprises qui cherchent à créer une expérience mobile convaincante et facilement adoptable pour leurs clients. Les PWA offrent le meilleur des deux mondes, avec toute la possibilité de partage du Web et toutes les fonctionnalités de l'application native. Bizness Apps travaille sur des applications Web depuis 2011 et nous sommes ravis de cette nouvelle technologie. Cela nous donne enfin la possibilité d'implémenter des fonctionnalités natives dans nos applications Web. Nous ferons partie du futur des applications, où l'application mobile et le site Web mobile ne feront qu'un.