Logiciel d’expérience utilisateur : introduction à Mouseflow

Avez-vous déjà souhaité pouvoir espionner vos clients lorsqu’ils interagissent avec votre site Web ?

Pas d’une manière effrayante bien sûr, juste comme un moyen d’obtenir des informations sur ce qui fonctionne et ce qui ne fonctionne pas. Les entreprises ont mis en place des tactiques similaires depuis des décennies : acheteurs secrets, groupes de discussion, etc. Les concepts théoriques sur la façon de gérer une entreprise, à la fois numériquement et dans un magasin physique, ne vous mènent pas loin. À un moment donné, il est essentiel de voir ce qui se passe lorsque des clients potentiels interagissent avec votre entreprise.

Un exemple efficace de ceci est le logiciel d’enregistrement d’écran. Ce type de logiciel fait exactement ce que vous pensez : il vous permet de visualiser les enregistrements d’écran des utilisateurs naviguant sur le site Web de votre entreprise. Qu’ils rebondissent (quittez votre site) immédiatement ou cliquent d’une page à l’autre avant de remplir un formulaire, vous pouvez voir où ils cliquent, jusqu’où ils défilent, avec quels éléments ils interagissent, et plus encore.

L’un de ces outils, Mouseflow, peut être écrasant pour les entreprises qui ne connaissent pas l’enregistrement d’écran ou la conception Web en général. Nous avons créé cette vidéo pour vous aider à rendre le processus plus facile. Une fois que vous aurez compris, vous modifierez et testerez votre site Web jusqu’à ce qu’il devienne une machine de conversion bien huilée et performante.

Transcription de la vidéo :

Logiciel d’expérience utilisateur : une introduction aux données de comportement des utilisateurs

L’enregistrement d’écran, le suivi de la souris et les cartes thermiques donnent un aperçu de la façon dont les visiteurs utilisent votre site. Ces outils vous permettent d’identifier les tendances, de collecter des données sur le comportement des utilisateurs et de diagnostiquer les domaines à améliorer sur votre site Web. Ceci est accompli en enregistrant l’activité de la souris, puis en quantifiant les données collectées.

En utilisant des enregistrements d’écran et un logiciel de carte thermique, vous pouvez observer les points douloureux courants, les éléments gênants, les modèles courants, les mauvais clics et les comportements inattendus qui entravent la capacité de conversion de votre client.

Dans cette vidéo, nous allons jeter un coup d’œil rapide sur les différentes données et informations fournies par ce type de logiciel. Nous utiliserons Mouseflow, mais les informations fournies s’appliqueront également à de nombreuses applications telles que Hotjar et Clicktale.

Cartes thermiques :

Une carte thermique est une représentation graphique de l’activité de la souris superposée sur les pages de votre site Web. L’engagement de l’utilisateur est exprimé dans une gamme de couleurs. Le rouge correspond à une activité importante et le bleu correspond à peu ou pas d’activité.

Les cartes thermiques de suivi de souris sont utilisées pour visualiser l’activité des visiteurs sur une page. Heatmaps surveille les éléments de l’écran sur lesquels les utilisateurs cliquent, ce à quoi ils prêtent attention et jusqu’où ils font défiler la page.

Aujourd’hui, nous allons examiner différents types de cartes thermiques, notamment : clic, défilement, mouvement, interaction et géographie.

Cliquez sur Cartes :

Les cartes de clic identifient les éléments sur lesquels les utilisateurs cliquent lorsqu’ils visitent une page particulière. Ces cartes vérifient que les utilisateurs s’engagent dans les éléments clés du site Web. Ils peuvent également identifier les boutons avec lesquels les utilisateurs n’interagissent pas et sont précieux pour identifier les mauvais clics.

En regardant une carte de clic pour notre site Web

Ici, vous verrez une superposition d’écran qui représente l’endroit où les utilisateurs cliquent. Le graphique en bas à gauche montre une gamme d’intensités avec le rouge et le blanc représentant les zones les plus cliquables. Le bleu et le noir montrent des zones qui reçoivent peu ou pas d’interaction.

Sur la carte des clics de la page d’accueil de mainstreethost.com, nous pouvons voir que ces couleurs vives dans la navigation et autour de ce CTA montrent un engagement important, ce qui est exactement ce à quoi nous nous attendions.

Mais il montre également quelques mauvais clics, comme ici où l’utilisateur peut s’attendre à ce que cet élément cliquable soit cliquable. Les utilisateurs peuvent vouloir des informations supplémentaires sur ce sujet, ou cet élément doit être cliqué.

On voit aussi que ce lien dans le corps du texte reçoit un minimum de clics. Cela peut être une indication que ce lien est inefficace ou un élément de distraction qui ne nous aide pas à atteindre notre objectif. Nous devrions envisager de tester la suppression des liens de texte pour voir si elle est utile pour les conversions.

En haut à droite, nous pouvons contrôler l’appareil à partir duquel nous visualisons la carte thermique, nous avons des options pour ordinateur de bureau, tablette et téléphone. Nous pouvons passer à la superposition de téléphone et découvrir comment les visiteurs mobiles interagissent avec notre site et en quoi il diffère des visites traditionnelles sur ordinateur.

Faites défiler les cartes :

Scroll Maps nous montre quelles parties d’une page sont visibles et quel pourcentage d’utilisateurs font défiler la page. Ils peuvent nous aider à identifier si le contenu clé, tel qu’un appel à l’action ou un bouton d’ajout au panier, est trop bas sur la page et donc invisible pour la plupart des utilisateurs en raison du manque de défilement.

Encore une fois, comme dans la carte des clics, le coin inférieur gauche affiche les couleurs maximales et minimales qui indiquent la visibilité de la page.

Jetez un œil à notre page de services :

Le haut de la page est rouge et bénéficie d’une visibilité à 100 %, ce qui signifie que tous les utilisateurs voient cette partie de la page. Au fur et à mesure que nous faisons défiler la page, nous pouvons voir la couleur de la superposition changer, indiquant que les utilisateurs abandonnent et ne défilent plus.

On voit ici qu’il y a une forte baisse des utilisateurs. Ceci est généralement identifié comme un point d’arrêt visuel et se produit lorsque l’utilisateur suppose qu’il n’y a pas de contenu de valeur à venir et choisit de ne pas faire défiler la page plus bas.

Identifiez l’affaissement excessif et envisagez de créer des trajectoires oculaires et des repères visuels plus attrayants pour maintenir l’engagement de l’utilisateur.

La ligne de pliage montrée ici est la partie moyenne de votre site que les utilisateurs peuvent voir lorsqu’ils arrivent pour la première fois sur la page, avant de faire défiler. Statistiquement, la majorité des interactions auront lieu sur le contenu de la moitié supérieure de la page.

Carte des déplacements :

Les cartes de mouvement de la souris montrent où les utilisateurs déplacent la souris. Comme pour les clics, nous cherchons à centrer le mouvement de la souris autour de nos éléments les plus importants, tels que la navigation ou un appel à l’action, car ils recevront le plus d’interactions.

Comme vous pouvez le voir, lorsque nous faisons défiler la page vers le bas, le mouvement de la souris de l’utilisateur est dissipé, ce qui signifie que moins d’interactions se produisent plus nous faisons défiler vers le bas.

Les cartes animées peuvent aider à répondre à des questions telles que :

• Quel est l’emplacement le plus efficace pour les annonces sur la page ?
• Les visiteurs ignorent-ils ou sautent-ils certaines sections ?
• La disposition des sections sur la page est-elle correcte ?

Si vos CTA et boutons importants sortent des parcours des visiteurs, vous pouvez envisager de pousser ces éléments dans le parcours des utilisateurs pour voir comment ils affectent vos conversions.

Carte d’attention :

Une carte d’attention est une carte thermique basée sur le temps qui montre à quel point les utilisateurs sont engagés avec des sections particulières de votre site Web. La carte d’attention utilise l’activité de défilement pour ce faire, en tenant compte des différentes tailles et résolutions d’écran. Cela vous permet de déterminer quelle partie de la page a été le plus consultée et peut être un outil efficace lors de l’évaluation des éléments de conception.

Les zones en rouge reçoivent le plus d’attention de la part des utilisateurs, tandis que les zones en bleu et noir reçoivent peu d’interaction.

Assurez-vous d’ajuster la priorité des sections de votre page afin que le plus de visiteurs voient les éléments qui retiennent le plus l’attention.

Carte géographique :

La carte géographique est un moyen interactif de déterminer où vos utilisateurs visitent en fonction de leur adresse IP. Lorsque vous effectuez un zoom avant sur la carte, vous pouvez voir une vue détaillée des points de repère entourant les utilisateurs de votre site Web.

Comme vous pouvez le voir, maintreehost.com reçoit un nombre important d’utilisateurs à Buffalo, NY

En haut de la page, vous pouvez appliquer un filtre basé sur l’appareil, le nombre de pages vues, la source de trafic ou même isoler les utilisateurs qui atteignent un objectif souhaité. Cela peut être un outil utile pour vous aider à cibler vos annonces ou votre contenu sur les endroits où se trouvent vos clients les plus rentables.

Enregistrements utilisateur – Lecture :

Les enregistrements d’utilisateurs vous permettent de visualiser l’activité d’utilisateurs réels lorsqu’ils naviguent sur votre site. Vous pouvez observer comment ils se comportent, les problèmes qu’ils rencontrent et les chemins qu’ils empruntent pour atteindre leurs objectifs lors de la navigation sur votre site Web. Les enregistrements d’écran peuvent être extrêmement utiles pour observer comment les utilisateurs remplissent les formulaires sur votre site. Le niveau de connaissance dépasse de loin ce que le suivi des événements ne peut faire que dans Google Analytics.

La chronologie en haut de l’écran indique les actions qui se sont produites au cours de la session.

• Rouge = mouvement de la souris ou défilement
• Jaune = cliquez ou appuyez>
• Vert = interaction des formes
• Noir = inactivité
• Vitesse de lecture

La multitude d’enregistrements de visiteurs peut être écrasante. Les filtres sont un moyen efficace de segmenter vos visiteurs par action. Par exemple, appliquez un filtre qui n’inclut que les utilisateurs qui sont venus sur votre page de paiement ou qui ont rempli un formulaire. Comparez les données de ceux qui ont effectué une transaction avec ceux qui n’ont pas réussi à se convertir pour identifier les domaines qui les ont renvoyés hors de la page. Utilisez ces informations pour affiner vos options de conception, améliorer l’expérience utilisateur et augmenter votre taux de conversion.

Les outils de comportement des utilisateurs combinés à des données d’analyse et d’analyse peuvent améliorer les performances de votre site en identifiant les défauts et en réduisant les points douloureux. Les outils comportementaux, tels que Mouseflow, peuvent également fournir des données pour créer des expériences sur les éléments de conception de votre site, améliorer votre expérience utilisateur globale et améliorer votre taux de conversion.

Sujets dans cet article : Expérience utilisateur de l’enregistrement d’écran Hotjar Mouseflow