Des visites guidées de sites Web – 3 exemples exceptionnels et les meilleurs outils à utiliser

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

Avez-vous déjà pensé à partir en vacances culturelles avec une visite guidée ? Il y a quelques années, j’ai décidé de le faire pour la première fois après des années de visites autonomes.

Et cela a complètement changé ma perception 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-ci, j’avais quelqu’un qui pouvait me donner des informations pertinentes et précises, exactement quand et où c’était nécessaire. Et je ne pouvais m’empêcher de penser à deux choses :

❓ Combien de temps ai-je passé à essayer de comprendre par moi-même toutes ces années ?
❓ Combien d’informations inexactes 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 :

“Ça valait vraiment le coup !”

Pensez-vous que ça aurait été “vraiment valable” pour le groupe si nous avions dû voir le site sans guide, en nous appuyant uniquement sur la brochure et les panneaux aléatoires dispersés partout ?

Vous voyez 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 caractéristiques clés et communiquer la valeur de manière à façonner le comportement des utilisateurs, vous avez besoin d’un guide touristique.

Les manuels d’utilisation ennuyeux, les astuces ponctuelles sur l’interface utilisateur ou les heures de vidéos explicatives ne feront pas l’affaire.

Plus maintenant.

Si vous souhaitez offrir une expérience mémorable à vos utilisateurs actifs, il est de votre responsabilité de…

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

Dans cet article, je vais vous présenter :

  • Qu’est-ce qu’une visite guidée de site Web ?
  • Pourquoi vous avez besoin de faire des visites guidées ?
  • Comment créer une visite guidée ?
  • Les meilleurs outils et logiciels pour les visites guidées
  • Deux exemples de visites guidées

Alors commençons par les bases :

Qu’est-ce qu’une visite guidée de site Web ?

Qu’elle soit entièrement automatisée ou basée sur une interaction humaine, une visite guidée examine essentiellement les principales caractéristiques de votre produit pour aider vos utilisateurs à comprendre son fonctionnement et à découvrir sa valeur.

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 complète,
👉 Augmenter l’engagement des utilisateurs en favorisant l’adoption des fonctionnalités de votre produit dans différentes parties de votre produit, et
👉 Transformer votre produit Web en une expérience en libre-service.

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

Vous êtes probablement ici pour découvrir comment créer des visites guidées, et de préférence le plus rapidement possible.

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

“Ai-je vraiment besoin d’une visite guidée interactive de mon site Web ?”

Alors, abordons la question fondamentale :

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

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

En réalité, ils suffisent.

Mais le problème n’est pas la quantité ou la qualité des informations que vous allez leur fournir, c’est :

✅ L’accessibilité et
✅ La facilité de compréhension de ces connaissances et de ces informations que vous devez fournir.

En résumé, 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 passent à côté de la plaque ?

Voyons cela de plus près :

👉 Les manuels en ligne : difficiles à comprendre

Un manuel en ligne est un ensemble d’explications et d’instructions 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 une science exacte.

Donc, un manuel d’utilisation dans ce cas-là est largement suffisant pour satisfaire les besoins des utilisateurs…

…Mais est-ce que votre produit Web est aussi simple ?

Votre site Web ou votre 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 semblable à la vôtre auparavant.

Donc vos utilisateurs devront certainement apprendre beaucoup de choses.

La question est de savoir si vous souhaitez enseigner cela à travers des manuels longs de plusieurs pages.

Croyez-moi, cela sera à la fois indigeste et inaccessible pour ceux qui parcourent réellement le manuel.

D’autre part, une grande partie de vos nouveaux utilisateurs vont sauter ce manuel en ligne et essayer de comprendre votre produit par eux-mêmes.

Et certains d’entre eux seront tellement découragés que le pire scénario se produira – ils se désabonneront de votre service 💀

Il va sans dire que les manuels sont définitivement à retirer de la liste des moyens d’adoption de produits digestibles et accessibles.

👉 Les vidéos de démonstration : difficiles à créer

Préparer des vidéos qui guident les utilisateurs dans l’utilisation de votre produit est un autre moyen de former les utilisateurs.

À lire aussi  Guide : comment choisir une carte bancaire sans frais à l’étranger ? 🌍

Il y a de bons usages pour les vidéos, comme :

✅ Montrer les fonctionnalités de base et les fonctions,
✅ Archiver des visites d’intégration 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 des fonctionnalités clés,

Et plus encore, comme le fait Mixpanel :

Les vidéos sont plus accessibles et plus faciles à comprendre que les manuels d’utilisation et constituent certainement une amélioration par rapport à ces derniers.

Mais elles posent elles aussi leurs propres défis :

👉 Tout d’abord, un utilisateur devra regarder la vidéo, puis accéder au produit, et ensuite aller de l’avant et en arrière entre la vidéo et le produit pour appliquer les étapes,

👉 Ensuite, lorsque le design et les éléments d’interface utilisateur de votre site Web changent (ce qui arrive plus souvent que vous ne le pensez), vous devrez tout refilmer pour rester à jour,

👉 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 à maintenir de cette façon et à se développer en même temps 🤷

👉 Les sessions de formation : chronophages, insoutenables et coûteuses

L’une des méthodes les plus courantes d’éducation des utilisateurs est certainement les formations en direct.

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

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

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 former les utilisateurs, mais :
👉 Certains utilisateurs avaient besoin de plus d’une personne pour comprendre le produit, et il était de plus en plus difficile d’enseigner à plusieurs personnes, voire à des moments différents, nécessitant plusieurs appels,
👉 Leur nouvelle fonctionnalité était beaucoup trop complexe pour que les utilisateurs la comprennent lors d’un simple appel, sans expérience réelle,
👉 Ils devaient organiser 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.

Ils ont donc commencé à utiliser UserGuiding pour des visites interactives afin de favoriser l’activation des utilisateurs et l’assistance libre-service.

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

Découvrez le reste de l’histoire à succès ici 👈

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

Créer une visite guidée n’est pas aussi simple que de créer des manuels ou des vidéos. (Ou est-ce le cas ?)

Puisque 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 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 de leur première expérience et planifier les étapes de votre visite guidée en conséquence.

Voici comment vous pouvez faire cela :

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

Vous voulez d’abord passer en revue vos statistiques de site Web.

Cela révélera des données intéressantes que vous pouvez utiliser et vous aidera à voir une clairvoyance dans votre projet de visite guidée.

Ensuite, vous devez recueillir les avis des utilisateurs pour affiner les données dont vous disposez.

Ce sont de bonnes données, mais elles doivent vraiment prendre forme pour que vous puissiez commencer la mise en œuvre.

Enfin, vous souhaitez enregistrer des cartes thermiques et des sessions utilisateur pour entrer dans la tête des utilisateurs et voir réellement leur comportement.

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

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 fonctionne essentiellement votre produit.

Ensuite, en connaissant tous les moments “waouh !” et “aha !” de votre produit, vous aurez un chemin qui guide vos utilisateurs directement vers une valeur essentielle.

Certains produits populaires ont bien compris cela.

Pour Slack, c’est leurs options de communication rapide.

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

Et pour votre produit, c’est ce que vous offrez comme proposition de valeur.

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

✅ Divisez ce chemin en étapes de visite guidée et concevez ces étapes

Une fois que vous avez visualisé le chemin, vous ne pouvez pas simplement le mettre en place et considérer que c’est fait.

Un processus d’intégration linéaire peut être merveilleux pour certains produits, mais le maintenir contextualisé est la nouvelle façon de garder les utilisateurs engagés.

En divisant le chemin en parties plus petites, vous donnez à vos utilisateurs la possibilité d’adopter réellement votre produit plutôt que de faire une visite produit inutile.

À lire aussi  Le p’tit routard en Amérique Centrale

Avec un guide contextuel, votre produit et sa valeur sont plus mémorables.

✅ Remettez-le au développement (si vous faites tout en interne)

Lorsque tout est fait et que vous avez conçu un parcours utilisateur qui vous satisfait, il est temps de le 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 le faire sans compétences de codage 👀

En utilisant une solution de visite guidée gratuite 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 faire cela :

La voie 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 nécessiter de compétences en codage.

La voie du développement en interne 🧑‍💻

Cela peut aussi être appelé la façon difficile.

Avec cette méthode, vous confiez votre conception à l’équipe produit et à l’équipe de développement, 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 total contrôle sur ce que vous allez créer.

Mais pas sur le calendrier, ni sur les dépenses, malheureusement 🤷

Si vous avez choisi la voie du développement en interne, vous avez déjà terminé.

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

Si vous avez choisi la voie sans code (et solitaire), vous devez accéder à votre logiciel d’intégration utilisateur pour commencer à créer vos visites guidées du produit.

Voici quelques conseils :

👉 Assurez-vous que la conception est aussi conviviale que possible,
👉 Demandez à vos collègues et à vos clients de le parcourir afin de recueillir des commentaires qualitatifs avant même que les utilisateurs commencent à interagir avec,
👉 Utilisez des données analytiques et des informations issues des commentaires des utilisateurs pour améliorer en permanence le contenu.

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

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

Les meilleurs logiciels de visite guidée de sites Web – Gratuits et payants

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 y a un logiciel de visite guidée exceptionnel que vous pouvez utiliser pour créer des visites guidées.

Je vais vous présenter un exemple payant et un exemple gratuit, connus pour leur capacité à créer des visites guidées en libre-service exceptionnelles pour les produits Web.

Et bien plus encore 🚀

Alors, sans plus tarder, commençons par :

No-Code Website Guided Tour Software: UserGuiding

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

Il s’agit d’un outil d’abonnement tiers offrant :

✅ Des guides interactifs, des visites de produits, des tutoriels pas à pas,
✅ Des zones chaudes, des infobulles, des messages intégrés,
✅ Des listes de vérification d’intégration utilisateur,
✅ Des centres de ressources,
✅ Des enquêtes intégrées,
✅ Une localisation,

Et bien d’autres encore !

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

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

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

1- Aucun codage requis

Contrairement à la plupart des autres logiciels de visite guidée, 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 crucial car :

  • Vous ne dépendez pas des développeurs pour créer votre intégration,
  • Tout le monde dans votre équipe peut utiliser le produit, du marketing au service client.

Voici ce que j’ai créé en quelques minutes sur Youtube :

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 doit en partie à son vaste catalogue de modèles et d’éléments d’intégration utilisateur, notamment :

  • Des modales pour souhaiter la bienvenue et informer les utilisateurs,
  • Des infobulles et des zones chaudes pour présenter et mettre en valeur les fonctionnalités,
  • Des listes de vérification d’intégration utilisateur guidée pour rendre votre expérience utilisateur plus ludique,
  • Des centres de ressources pour un support en libre-service 24 heures sur 24, 7 jours sur 7,

3- Prix abordables

UserGuiding propose les meilleures offres de prix du marché pour les fonctionnalités qu’il offre :

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

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

Logiciel de visite guidée de site Web 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 aux utilisateurs votre produit.

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

À lire aussi  Les Meilleures Visites Guidées du Louvre

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

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

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

3 exemples de visites guidées de site Web

Maintenant que nous avons couvert toutes les questions sur quoi/pourquoi/comment et que vous connaissez le processus et les méthodes de création d’une visite guidée, voyons à quoi elle devrait réellement ressembler.

Regardons trois 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 de bureau.

Vous pouvez facilement créer des listes de tâches, prendre des notes et organiser votre calendrier.

Voyons leur processus d’intégration utilisateur et 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 souhaite mettre l’accent supplémentaire 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 lors de leur intégration.

Vous souvenez-vous quand nous avons dit que la taille unique ne convient pas à tous ?

Evernote en est conscient aussi.

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

Ci-dessous, vous pouvez voir comment ils personnalisent le processus d’intégration en posant d’abord quelques questions, puis en commençant une visite guidée d’une fonction en fonction des réponses que les utilisateurs fournissent :

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

Ils évitent de présenter toutes les visites guidées en même temps, car montrer à un utilisateur la totalité du produit en une seule fois peut rapidement devenir ennuyeux.

C’est là qu’une liste de vérification d’intégration entre en jeu.

Evernote n’oblige pas les utilisateurs à parcourir les autres guides ; au contraire, ils leur offrent la possibilité de choisir ce qu’ils veulent créer et poussent une visite guidée qui explique cette fonctionnalité.

2- Zakeke

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

Il permet aux commerçants et aux propriétaires d’e-commerce de proposer à leurs utilisateurs finaux des produits personnalisables.

Ils utilisent UserGuiding pour créer leurs visites guidées et autres éléments d’intégration, ce qui facilite grandement l’adoption de leur produit.

Voici la visite guidée initiale de Zakeke, avec un GIF dans leur modale de bienvenue :

Ce qui est génial dans leur visite guidée de bienvenue, c’est qu’ils ne passent 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 leurs magasins de commerce électronique.

Si les utilisateurs atteignent la valeur, ils seront plus enclins à apprendre comment l’utiliser au mieux, 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 initiale, ils mettent des infobulles et des zones chaudes près de leurs autres fonctionnalités, afin que les utilisateurs curieux puissent en apprendre plus s’ils le souhaitent.

3- CitizenShipper

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

Ils ont une plateforme sur laquelle les fournisseurs de services d’expédition ou les entrepreneurs peuvent proposer des services aux personnes qui souhaitent déplacer des objets ou même des animaux d’un endroit à un autre.

Comme leur base d’utilisateurs est très diversifiée, ils ne peuvent pas s’attendre à ce que tout le monde comprenne leur plateforme en une seule fois.

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 de bureau :

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

La visite guidée interactive est assez simple et explicative, ce qui a permis à CitizenShipper d’améliorer les taux d’activation de 25 % grâce à leur contenu guidé.

Conclusion

Une visite guidée aidera vos utilisateurs à comprendre votre produit, votre site Web ou votre application Web de manière plus claire et plus rapide.

L’adoption d’un outil d’intégration utilisateur comme 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 vous aider à rendre votre site Web plus accessible et plus compréhensible pour vos utilisateurs !

Questions fréquemment posées :

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

UserGuiding est l’un des logiciels de visite guidée les plus efficaces, faciles à apprendre et à maîtriser, et abordables pour les équipes produits, de croissance, de design et de développement. C’est 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 donne un excellent exemple de visite guidée de produit. Ils expliquent chacune de leurs fonctionnalités de manière interactive, vous guidant tout au long des tâches qu’ils vous ont assignées. Consultez l’article pour une visite guidée visuelle.

Qui est responsable de la création de visites guidées de site Web ?

Généralement, ce sont les concepteurs UX qui établissent le parcours de l’intégration utilisateur et déterminent s’il comprend des visites guidées. Si une visite guidée est jugée nécessaire, les développeurs sont alors également responsables de sa création. Mais grâce aux outils sans code tels que 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 de sites Web et de produits. Il s’agit d’une solution sans code, de sorte que les membres de l’équipe technique et non technique peuvent l’utiliser pour créer des flux d’intégration utilisateur automatisés et attrayants.