Sommaire

Avant-propos

Ces dernières années, l'usage du mobile a atteint un tel niveau que les utilisateurs passent aujourd'hui deux fois plus de temps sur les appareils mobiles que sur les ordinateurs. En outre, dans de nombreux pays, ils n'accèdent au Web que par le biais du mobile. Ce n'est pas une surprise : vous avez probablement observé la même tendance en analysant votre site.

Cette montée en puissance du mobile génère des attentes. Les utilisateurs exigent constamment des expériences de qualité, tant dans les applications natives que sur les sites Web mobiles, et ils souhaitent pouvoir passer facilement de l'un à l'autre en fonction de leurs besoins. Aujourd'hui, les développeurs et les concepteurs doivent créer et gérer des applications natives adaptées à plusieurs systèmes d'exploitation (OS), en plus d'un site Web mobile. Ce processus nécessite beaucoup de temps et d'efforts. Lorsque l'expérience offerte par le site Web d'une entreprise n'a rien à voir avec celle de son application native (ce qui se produit souvent), l'utilisateur finit généralement frustré. Il existe sûrement une meilleure approche, non?

C'est effectivement le cas, et elle se nomme "progressive web apps" (PWA). Ce concept a été lancé en 2015. Il désigne des sites qui, grâce à une technologie moderne, proposent des expériences en ligne semblables à celles des applications natives. Cet e-book explore les possibilités offertes aujourd'hui par le Web mobile et explique en quoi les PWA constituent une solution révolutionnaire pour améliorer les expériences proposées aux mobinautes. Vous découvrirez ce que sont réellement les PWA, leurs fonctionnalités exclusives, comment en créer une et comment évaluer les résultats.

Utilisation du mobile

Ces dernières années, les plates-formes numériques utilisées par les consommateurs ont radicalement changé, et les appareils mobiles sont désormais beaucoup plus courants que les ordinateurs. Selon ComScore 1 pour leurs activités numériques, les utilisateurs passent plus de deux fois plus de temps sur les mobiles que sur les ordinateurs, et ce dans la plupart des pays. La place occupée par l'ordinateur reste cependant importante : il représente toujours au moins 50 % du temps consacré au numérique pour le commerce de détail, les portails, les affaires et la finance, les voyages, l'automobile et l'enseignement. Toutefois, les mobinautes constituent une audience plus large dans certaines de ces catégories 2, et les consommateurs passent souvent à la plate-forme la mieux adaptée à leurs besoins au cours du parcours client.

En outre, les populations qui se mettent au numérique et profitent du Web pour la première fois ont contribué à une transition progressive vers l'accès Internet exclusivement à partir des mobiles. Les consommateurs de la région Asie-Pacifique, dans des pays comme l'Inde ou l'Indonésie 3, découvrent bien souvent le Web par le biais d'un appareil mobile uniquement. De plus, les membres de la génération Y utilisent davantage ces appareils que les autres, même si l'adoption progresse aussi de façon significative parmi les générations plus anciennes 4.

La majeure partie du temps passé sur les mobiles est consacrée aux applications natives 5, d'après ComScore, 80 % du temps total passé sur les mobiles dans tous les marchés est consacré aux applications natives, contre 20 % au Web mobile. Toutefois, cette activité est concentrée sur un nombre d'applications natives très limité, essentiellement dédiées aux réseaux sociaux, à la musique, aux jeux et au divertissement. De plus, le Web mobile a tendance à attirer des audiences plus larges : selon ComScore, il enregistre en moyenne 2,2 fois plus de visiteurs uniques par mois que les applications natives 6.

Étude sur les utilisateurs: le Web mobile et les applications natives

On ne saurait trop insister sur l'importance d'établir une présence sur le Web mobile, sachant que les consommateurs se tournent fréquemment vers les sites mobiles pour rechercher et étudier les possibilités qui s'offrent à eux. D'ailleurs, les sites Web mobiles constituent la principale méthode de découverte d'informations, comme l'explique ce participant à une étude Google sur les utilisateurs 7:

“Si vous savez à peu près ce que vous cherchez, vous avez sans doute intérêt à vous rendre sur un site Web mobile et à effectuer une recherche. Je pense que, par rapport à une application, un site mobile peut comporter plus de produits et de contenus.”

On considère que les sites mobiles attirent l'audience la plus large, et les utilisateurs y accèdent souvent pour trouver des informations, via les moteurs de recherche. Il s'agit d'une méthode utile pour explorer les options disponibles, les prix et les avis.

Les consommateurs se tournent vers les sites Web mobiles pour l'exploration et la découverte d'informations, mais ils considèrent généralement que les applications natives sont plus faciles à utiliser. La conception de ces dernières étant axée sur les mobiles par nature, cette approche offre généralement de meilleurs résultats pour satisfaire les besoins des utilisateurs, ainsi qu'une plus grande fluidité. Certains sites Web mobiles ont été parfaitement conçus et sont très ergonomiques, tandis que d'autres, moins perfectionnés, peuvent apparaître moins souvent dans les résultats de recherche. Toutefois, les utilisateurs tombent encore sur de nombreux sites qui offrent une expérience médiocre. Si cette situation se produit fréquemment, ils peuvent en conclure que les applications natives sont plus efficaces:

“[Les applications que j'apprécie] sont vraiment conçues pour être très conviviales et faciles à utiliser. On peut y accéder, effectuer l'action souhaitée et les quitter de façon très simple.”

Les applications natives sont souvent conçues pour des tâches spécifiques, dans le but de ne proposer que les fonctionnalités les plus importantes. On peut donc estimer qu'elles sont plus simples à utiliser et davantage axées sur des objectifs que les sites Web mobiles:

“D'après mon expérience, une application comporte moins de fonctionnalités qu'un site Web. Elle est généralement très simple à utiliser et a été conçue pour atteindre un but précis [...]. Il y a moins de fonctionnalités dans une application, car l'objectif est que vous obteniez le résultat souhaité le plus rapidement possible.”

Les applications natives comportent souvent des fonctionnalités qui permettent aux utilisateurs de stocker des informations sur les paiements ou leur compte, ou des paramètres et des préférences, accélérant et facilitant ainsi le processus d'achat. De ce fait, elles peuvent être perçues comme plus personnalisées:

“[Une application est] conçue pour vous accompagner. Elle peut vous permettre d'accéder facilement à votre historique de commandes et elle inclut généralement des paramètres de personnalisation [...]”

Les utilisateurs considèrent également qu'il est plus facile de trouver des applications natives et d'y accéder:

“L'icône de l'application s'affiche sur l'écran de mon téléphone. Je sais à quoi elle ressemble et je peux appuyer dessus facilement... Pour retrouver un site, je dois d'abord l'ajouter à mes favoris, ce que j'oublie parfois de faire. Sinon, je dois me souvenir de l'URL ou de son nom, ou essayer de le chercher sur Google...”

Les consommateurs estiment également que les applications natives leur offrent une expérience initiale plus rapide:

“J'ai l'impression que les applications sont presque toujours plus rapides que les sites Web mobiles.”

En revanche, les applications natives occupent un espace de stockage important sur l'appareil, et les mobinautes ne peuvent donc installer que celles qu'ils prévoient d'utiliser fréquemment:

“En général, je ne télécharge que les applications que je pense utiliser souvent, et donc plus d'une fois, à quelques rares exceptions près. Je n'ai pas beaucoup d'applications auxquelles je n'accède pas souvent. Donc, si c'est pour un usage ponctuel, je vais probablement accéder au site Web, rechercher l'information dont j'ai besoin, puis passer à autre chose. Les applications, je m'en sers très souvent, de façon répétée.”

Les concepteurs de sites Web mobiles et d'applications natives doivent toujours s'efforcer de faciliter la tâche des utilisateurs. Les publicités qui perturbent l'expérience, ou les notifications fréquentes et non pertinentes qui empêchent le consommateur d'atteindre son but, peuvent générer des expériences de mauvaise qualité. L'utilisateur risque d'abandonner un site Web mobile comportant des publicités agaçantes et de désactiver complètement les notifications si elles deviennent intrusives:

“Je ne veux pas faire défiler l'écran pour passer les annonces, ni attendre trop longtemps qu'elles se chargent, car cela rend mon téléphone moins fonctionnel. Je trouve que c'est une perte de temps.”

“Si on reçoit des notifications pour tout, plus rien n'est important, finalement.”

En réalité, les utilisateurs changent de plate-forme selon leurs besoins afin de trouver l'information ou le service souhaités. D'après une étude récente 8 46 % des séances d'achat sur mobile incluent au moins une transition entre un site Web mobile et une application native. L'expérience doit donc être de grande qualité, rapide, fiable, sécurisée et attrayante sur toutes les plates-formes hébergeant vos contenus. En outre, certaines applications natives tirent parti de l'intégration du Web mobile. Des technologies comme Trusted Web Activities (pour Android) vous permettent d'atteindre facilement cet objectif, en assurant la cohérence des contenus présentés sur le Web et dans l'application.

Les utilisateurs pensent généralement que les applications natives offrent une expérience moins chargée et plus fluide, qu'elles sont mieux adaptées à leurs besoins, et que leur chargement et leur utilisation sont plus rapides. Toutefois, ils se tournent en priorité vers les sites Web mobiles pour effectuer des recherches sur un thème, un produit ou un service, et pour trouver des informations spécifiques. De plus, les sites Web mobiles ne nécessitent aucun téléchargement, et compte tenu des progrès technologiques, ils peuvent être aussi rapides et faciles à utiliser que les applications natives. Grâce à ces nouvelles technologies, vous pourrez sans doute proposer des expériences d'excellente qualité sur le Web, en répondant à tout moment à chaque besoin des utilisateurs.

La meilleure approche : les progressive web apps

Les progressive web apps (PWA) sont des sites Web mobiles qui proposent des expériences en lignes semblables à celles des applications natives, grâce à des technologies Web modernes. L'ajout d'un lien sur l'écran d'accueil permet aux utilisateurs de profiter de fonctionnalités qui étaient auparavant difficilement adaptables au Web : ils peuvent accéder à des contenus hors connexion, recevoir des notifications de leurs marques préférées et ajouter des favoris à l'écran d'accueil. Les PWA permettent d'améliorer l'engagement des utilisateurs et facilitent les conversions, que ce soit en termes d'e-commerce, de productivité, de publication, de jeux ou de médias.

Le mobile a constitué l'un des principaux leviers de cette technologie, mais l'ordinateur prend de l'ampleur dans ce domaine. Les PWA permettent de mettre en place des parcours clients fluides, aussi bien sur les mobiles que sur les tablettes et les ordinateurs. Elles ont donc un rôle essentiel à jouer sur toutes les plates-formes.

Étudions plus en détail les PWA et leur fonctionnement.

Les progressive web apps permettent d'offrir des fonctionnalités logicielles optimales aux utilisateurs, de façon intéressante et pragmatique. Avant d'expliquer en détail le fonctionnement de cette approche, examinons rapidement sa raison d'être.

Une brève histoire de la livraison logicielle

Auparavant, les logiciels étaient livrés sous forme d'applications. La démarche consistait à les acheter sur disquettes, CD ou clés USB, puis à les installer et les utiliser. En raison de ce processus fastidieux, les logiciels étaient rarement mis à niveau. Le coût généré par la création de produits physiques et par leur envoi était élevé, et il n'était pas simple de fournir une solution lorsqu'une erreur se produisait.

La naissance du Web a tout changé. Au lieu de commander un support physique, il suffisait de télécharger et d'installer le logiciel dont vous aviez besoin. Le développement des navigateurs et de la technologie a même permis de simplifier le processus : au lieu de télécharger et d'installer le logiciel souhaité, il suffisait désormais de saisir une URL ou de cliquer sur un lien. Le logiciel à la demande était né.

Un nouveau virage s'est produit avec l'avènement des smartphones. Le logiciel intégré au navigateur n'était pas idéal en termes de format, et il était assez complexe de saisir des URL sur un appareil mobile. Les interfaces conçues à l'aide des technologies Web (HTML, CSS et JavaScript) étaient souvent optimisées pour les grands écrans et les interactions avec la souris. Le principal problème, c'est que les utilisateurs devaient impérativement être en ligne et que la connectivité mobile était généralement moins fiable qu'une connexion filaire sur un ordinateur.

Les applications natives sur iOS et Android offraient des avantages que les sites Web mobiles ne pouvaient pas proposer : la possibilité de les utiliser hors connexion et une expérience parfaitement adaptée au format des smartphones. Nous avons donc commencé à proposer des logiciels et des contenus par le biais des plates-formes de téléchargement d'applications.

Combler un besoin actuel

Il est toutefois devenu évident que cette solution n'était pas non plus idéale. Certes, la méthode consistant à fournir des logiciels aux utilisateurs finaux via une plate-forme est pratique pour les développeurs et semble plus sécurisée si elle a été soigneusement sélectionnée, car elle permet de filtrer les logiciels malveillants. Toutefois, elle implique également la création de plusieurs versions d'applications natives pour différents systèmes d'exploitation et différents formats, ce qui n'est pas à la portée de tout le monde. Les développeurs comptent sur les plates-formes de téléchargement pour publier et distribuer leurs applications, et ils peuvent être amenés à leur verser une partie de leurs bénéfices. Le responsable d'une plate-forme peut imposer une période de vérification pour les nouvelles versions, et certains utilisateurs n'apprécient pas de mettre à jour régulièrement les applications volumineuses. Il est donc plus difficile de publier de nouvelles versions.

De plus, la distribution de nos solutions sur des plates-formes fermées et dans un format natif repose sur de nombreuses hypothèses. Les plates-formes de téléchargement d'applications ne sont pas toujours compatibles avec les anciens appareils. Elles supposent donc que les utilisateurs possèdent un système d'exploitation spécifique ou la version la plus récente d'un appareil. Ces derniers doivent aussi disposer d'un espace de stockage suffisant sur leur appareil. Bien entendu, les applications natives nécessitent généralement des données volumineuses, et donc une connexion rapide et illimitée pour les opérations de téléchargement et de mise à jour. Enfin, les utilisateurs doivent posséder une carte de crédit pour effectuer leurs achats.

Or, si nous observons les marchés comptant le plus grand nombre de nouveaux utilisateurs, il est facile de constater à quel point ces hypothèses de base sont irréalistes. Il est donc primordial de trouver le moyen de combiner l'immédiateté et la facilité de mise en œuvre du Web d'une part, et l'optimisation du format et la fonctionnalité des applications natives d'autre part.

La solution: les progressive web apps

Les progressive web apps entrent alors en scène. Comme leur nom l'indique, les PWA sont des applications qui s'appuient sur les technologies Web pour nous offrir le meilleur des environnements Web et natifs. Elles sont fournies de façon progressive. En d'autres termes, nous n'avons pas besoin de les concevoir dans différents formats : nous fournissons une solution de base sous la forme d'un site Web, et nous ajoutons des fonctionnalités supplémentaires au fur et à mesure

La diffusion de contenus Web s'appuie depuis un certain temps sur l'amélioration progressive, car il s'agit d'une démarche logique. Au lieu de partir du principe que les utilisateurs disposeront d'un certain navigateur ou d'un appareil spécifique, nous faisons en sorte de proposer un contenu adapté à tous. Des systèmes plus à jour peuvent comporter des fonctionnalités plus novatrices et plus complexes, mais les fonctions essentielles doivent simplement jouer leur rôle sans que l'utilisateur ne s'en soucie.

Une PWA est fournie via un lien dans un e-mail, une discussion en ligne, un résultat de recherche, une balise, un code QR ou à partir d'une annonce. Elle propose une interface adaptée à l'appareil et au format, est immédiatement disponible, et l'utilisateur peut la tester avant de l'acheter. Lorsqu'un utilisateur interagit avec la PWA, nous pouvons vérifier la capacité de son appareil et charger davantage de données en arrière-plan. Nous pouvons également proposer des fonctionnalités supplémentaires par la suite : utilisation hors connexion, notifications lorsque de nouvelles données sont disponibles et autres options diverses

Au début, la définition d'une PWA semblait complexe et pouvait décourager les développeurs. En effet, une progressive web app devait présenter les caractéristiques suivantes:

• Progressive: de nouvelles fonctionnalités sont proposées au fur et à mesure des visites, en fonction de la capacité de l'appareil utilisé.
• Responsive: l'interface s'adapte à l'environnement, offrant une interaction fluide et immédiate.
• Indépendante du réseau: la PWA fonctionne en ligne et hors connexion, mais aussi avec une connexion instable.
• Semblable à une application native: une PWA doit fonctionner comme n'importe quelle autre application (en plein écran et dans son propre contexte, sans passer par un navigateur).
• Actualisée: les mises à jour sont effectuées automatiquement, sans processus d'installation interminable.
• Sécurisée: les données sont transmises via des canaux fiables.
• Visible: les PWA sont disponibles sur le Web et les plates-formes de téléchargement d'applications.
• Facilement réutilisable: il n'est pas nécessaire que la PWA soit toujours ouverte pour envoyer des notifications.
• Installable: la PWA s'affiche à côté des autres applications (menu de démarrage, icône sur l'écran d'accueil, résultat de recherche d'applications sur l'appareil, etc.).
• Accessible via un mécanisme de distribution simple, tel qu'un lien.