Les visites guidées sur les sites web – 3 exemples exceptionnels et les meilleurs outils à utiliser

Guided Website Tours – 3 Outstanding Examples and Top Tools to Use

Il y a quelques années, j’ai décidé de partir en vacances culturelles avec une visite guidée pour la première fois, après des années à me balader seule. Et cela a complètement changé ma vision des vacances culturelles.

J’avais visité différents sites et musées toute ma vie, en me fiant uniquement aux informations des brochures ou d’internet. Cette fois, j’avais quelqu’un qui pouvait me donner des informations pertinentes et précises, exactement là où cela comptait, et je ne pouvais m’empêcher de penser à deux choses :

❓ Combien de temps ai-je passé à essayer de comprendre les choses par moi-même toutes ces années ?

❓ Combien d’informations erronées ai-je consommées ?

À la fin de la visite, je savais que je me souviendrais de tout ce que le guide nous avait dit. Et je sais que tout le monde, y compris moi-même, pensait :

“Cela en valait vraiment la peine !”

Pensez-vous que ce serait “vraiment valable” pour le groupe si nous devions voir le site sans guide, en nous appuyant uniquement sur la brochure et les panneaux aléatoires dispersés un peu partout ?

Vous savez où je veux en venir, n’est-ce pas ?

Votre produit est le musée, et ses visiteurs sont vos utilisateurs. Pour mettre en valeur les fonctionnalités clés et communiquer la valeur de manière à façonner le comportement de l’utilisateur, vous avez besoin d’un guide.

Des manuels d’utilisation ennuyeux, des astuces ponctuelles sur l’interface utilisateur ou des heures de vidéos tutoriels ne suffiront plus. Si vous voulez offrir une expérience mémorable à vos utilisateurs actifs, il est de votre responsabilité de…

Et c’est là qu’intervient une visite guidée.

Dans cet article, nous aborderons :

Qu’est-ce qu’une visite guidée sur un site web ?

Quelles sont les raisons pour lesquelles vous avez besoin d’utiliser des visites guidées ?
Comment créer une visite guidée ?
Meilleurs outils et logiciels de visite guidée.
2 exemples de visites guidées.

Alors commençons par les bases :

Qu’est-ce qu’une visite guidée sur un site web ?

En gros, une visite guidée passe en revue les principales fonctionnalités de votre produit pour aider vos utilisateurs à comprendre comment tout fonctionne et à découvrir la valeur de votre produit.

En résumé, les visites guidées sont extrêmement utiles pour :

👉 Éduquer vos utilisateurs tout au long de leur parcours utilisateur grâce à une expérience d’intégration personnalisée,

👉 Augmenter l’engagement des utilisateurs en les incitant à adopter les fonctionnalités de différentes profondeurs de votre produit, et

👉 Transformer votre produit web en une expérience en libre-service.

Pourquoi votre site web ou logiciel a besoin d’une visite guidée ?

Vous êtes probablement ici pour savoir comment créer des visites guidées, de préférence dès que possible.

Mais je suis sûr que vous n’êtes pas convaincu par la réponse à la question ultime :

“Est-ce que j’ai vraiment besoin d’une visite guidée interactive sur mon site web ?”

Alors, abordons la question ultime :

Qu’est-ce qui ne va pas avec les méthodes traditionnelles d’éducation des utilisateurs ?

Les articles d’assistance et quelques vidéos de démonstration ne suffisent-ils pas à éduquer les utilisateurs sur le produit ?

En réalité, ils le font.

Mais le problème ne réside pas dans la quantité ou la qualité des informations que vous allez leur fournir, mais plutôt dans l’accessibilité et la facilité de compréhension de ces connaissances et orientations que vous devez fournir.

En gros, les utilisateurs doivent avoir un accès direct aux directives de votre produit et à ses fonctionnalités, et ces directives doivent être faciles à comprendre pour eux.

Et comment les méthodes traditionnelles manquent-elles le coche ?

Prenons un examen plus approfondi :

👉 Les manuels en ligne : Difficiles à comprendre

Un manuel en ligne est un ensemble d’explications et d’instructions écrites que vous pouvez publier sur votre site web.

Presque comme un manuel d’utilisation qui accompagne les produits physiques, comme les aspirateurs.

Oui, utiliser un aspirateur n’est pas de la fusée.

Donc, un manuel d’utilisation est plus que suffisant pour répondre aux besoins des utilisateurs…

Mais votre site web ou produit web est bien plus complexe qu’un aspirateur.

De plus, il y a de fortes chances que vos utilisateurs n’aient jamais utilisé une plateforme similaire à la vôtre auparavant.

Donc, vos utilisateurs devront certainement en apprendre beaucoup.

La question est de savoir si vous voulez enseigner à travers des manuels d’utilisation de plusieurs pages.

Croyez-moi, cela sera à la fois indigeste et inaccessible pour ceux qui se donnent la peine de lire le manuel.

D’un autre côté, une grande partie de vos nouveaux utilisateurs vont ignorer ce manuel en ligne et essayer de comprendre votre produit par eux-mêmes.

Et certains seront tellement découragés que le pire scénario se produira – ils partiront.

Inutile de dire que les manuels sont définitivement exclus de la liste pour une adoption du produit digestible et accessible.

👉 Vidéos de démonstration du produit : Difficiles à réaliser

Préparer des vidéos qui guident les utilisateurs à travers votre produit est une autre façon de les intégrer.

Il y a de bonnes utilisations pour les vidéos, comme :

✅ Montrer les fonctionnalités et les fonctions de base,

✅ Archiver les visites d’intégration du produit dans un environnement vidéo pour référence future, et

✅ Créer une série de vidéos démontrant les meilleurs cas d’utilisation et les meilleures pratiques avec des fonctionnalités limitées ou même les principales fonctionnalités.

Mais elles posent également leurs propres défis :

👉 Tout d’abord, un utilisateur devra regarder la vidéo, puis accéder au produit, puis aller et venir entre la vidéo et le produit pour appliquer les étapes,

👉 Ensuite, lorsque la conception et les éléments d’interface utilisateur de votre site web changent (ce qui arrive plus souvent que vous ne le pensez), vous devrez complètement refaire la vidéo pour rester à jour,

👉 Et enfin, cela sera difficile à créer, coûteux et chronophage pour vous à la fin.

Donc, les vidéos peuvent être digestes et légèrement plus accessibles que les manuels, mais à la fin, elles sont difficiles à garder de cette façon et à évoluer en même temps.

👉 Sessions de formation : Chronophages, non durables et coûteuses

L’une des méthodes les plus préférées pour éduquer les utilisateurs est sans aucun doute les sessions de formation.

Les démonstrations de formation sont particulièrement courantes pour les utilisateurs de niveau entreprise et pour les entreprises qui travaillent avec un certain nombre de gros contrats plutôt que de petits comptes.

Mais le problème, c’est qu’elles peuvent être aussi indigestes et inaccessibles que les manuels d’utilisation ou les vidéos de démonstration de produits.

Voici un exemple :

Next Fit, un logiciel de gestion de salle de sport, avait des problèmes avec leurs appels de démonstration.

Ils utilisaient ces appels pour éduquer les utilisateurs, mais :

👉 Certains utilisateurs avaient besoin de plus d’une personne pour comprendre le produit, et il devenait plus difficile d’enseigner à plus d’une personne et parfois même à des moments différents, nécessitant plusieurs appels,

👉 Leur nouvelle fonctionnalité était beaucoup trop complexe pour que les utilisateurs la comprennent lors d’un appel, sans expérience réelle,

👉 Ils devaient tenir un autre appel avec les utilisateurs existants chaque fois qu’une nouvelle fonctionnalité était lancée.

Ils avaient besoin d’une plateforme d’adoption numérique.

Et c’est ainsi qu’ils ont commencé à utiliser les visites interactives de UserGuiding pour l’activation des utilisateurs et le support en libre-service.

Ils ont réussi à réduire de 80 % le nombre de sessions vidéo d’intégration et de 50 % le nombre de tickets de support pour la nouvelle fonctionnalité.

Jetez un coup d’œil au reste de l’histoire à succès ici 👈

Et vous pouvez faire cela (et bien plus encore) aussi ! ⬇️

La création d’une visite guidée n’est pas aussi simple que la création de manuels ou de vidéos. (Ou est-ce ?)

Étant donné que vous créez une visite guidée pour améliorer l’expérience de vos utilisateurs, vous devez prendre en compte leurs besoins et leurs motivations.

Ensuite, vous pouvez concevoir et créer (et itérer) un flux d’intégration de l’utilisateur avec une visite guidée du produit.

Vous pouvez faire tout cela en 3 étapes simples :

La première étape, bien sûr, est la planification.

Vous devez comprendre ce que vos utilisateurs attendent lors de leur première expérience et planifier les étapes de votre visite guidée en conséquence.

Voici comment vous pouvez le faire :

✅ Identifier les besoins, les points douloureux et les motivations des utilisateurs.

Vous voulez d’abord passer en revue vos analyses de site web.

Cela révélera des données instructives que vous pouvez utiliser et vous aidera à voir un chemin clair dans votre projet de visite guidée.

Ensuite, il est temps de mener des enquêtes auprès des utilisateurs et de recueillir leurs commentaires pour façonner les données que vous avez en main.

C’est un bon début, mais il faut vraiment donner forme à ces données pour commencer la mise en œuvre.

Enfin, vous voulez enregistrer des cartes de chaleur et des sessions d’utilisateurs pour vous mettre dans la tête de vos utilisateurs et vraiment observer leur comportement.

Vous voulez savoir ce qu’ils vous disent, mais ce qu’ils font réellement (vos utilisateurs ne se rendent peut-être même pas compte qu’ils sont différents) est ce qui doit être rapporté.

Rassemblez tout cela et vous êtes prêt à :

✅ Concevoir et créer un chemin que vos utilisateurs peuvent emprunter pour atteindre la valeur essentielle de votre produit.

Il est important de comprendre comment votre produit fonctionne essentiellement.

Ensuite, connaissant tous les moments qui font “wow !” et “aha !”, vous aurez un chemin qui guide directement vos utilisateurs vers une valeur essentielle.

Certains produits populaires comprennent l’essentiel.

Pour Slack, ce sont leurs options de communication rapide.

Pour ClickUp, ce sont les nombreuses fonctionnalités qui aident les gens à mieux gérer leur temps.

Et pour votre produit, c’est quelle que soit votre proposition de valeur.

Ce qui compte, c’est de s’assurer que le chemin que vous avez créé touche les éléments les plus importants du produit pour finalement permettre aux utilisateurs de comprendre cette valeur.

✅ Diviser ce chemin en étapes de visite guidée et concevoir des étapes

Une fois que vous avez visualisé le parcours, vous ne pouvez pas simplement le mettre en place et vous en aller.

Un processus d’intégration linéaire peut faire des merveilles pour certains produits, mais le rendre contextuel est la nouvelle façon de maintenir l’engagement des utilisateurs.

En divisant le parcours en parties plus petites, vous donnez à vos utilisateurs la possibilité d’adopter réellement votre produit au lieu de suivre une visite guidée inutile.

Avec des orientations contextuelles, votre produit et sa valeur deviennent plus mémorables.

✅ Le confier au développement (si vous choisissez d’intégrer en interne)

Lorsque tout est planifié et que vous avez conçu un parcours utilisateur qui vous satisfait, il est temps de le faire coder en le remettant à votre équipe produit ou à votre équipe technique, en fonction de la structure de votre entreprise.

Mais bien sûr, il existe des moyens de faire cela sans compétences en codage 👀

En utilisant un outil de visite guidée gratuit comme Shepherd.js ou une plateforme d’adoption numérique comme UserGuiding, vous pouvez créer des expériences utilisateur pour des produits simples ou complexes en toute simplicité.

Regardons de plus près ⬇️

Maintenant, vous devez choisir une méthode pour développer votre visite guidée sur votre produit.

Il y a 2 principales façons de le faire :

La méthode sans code 🤖

Le nom en dit long.

Avec cette méthode, vous adoptez un outil tiers qui vous fournit des outils simples pour créer facilement des visites guidées et d’autres éléments d’intégration sans aucun codage.

La méthode de développement interne 🧑‍💻

Cela peut aussi être appelé la voie difficile.

Avec cette méthode, vous remettez votre conception à l’équipe produit et à l’équipe technique, qui pourraient déjà être trop occupées à améliorer votre produit ou à créer de nouvelles fonctionnalités.

L’avantage de cette méthode est que vous avez un contrôle total sur ce que vous allez créer.

Mais pas sur les délais ou les dépenses, malheureusement 🤷

Si vous avez choisi d’utiliser la méthode de développement interne, vous avez terminé.

L’équipe produit devrait s’en occuper maintenant.

Si vous empruntez la voie sans code (et du loup solitaire), vous devez vous rendre dans votre logiciel d’intégration utilisateur pour commencer à créer vos visites guidées de produit.

Voici quelques conseils :

👉 Assurez-vous que la conception est la plus conviviale possible,

👉 Demandez à vos collègues et à vos clients de la parcourir pour pouvoir recueillir des commentaires qualitatifs avant même que les utilisateurs commencent à interagir avec,

👉 Utilisez les données d’analyse et les informations provenant des commentaires des utilisateurs pour améliorer constamment le contenu.

Si vous suivez ces étapes en gardant à l’esprit l’expérience de vos utilisateurs finaux, vous créerez la meilleure visite guidée optimale pour votre produit, qui produira de grands résultats.

Mais allons un peu plus loin dans les détails, voulez-vous ?

Bien qu’il existe de nombreux outils d’intégration utilisateur qui vous permettent d’interagir avec vos utilisateurs à l’intérieur et à l’extérieur de votre produit, il existe un logiciel de visite guidée exceptionnel qui vous permet de créer des visites guidées en libre-service pour les produits web.

Je vais passer en revue une option payante et une option gratuite, connues pour aider à créer des visites guidées autonomes exceptionnelles pour les produits web.

Et plus encore 🚀

Alors, sans plus tarder, commençons par :

Le logiciel de visite guidée pour sites web sans code : UserGuiding

UserGuiding est un logiciel sans code pour l’intégration des utilisateurs qui peut être utilisé pour créer des visites guidées parfaites en quelques minutes seulement.

C’est un outil d’abonnement tiers qui offre :

✅ Des guides interactifs, des visites de produit, des parcours,

✅ Des points chauds, des infobulles, des messages dans l’application,

✅ Des listes de contrôle pour l’intégration des utilisateurs,

✅ Des centres de ressources,

✅ Des enquêtes dans l’application,

✅ La traduction,

Et bien plus encore !

Les fonctionnalités sont également dotées d’une grande variété d’options de personnalisation, d’analyses intégrées pour des informations sur l’intégration, de ciblage et de segmentation des utilisateurs, et…

Toutes les fonctionnalités de base d’un outil d’adoption numérique !

Mais au-delà de tout cela, voici 3 principales raisons pour lesquelles UserGuiding est celui que vous recherchez :

1- Aucun codage requis

Contrairement à la plupart des autres outils de visite guidée de produit, UserGuiding ne nécessite aucun codage ni aucune connaissance technique pour créer, intégrer ou mettre à jour des visites guidées ou tout autre élément d’intégration.

Cela est essentiel car :

  1. Vous ne dépendrez pas des développeurs pour créer votre intégration,
  2. Tous les membres de votre équipe peuvent utiliser le produit, du marketing au succès client.

2- Facile à utiliser avec une grande variété d’éléments d’intégration utilisateur

L’une des qualités les plus importantes de UserGuiding est qu’il est aussi facile à utiliser que possible.

Et cela est dû en partie à son vaste catalogue de modèles et d’éléments d’expérience utilisateur à intégrer, tels que :

  • Des fenêtres modales pour souhaiter la bienvenue et informer les utilisateurs,
  • Des infobulles et des points chauds pour présenter et mettre en évidence les fonctionnalités,
  • Des listes de contrôle d’intégration en libre-service pour gamifier votre expérience utilisateur,
  • Des centres de ressources pour un support en libre-service 24 heures sur 24, 7 jours sur 7,
  • Et plus encore !

3- Un prix abordable

UserGuiding propose les meilleurs plans tarifaires du marché pour les fonctionnalités qu’il offre :

  • Essai gratuit de 14 jours (aucune carte de crédit requise)
  • Plan de base : 89 $/mois avec facturation annuelle pour jusqu’à 2 500 utilisateurs mensuels actifs (MAU)
  • Plan professionnel : 389 $/mois avec facturation annuelle pour jusqu’à 20 000 MAU avec des guides illimités,
  • Plan entreprise : 689 $+/mois avec facturation annuelle, personnalisé pour chaque entreprise.

Intéressé ? Essayez-le par vous-même ou parlez à l’un de nos experts.

Logiciel de visite guidée gratuit et open source : Shepherd.js

Shepherd.js est une bibliothèque JavaScript open source qui vous aide à créer des visites guidées qui présentent votre produit aux utilisateurs.

Si vous n’avez pas de budget à investir dans l’intégration des utilisateurs et beaucoup de temps de développement à disposition, Shepherd.js est votre solution, plutôt que d’autres logiciels de visite guidée virtuelle.

Avec l’aide d’un développeur, vous pouvez créer une visite guidée, mais elle sera limitée à cela seulement.

La personnalisation et la variété des éléments d’intégration seront également limitées, sans aucune analyse disponible ni de segmentation des utilisateurs.

Mais comme je l’ai dit, vous aurez une visite guidée gratuite.

3 exemples de visites guidées sur les sites web

Maintenant que nous avons abordé toutes les questions de quoi/pourquoi/comment et que vous êtes conscient du processus et des méthodes de création d’une visite guidée, voyons à quoi cela devrait réellement ressembler.

Examinons 3 bons exemples de visites guidées sur le web, et j’ajouterai mes commentaires ⬇️

1- Evernote

Evernote est une application de prise de notes disponible sur vos appareils mobiles, votre navigateur et votre ordinateur.

Vous pouvez facilement créer des listes de tâches, prendre des notes et établir des calendriers.

Voyons comment ils utilisent une visite guidée pour expliquer les fonctions de leur produit.

Dès que vous vous connectez pour la première fois au produit, un message de bienvenue apparaît à l’écran.

Je tiens à mettre l’accent sur la partie qui dit “découvrons comment nous pouvons vous aider en moins d’une minute”, car cela permet aux utilisateurs de savoir ce qu’ils vont apprendre exactement et combien de temps cela prendra.

Il est important d’être transparent avec vos utilisateurs, surtout pendant leur intégration :

Vous vous souvenez quand nous avons dit qu’une seule taille ne convient pas à tous ?

Evernote en est également conscient.

Ils savent que chaque utilisateur se connecte depuis un appareil différent et utilise le produit à des fins différentes.

Vous pouvez voir comment ils personnalisent le processus d’intégration en posant d’abord quelques questions, puis en lançant une visite guidée d’une fonction en fonction des réponses des utilisateurs :

Ils passent ensuite en revue chaque fonction de l’éditeur, en vous guidant à travers le produit :

Ils évitent de montrer toutes les visites guidées en même temps, car montrer à un utilisateur l’ensemble du produit d’un seul coup peut vite devenir ennuyeux.

C’est là qu’une liste de contrôle d’intégration entre en jeu.

Evernote n’oblige pas les utilisateurs à parcourir toutes les autres visites guidées ; au contraire, elle leur donne la possibilité de choisir ce qu’ils veulent créer et leur propose une visite guidée qui explique cette fonction.

2- Zakeke

Zakeke est un outil de personnalisation de produits visuels pour les entreprises de commerce électronique.

Il aide les commerçants et les propriétaires de boutiques en ligne à proposer à leurs utilisateurs des produits personnalisables.

Ils ont utilisé UserGuiding pour créer leurs visites guidées et autres éléments d’intégration, ce qui a rendu leur produit beaucoup plus facile à adopter.

Voici la visite guidée initiale de Zakeke, avec un GIF sur leur fenêtre modale de bienvenue :

Ce qui est génial dans leur visite guidée de bienvenue, c’est qu’ils ne passent pas en revue chaque élément de l’interface utilisateur sur chaque page.

Ils montrent à leurs utilisateurs comment atteindre la valeur essentielle de leur produit, qui est l’intégration de Zakeke avec les boutiques de commerce électronique de leurs utilisateurs.

Si les utilisateurs atteignent la valeur, ils seront plus disposés à en savoir plus sur la façon dont ils peuvent l’utiliser de manière plus optimale. Mais lorsqu’ils commencent, ils veulent simplement résoudre leurs problèmes.

Étant donné qu’ils n’ont pas parcouru toutes les fonctionnalités lors de la visite guidée initiale, ils mettent en place des infobulles et des points chauds près de leurs autres fonctionnalités, afin que les utilisateurs curieux puissent en apprendre davantage sur elles s’ils le souhaitent.

3- CitizenShipper

CitizenShipper est une place de marché d’expédition actuellement disponible aux États-Unis.

Ils disposent d’une plateforme où les prestataires de services d’expédition peuvent proposer leurs services aux personnes qui souhaitent transporter des articles ou même des animaux d’un endroit à un autre.

Étant donné que leur base d’utilisateurs est très diversifiée, ils ne peuvent pas s’attendre à ce que tout le monde comprenne leur plateforme dès la première utilisation.

Ils ont donc choisi de créer une visite guidée qui explique le cas d’utilisation de base de la plateforme pour chaque persona.

Voici à quoi ressemble leur guide sur ordinateur :

Le même guide est également disponible pour les utilisateurs mobiles :

La visite guidée interactive est assez simple et explicative, c’est pourquoi CitizenShipper a pu améliorer les taux d’activation de 25% avec leur contenu guidé.

En résumé…

Une visite guidée aidera vos utilisateurs à mieux comprendre votre produit, votre site web ou votre application web plus clairement et plus rapidement.

L’utilisation d’un outil d’intégration utilisateur tel que UserGuiding facilitera la création et la maintenance de visites guidées et d’autres éléments d’intégration.

J’espère avoir pu contribuer à rendre votre site web plus accessible et plus digeste pour vos utilisateurs !

Quel est le meilleur logiciel pour créer des visites guidées ?

UserGuiding est l’un des logiciels de visite guidée les plus performants, faciles à apprendre et à maîtriser, et abordables pour les équipes produit, de croissance, de conception et de développement. Il s’agit d’une solution d’intégration utilisateur tout-en-un et sans code qui offre bien plus que des visites guidées.

Quel est un excellent exemple de visite guidée de produit ?

Evernote, une application de prise de notes, nous offre un excellent exemple de visite guidée de produit. Ils expliquent chaque fonctionnalité de manière interactive, en vous assistant lorsque vous effectuez les tâches qu’ils vous ont assignées. Consultez l’article pour une visite guidée visuelle.

Qui est responsable de la création des visites guidées sur un site web ?

Généralement, ce sont les concepteurs UX qui établissent un parcours d’intégration utilisateur et déterminent s’il inclut des visites guidées. Si une visite guidée est jugée nécessaire, les développeurs sont ensuite chargés de la créer. Mais, grâce à des outils sans code comme UserGuiding, les membres du personnel non techniques peuvent facilement concevoir et créer des visites guidées et d’autres éléments d’intégration.

Qu’est-ce que UserGuiding ?

UserGuiding est une solution d’intégration utilisateur tout-en-un qui peut être utilisée pour créer des visites guidées sur des sites web et des produits. Il s’agit d’une solution sans code, ce qui permet à la fois aux membres techniques et non techniques de l’équipe de l’utiliser pour créer des flux d’intégration automatisés et engageants pour les utilisateurs.