À quand remonte votre dernière escapade à la découverte de lieux inconnus ?
Il y a quelques années de cela, je prenais du plaisir à visiter des églises ou des musées. Évidemment, je ne savais jamais par où commencer.
Une signalétique indiquant le chemin à prendre avait été mise en place et on m’avait donné une brochure à l’entrée du bâtiment avec quelques instructions à l’intérieur.
Heureusement, ce jour-là, j’étais avec un groupe, et nous attentions notre guide pour commencer la visite.
Une fois arrivée, quand elle nous a dit : « On y va ? », nous avons ressenti un grand soulagement.
Une heure après le début de la visite, j’avais déjà l’impression qu’elle savait tout sut tout, et pour nous aider à comprendre l’importance historique de l’endroit, nous bombardait d’anecdotes et de détails amusants.
Tout le monde était d’accord :
« On a bien fait de venir, ça en valait vraiment la peine ! 😍 »
Si nous avions visité le site sans guide, en comptant uniquement sur les quelques indications parsemées ci et là, pensez-vous que le groupe aurait dit : « ça en valait vraiment la peine » ?
Je pense que vous avez compris le message, n’est-ce pas ?
Votre produit, c’est le musée et les visiteurs représentent vos utilisateurs. Le guide, c’est tout ce dont vous avez besoin pour transformer de nouveaux venus en utilisateurs satisfaits qui ont fait l’expérience de votre produit et en ont compris le potentiel et la valeur.
De longs – et ennuyeux – manuels d’utilisation, des astuces d’« utilisation de l’interface (UI) » qui n’apparaissent qu’une seule fois ou même des tutoriels vidéo, ne sont plus des outils qui répondent aux besoins des utilisateurs.
Il vous faut un véritable guide qui prend vos visiteurs par la main et leur offre une visite interactive complète.
C’est ça une visite guidée.
Voici les points qui seront abordés dans cet article :
● Qu’est-ce qu’une visite guidée interactive pour site web ?
● Pourquoi faire appel aux visites guidées interactives ?
● Comment créer une visite guidée interactive en 3 étapes simples
● Les meilleurs outils et logiciels de création de visites guidées interactives à tester
● 2 exemples de visites guidées interactives pour vous donner des idées
Commençons par parler des éléments de base :
Qu’est-ce qu’une visite guidée interactive ?
Une visite guidée interactive, aussi connue sous le nom de parcours produit, est une visite ou démonstration pas à pas de votre site web, solution web ou logiciel. Vos utilisateurs font le tour de votre produit pour en savoir plus sur ses fonctionnalités et en faire le meilleur usage.
Il y a généralement deux types de visites guidées : la visite unique qui explique les fonctionnalités principales de votre produit ou une suite de visites guidées qui présentent une fonctionnalité à la fois.
Dans les deux cas, la visite guidée passe en revue les principales fonctionnalités de votre produit pour aider vos utilisateurs à comprendre comment votre solution fonctionne ainsi que ses avantages.
Les visites guidées interactives se révèlent extrêmement efficaces pour former vos utilisateurs à votre produit.
Pourquoi réaliser une visite guidée interactive pour votre site web
Si vous lisez cet article, c’est parce que vous cherchez à savoir comment créer une visite guidée interactive le plus facilement et rapidement possible.
Mais, je suis sûr que vous n’êtes pas encore totalement convaincu par la réponse apportée à la dernière question : « Ai-je vraiment besoin de créer une visite guidée interactive pour mon site web ? »
Le problème avec les méthodes de formation traditionnelles
Ajouter quelques articles dans la section « support » de mon site et quelques tutoriels vidéo pour aider mes utilisateurs, c’est suffisant, non ?
En réalité oui, ça peut suffire. Mais, le problème ne réside pas tant dans la quantité ou la qualité du contenu de formation proposé. Il s’agit plutôt d’offrir des informations et instructions accessibles et faciles à intégrer.
Vos utilisateurs devraient pouvoir aisément accéder aux lignes directrices de votre produit, et à ses fonctionnalités, et ces instructions devraient être simples à intégrer.
Voyons ensemble des exemples de manuels utilisateurs et tutoriels vidéo qui ne répondent pas pleinement aux deux besoins susmentionnés :
Manuels d’utilisation en ligne
Un manuel d’utilisation en ligne est un ensemble d’instructions et d’explications écrites que vous pouvez publier sur votre site Internet, semblables aux manuels qui accompagnent généralement des produits physiques, comme dans le cas d’un aspirateur.
Bien sûr, pas besoin d’être un génie pour utiliser un aspirateur. Donc, dans ce cas-précis un manuel d’utilisation standard fera largement l’affaire, mais votre solution web, peut-elle être expliquée de façon simple et précise ?
Votre site web ou votre solution web est bien souvent bien plus complexe qu’un simple aspirateur. De plus, il y a de fortes chances que vos utilisateurs n’aient encore jamais utilisé une plateforme similaire à la vôtre.
Donc, vos utilisateurs seront obligés de parcourir vos manuels en ligne longuement rédigés et très détaillés.
Soyez certains qu’un bon nombre de vos nouveaux utilisateurs n’iront même pas consulter votre manuel en ligne. Ils vont plutôt essayer de se débrouiller et tenter d’apprendre à utiliser votre produit par eux-mêmes. Finalement, frustrés par ce processus, ils abandonnent et quittent le navire.
Et pour ceux qui prendront le temps de lire votre manuel, le processus se révélera très certainement long et ennuyeux – ce qui est bien loin de nos critères : facile d’accès et simple à intégrer.
Les tutoriels vidéo
Les tutoriels vidéo sont une autre façon de présenter votre produit à vos utilisateurs.
Vous pouvez aussi préparer une série de vidéos où vous expliquerez les fonctionnalités de votre solution dans les détails et faire une présentation des meilleures façons de l’utiliser, comme sur cette démo :
Par rapport aux manuels en ligne, les vidéos sont une méthode déjà plus accessible et qui permettent d’intégrer l’information plus facilement. Les tutoriels vidéo sont déjà un pas dans la bonne direction, mais elles présentent aussi leurs lots de difficultés.
Tout d’abord, l’utilisateur devra regarder la vidéo, retourner sur le produit, et sans arrêt faire des allers et retours entre la vidéo et votre solution pour appliquer les étapes présentées dans la vidéo.
Ensuite, quand le design et l’interface utilisateur de votre site web change (ce qui se produit bien plus souvent qu’on ne le pense), vous devrez à nouveau refaire la vidéo pour être à jour.
Mais vous pouvez faire bien mieux :
Comment les visites guidées interactives changent la donne 💡
Au cours de la dernière décennie, interactivité et « gamification » sont devenus les maîtres mots en matière de design et de formation, et ils ne sont pas prêts de céder leur place.
Et si je vous disais que vos utilisateurs n’ont pas besoin de naviguer entre plusieurs fenêtres pour apprendre à utiliser votre produit ? Que vous pouvez les guider à travers votre produit en temps réel, tout comme dans un jeu vidéo où on vous apprend comment y jouer directement à l’écran…
Les visites guidées interactives offrent une expérience interactive et un support en temps réel pour des solutions web et sont tous deux extrêmement accessibles et faciles à intégrer par n’importe quel type d’utilisateur. Presque tous les sites et solutions web reconnus offrent une forme ou une autre d’interface de formation interactive, et la plupart utilisent les visites guidées interactives.
Les visites guidées interactives de produits sont :
✅ Accessibles, parce qu’elles sont réalisées à l’intérieur même de votre produit, afin que les utilisateurs n’aient pas à naviguer entre plusieurs fenêtres et onglets pour accéder aux instructions.
✅ Facile à intégrer, car c’est en complétant différentes tâches en temps réel que vos utilisateurs apprendront à manier votre outil le plus facilement.
✅ Moins exigeantes, car elles sont plus simples à créer et à maintenir à jour qu’un manuel d’utilisation ou des tutoriels vidéo. En effet, en utilisant la bonne méthode, vous pourrez créer et à mettre à jour votre visite guidée en quelques clics seulement.
Êtes-vous maintenant convaincu par la nécessité des visites guidées ?
Alors commençons par créer une visite guidée interactive pour un site web :
Créez une visite guidée interactive pour votre site web en 3 étapes simples
Créer une visite guidée interactive n’est pas aussi simple que de rédiger un manuel d’utilisation ou des vidéos tutoriels. (Vraiment ?)
Comme votre objectif est de créer une visite guidée interactive qui améliorera l’expérience utilisateur de vos nouveaux clients, il est important de tenir compte de leurs besoins et objectifs. Vous pourrez ensuite soigneusement concevoir et créer un processus d’onboarding des utilisateurs (l’accueil et l’intégration des utilisateurs) grâce à votre visite guidée interactive.
Voici comment faire en 3 étapes simples :
1) Conception du processus d’onboarding
Évidemment, la première étape est la planification.
Tout d’abord, vous devez connaître quels sont les besoins des utilisateurs qui arrivent pour la première fois sur votre interface. Vous pourrez ensuite planifier les étapes de votre visite guidée en conséquence.
Voici comment vous pouvez procéder :
- Identifiez les besoins, les points de frustration et les objectifs de vos utilisateurs
○ Consultez les analyses de votre site web (analytics)
○ Procédez à des enquêtes utilisateurs et recueillez leurs commentaires
○ Procédez à l’enregistrement des écrans de sessions de certains utilisateurs pour voir où se situent les points chauds (heatmaps) et les points à problèmes
- Planifiez le parcours idéal qui conduira rapidement vos utilisateurs vers les fonctionnalités à haute valeur ajoutée
- Découpez ce parcours en plusieurs étapes
- Remettez votre plan de conception à votre équipe de développement (si vous le faites en interne).
2) Choisissez une méthode pour le développement de votre visite guidée
Le moment est maintenant venu de choisir une méthode de développement de votre visite guidée interactive. Il y a fondamentalement deux façons de procéder :
● Méthode No-Code : comme son nom l’indique, c’est une méthode sans aucun code. Avec cette méthode, vous adoptez une solution tierce qui met à votre disposition des outils qui vous permettent de créer facilement vos différentes visites guidées et d’autres éléments d’accueil des utilisateurs sans jamais avoir à entrer une seule ligne de code.
● Méthode développement à l’interne : ce qu’on pourrait aussi appeler méthode « à l’ancienne » ou encore « à la dure ». En faisant appel à cette méthode, vous confiez le projet de création de visite guidée interactive à l’équipe de conception et de développement, qui sera sans doute déjà bien occupée à améliorer votre solution et à créer de nouvelles fonctionnalités. L’avantage de cette méthode est de pouvoir être en total contrôle et autonome par rapport à la solution créée.
3) Créer (et répéter le processus)
Si vous avez opté pour la deuxième méthode, le développement à l’interne, vous n’avez plus rien à faire. C’est l’équipe de développement produit qui va maintenant s’en charger.
Si vous choisissez la voie du no-code (voie plutôt solitaire), commencez à utiliser votre logiciel d’onboarding pour créer votre visite guidée interactive. Voici quelques conseils qui vous seront utiles :
● Assurez-vous d’obtenir un design aussi convivial que possible
● Une fois votre première visite guidée créée, demandez à vos collègues de la tester et recueillez leurs commentaires.
● Utilisez les données récoltées sur vos rapports d’analyses (analytics) et sur les retours d’expérience des utilisateurs pour continuer à améliorer votre processus d’onboarding.
Si vous gardez constamment à l’esprit les besoins de vos utilisateurs lors de la conception des étapes de votre parcours, votre visite guidée sera de qualité et produira d’excellents résultats.
Outils et logiciels de conception de visite guidée pour sites web
Il existe de nombreux outils d’onboarding des utilisateurs qui vous permettent d’interagir avec vos utilisateurs à l’intérieur et à l’extérieur de votre produit. Mais aucun de ces logiciels n’est comparable à ce logiciel exceptionnel spécialisé dans la conception de visites guidées interactives.
Je vais ici passer en revue deux produits : UserGuiding et Shepherd.js, qui sont pour l’un, no-code et pour l’autre, open-source.
Le logiciel de visite guidée no-code pour site web : UserGuiding
UserGuiding est un logiciel d’onboarding des utilisateurs de type no-code qui peut être utilisé pour la conception et la création de visites guidées exceptionnelles en quelques minutes seulement.
Il s’agit d’un outil qui fonctionne sur la base d’un abonnement. Mais afin de vous permettre de comprendre toute la valeur apportée et ses avantages, une période d’essai de 14 jours vous est offerte, vous donnant accès à l’ensemble des fonctionnalités de la version payante.
Voici quatre éléments qui font de UserGuiding la meilleure solution d’onboarding utilisateurs proposée sur le marché :
1) Zéro codage nécessaire
Contrairement à d’autres logiciels de conception de visites guidées interactives, UserGuiding n’exige aucune connaissance de langage de codage ou technique pour créer, intégrer et mettre à jour vos parcours guidés ou d’autres éléments d’onboarding.
C’est un élément crucial car :
- Vous n’aurez plus à dépendre des développeurs pour créer votre solution d’onboarding utilisateurs
- Tous les membres de votre équipe, des marketeurs aux agents du service client, seront capables d’utiliser l’outil.
Voici ce que j’ai créé en quelques minutes seulement sur Youtube 👇
2) Un grand panel d’outils d’onboarding
UserGuiding offre de nombreuses fonctionnalités que vous pouvez utiliser pour améliorer l’onboarding de vos utilisateurs. Découvrons-en quelques-unes ensemble :
● Vous pouvez utiliser les encadrés interactifs pour accueillir et informer vos utilisateurs
● Des infobulles peuvent être utilisées pour présenter ou mettre en avant certaines fonctionnalités
● Les check-lists d’onboarding automatisées sont là pour vous aider à rendre l’expérience utilisateur encore plus ludique (gamification)
Les check-lists de base et avancées d’UserGuiding
● Afin d’assurer un support en continu de vos utilisateurs, utilisez la nouvelle fonctionnalité d’UserGuiding : le centre de ressources
3) Tarification abordable
Pour les fonctionnalités offertes, UserGuiding propose les meilleurs tarifs du marché, :
● essai gratuit de 14 jours (pas de carte de crédit requise)
● Pack de base : 82 $/mois si facturé annuellement pour un maximum de 2 500 MAU (utilisateurs actifs mensuels)
● Pack professionnel : 333 $/mois facturé annuellement pour un maximum de 20 000 MAU et un nombre illimité de guides
● Devis personnalisés disponibles pour les grandes entreprises et les start-ups
Intéressé ? Essayez-le par vous-même ou parlez avec l’un de nos experts :
Logiciel de visites guidées interactives gratuit et open source : Shepherd.js
Shepherd.js est une bibliothèque JavaScript en open source qui vous aide à créer des visites guidées interactives pour présenter votre produit à vos utilisateurs.
Vous avez besoin d’une solution pour accueillir vos utilisateurs, mais vous ne disposez ni du budget ni du temps nécessaire à des projets de développement ? Alors au lieu de tout autre logiciel de visite guidée interactive, choisissez Shepherd.js, la solution qui répond à vos besoins. Avec l’aide d’un développeur, vous pourrez créer une visite guidée interactive.
Mais qui se limitera à ça uniquement : pas de personnalisation possible, éléments d’accueil limités, pas d’accès à une analyse approfondie sur vos utilisateurs ni à la segmentation.
Mais comme indiqué, vous pourrez obtenir une visite guidée interactive gratuite.
Deux exemples de visites guidées interactives pour sites web
Maintenant que nous avons répondu à toutes les questions concernant le quoi, le pourquoi, le comment et que vous connaissez le processus et les diverses méthodes de réalisation d’une visite guidée, voyons à quoi elle devrait ressembler.
Permettez-moi de partager avec vous deux exemples de visites guidées. Afin de vous apporter le plus d’informations possible, je vous guiderai à travers leurs processus d’onboarding.
Evernote
Evernote est une application qui facilite la prise de notes et qui est disponible sur vos appareils mobiles, votre navigateur ou votre ordinateur de bureau. Vous pouvez aisément créer des listes de tâches, prendre des notes et établir des calendriers.
Examinons le processus d’onboarding utilisateurs et la manière dont ils ont fait appel aux visites guidées interactives pour mettre en avant et expliquer les fonctionnalités de leur solution.
Dès votre première connexion à Evernote, un message de bienvenue apparaît à l’écran.
Je tiens à mettre l’accent sur la partie qui dit « prenons une minute pour découvrir comment Evernote va vous aider ». Phrase très importante, car elle permet aux utilisateurs de savoir exactement ce qu’ils vont apprendre et combien de temps cela va leur prendre.c
Lors de l’accueil des utilisateurs, il est très crucial de faire preuve de transparence :
Vous vous souvenez de ce que nous disions plus haut : « À chacun sa vision des choses. »
Evernote est également conscient de cet état de fait. Ils savent que chaque utilisateur se connecte depuis un appareil différent et utilisera le produit à des fins différentes. Ci-dessous, vous pouvez voir qu’Evernote personnalise le processus d’accueil en posant d’abord quelques questions. Ensuite, en fonction des réponses fournies par les utilisateurs, Evernote leur propose une visite guidée d’une fonctionnalité en particulier adaptée à leurs besoins :
Ils vous font ensuite découvrir le produit en passant en revue chaque fonctionnalité de l’éditeur :
Evernote propose plusieurs visites guidées interactives, mais il ne les présente pas toutes en même temps, car présenter l’ensemble du produit en une seule fois peut rapidement ennuyer vos utilisateurs.
C’est là que les check-lists d’onboarding utilisateurs entrent en jeu.
Evernote n’oblige pas les utilisateurs à passer par tous ses guides ; au contraire, il leur offre d’abord la possibilité de choisir ce qu’ils veulent créer et leur propose une visite guidée en conséquence.
Les éléments à retenir du processus d’accueil d’Evernote
✅ Le message de l’encadré de bienvenue est clair et rassurant.
✅ Ils demandent d’abord à l’utilisateur ce qu’il aimerait créer et personnalisent ensuite son expérience en fonction de sa réponse.
✅ Ils utilisent les check-lists afin de donner aux utilisateurs un sentiment de progression.
✅ À l’intérieur des étapes du parcours, des vidéos sont parfois utilisées dans le but de présenter les fonctionnalités du produit plus en détail.
Zakeke
Zakeke est une plateforme visuelle de customisation des produits, principalement utilisée par les entreprises d’e-commerce.
Zakeke aide les e-commerçants et les propriétaires de boutiques e-commerce à offrir à leurs utilisateurs une vaste gamme de produits personnalisés.
Zakeke a choisi d’utiliser UserGuiding pour créer leurs visites guidées interactives et d’autres éléments d’onboarding, ce qui rend la plateforme encore plus facile à manier.
Voici un aperçu de la visite guidée interactive de Zakeke, qui démarre avec un encadré de bienvenue affichant une sympathique image GIF :
Ce qui est appréciable dans leur visite guidée de bienvenue, c’est qu’ils ne passent pas en revue tous les éléments de l’interface utilisateur sur chaque page. Ils se concentrent sur la fonctionnalité plus importante, celle que leurs utilisateurs veulent absolument connaître, à savoir comment facilement intégrer Zakeke aux boutiques e-commerce.
Si les utilisateurs obtiennent de la valeur rapidement, ils seront plus disposés à prendre du temps pour apprendre à utiliser l’outil. Par contre, quand ils commencent, ils recherchent tout simplement une solution à leurs problèmes.
Certaines fonctionnalités ne sont pas présentées lors de la visite initiale. C’est pourquoi des infobulles ont été placées à des endroits stratégiques, à proximité d’autres fonctionnalités. Cela permettra aux plus curieux d’en savoir plus s’ils le souhaitent.
Les éléments à retenir du superbe processus d’onboarding de Zakeke
✅ Au lieu d’explorer chaque fonctionnalité, la visite interactive initiale du produit présente en premier la fonctionnalité principale du produit, celle qui apporte le plus de valeur ajoutée. De cette façon, ils réduisent le TTV (Time to Value, en d’autres termes le délai nécessaire à vos utilisateurs pour prendre conscience de la valeur de votre produit).
✅ Ils font appel aux infobulles pour expliquer les fonctionnalités laissées de côté lors de la visite initiale du produit.
Conclusion
Une visite guidée interactive aidera vos utilisateurs à comprendre votre produit, votre site web ou votre application web plus clairement et plus rapidement.
L’adoption d’un outil d’onboarding tel que UserGuiding vous facilitera grandement la tâche lorsque vous aurez besoin de créer des visites guidées interactives et d’ajouter des éléments d’accueil.
J’espère avoir pu vu convaincre de la nécessité de rendre votre site web plus accessible et plus facile à intégrer pour vos utilisateurs !
Questions Fréquentes
Quel est le meilleur logiciel pour la création de visites guidées interactives ?
En matière de visite guidée interactive de sites et solutions web, UserGuiding compte parmi les logiciels les plus performants. Il est simple à prendre en main et à maîtriser, abordable et parfait pour les équipes chargées des produits, de la croissance, de la conception et du développement. Il s’agit d’une solution d’onboarding des utilisateurs tout-en-un en no-code qui va bien plus loin que de vous offrir une solution de création de visites guidées.
Où puis-je trouver un bon exemple de visite guidée interactive d’un site ou d’un produit ?
Evernote, la solution qui facilite la prise de notes, fournit un excellent exemple de visite guidée. Ils expliquent chacune de leurs fonctionnalités de manière interactive, en vous aidant à accomplir les tâches qu’ils vous ont confiées. Remontez un peu plus haut sur l’article pour accéder à l’aperçu de leur processus d’onboarding.
À qui incombe la responsabilité de créer des visites guidées pour les solutions et produits web ?
En général, les concepteurs UX (expérience utilisateur) établissent le parcours idéal pour l’onboarding des utilisateurs et déterminent si une visite guidée interactive est nécessaire. Si c’est le cas, les développeurs sont en général chargés de la créer. Mais, grâce à des outils no-code comme UserGuiding, pratiquement n’importe quel membre du personnel, même non-IT, peut facilement concevoir et créer des visites guidées interactives et d’autres interfaces d’onboarding.
Qu’est-ce que UserGuiding ?
UserGuiding est une solution tout-en-un d’onboarding des utilisateurs qui peut être utilisée pour créer des visites guidées interactives pour faciliter le parcours client sur des sites et solutions web. Comme il s’agit d’une solution no-code, chaque membre de votre entreprise, qu’il appartienne à l’équipe technique ou non, peut utiliser l’outil pour créer des processus d’onboarding des nouveaux utilisateurs automatisés et attrayants.
