Conseils d'utilisation des cartes thermiques pour auditer votre conception Web

Google Analytics est utile pour détecter les tendances de trafic sur un site Web. Mais quand il est temps de repenser, vous avez besoin de plus que des chiffres. Avec les cartes thermiques et les enregistrements, vous pouvez visualiser ce que font les visiteurs sur votre site et ce qui les pousse à quitter ou à se convertir.

Google Analytics et Google Search Console sont des ressources utiles pour découvrir si quelque chose ne va pas (ou génial) avec un site Web dans termes de son trafic. Le seul problème est que les outils de Google ne peuvent pas nous dire précisément où se trouvent les problèmes sur un site Web. Un temps réduit sur le site et des taux de rebond élevés pour certaines pages peuvent suggérer qu'il y a quelque chose qui ne va pas, mais nous sommes laissés à l'hypothèse du reste.

C'est pourquoi les cartes thermiques et les outils d'enregistrement des utilisateurs sont si précieux. En les mettant en place en prévision d'un audit ou d'une refonte de site Web, vous pouvez voir de vos propres yeux où se trouvent les frictions pour vos visiteurs. être en mesure de vous aider à réparer. Navigations surchargées. Des CTA difficiles à trouver. Formes à faible conversion. Mais, honnêtement, les possibilités sont infinies et cela dépend vraiment du type de site que vous avez.

Alors, ce que j'ai fait à la place est ceci : j'ai installé Hotjar sur mon site Web. J'ai configuré trois cartes thermiques pour la page d'accueil, la page de la boutique et la page du blog. J'ai également activé les enregistrements de session.

Ci-dessous, je vais parcourir certaines des données que j'ai reçues et vous montrer quelques façons d'utiliser ce type d'entrée utilisateur pour auditer votre conception Web et prendre des décisions de refonte fondées sur les données. .

Utilisation de la carte thermique CLICK ou TAP

Voici à quoi ressemblera votre carte thermique lorsqu'elle effectuera le suivi des clics sur le bureau :

Ou les appuis sur les appareils mobiles ou tablettes :

La légende à droite nous indique que les parties « les plus chaudes » (les plus cliquées) de la page sont rouges tandis que les plus froides sont bleues.

Cliquez sur les cartes thermiques peut dites-nous :

• Si les éléments cliquables ont une valeur quelconque
• Si les visiteurs sont manquants Le ou les CTA les plus importants sur la page en raison de distractions ou de problèmes de placement
• Si les cibles tactiles sont trop petites pour être touchées du premier coup
• Quelles sont réellement les principales priorités de nos visiteurs
• Quelles sont les prochaines L'étape provient de n'importe quelle page donnée.

Les points d'accès que nous voyons dans l'exemple ci-dessus suggèrent quelques éléments à propos de cette page.

La première est que la navigation est plus populaire que l'image du héros. Ce qui signifie que cette section supérieure a besoin d'une refonte et/ou d'une réécriture. Si votre offre et votre promesse principales ne reçoivent pas beaucoup d'attention, cela signifie que les priorités de votre site Web ne correspondent pas vraiment à celles de la majorité des visiteurs ».

La deuxième chose que nous voyons ici est que l'ordre des pages dans la navigation ne reflète pas exactement ce qui compte le plus pour les visiteurs.

Bien que ce ne soit pas si grave pour les visiteurs de déplacer leur souris ou de suivre leurs yeux un peu plus vers la droite (ou vers le bas sur mobile), votre navigation doit vraiment être organisée en fonction de ce qui est le plus important pour eux. En réduisant l'effort nécessaire pour les amener à l'intérieur de votre site et à leur objectif, meilleure sera leur expérience.

Lorsque vous faites défiler la page, notez également le nombre de clics reçus par chaque partie de votre page. Vous verrez ces données lorsque vous survolerez chaque section et élément cliquable :

Dans la section en surbrillance :

• La section CTA a obtenu 1 clic
• Le bouton "Remplir le questionnaire" a obtenu 3 clics
• Le " Le bouton "Envoyer vos questions" a obtenu 1 clic

Qu'est-ce que cela nous dit ? Cela pourrait être dû à plusieurs choses.

La première chose est que le CTA pourrait être trop bas sur la page d'accueil s'il obtient un nombre d'engagements aussi bas par rapport au reste des points d'accès.

Une autre chose pourrait nous être révélée. est-ce que les visiteurs du bas de l'entonnoir qui se préparent à se convertir ignorent probablement complètement la page d'accueil et vont directement à la page "Contact" (que le haut de la carte thermique corroborerait).

Et encore une autre option est que cela CTA pourrait être trop compliqué avec les trois boutons. Comme nous le voyons ici, les gens n'aiment pas l'option de planification. Donc, cela suggère que supprimer les multiples boutons ne serait pas une mauvaise idée et à la place, nous pouvons simplement diriger tout le monde directement vers la page "Contact".

Utiliser la carte thermique MOVE

Voici à quoi ressemblera votre carte thermique comme lorsqu'il suit les mouvements des visiteurs :

Encore une fois, le rouge est la zone la plus courante sur laquelle les utilisateurs déplacent leur souris ou leur doigt ; bleu le moins.

Les cartes thermiques Move peuvent nous dire :

• Comment les gens se déplacent sur votre site Web
• Comment les gens se déplacent dans la copie sur votre site et si leur regard suit l'un des modèles courants de suivi des yeux
• Quels éléments attirent le plus leur attention et provoquent leur arrêt ?
• Si vous avez ignoré des sections qui prennent de la place ou nécessitent une meilleure conception 
• Si une conception médiocre ou encombrée amène les visiteurs à parcourir la page et à manquer le contenu le plus important ou les CTA

Dans l'exemple ci-dessus, nous voyons que la navigation est un espace commun sur lequel les visiteurs se déplacent et qu'une page, en particulier, attire leur attention par rapport aux autres.

En parcourant le reste du heatmap, cependant, nous voyons que la navigation n'est pas aussi importante que le contenu de la page. Alors, assurez-vous de jeter un œil à la vue d'ensemble avant de faire des évaluations à partir d'une carte thermique de déplacement.

Il y a un certain nombre de choses à remarquer lorsque nous balayons cette page pour le mouvement.[19659003] La première chose est le motif de suivi oculaire. Dans ce cas, le motif F est très visible car le premier résumé du billet de blog reçoit beaucoup d'attention, puis le mouvement devient principalement relégué sur le côté gauche de la page.

Peu importe le type de page que vous ' ve heatmap. Il s'agit d'un modèle de numérisation courant que vous allez voir.

Sachant cela, vous voudrez vous assurer que votre page est conçue de manière à ce que l'élément d'information ou l'élément le plus important soit placé en haut. Le reste de la page aura alors besoin de jalons accrocheurs (comme des images et du texte d'en-tête) ainsi que de petits morceaux de texte pour que les visiteurs restent collés au reste de la page. Même s'ils ne font que numériser.

Une autre chose à laquelle vous devez penser lorsque vous regardez la carte thermique de déplacement est s'il y a un espace mort. Dans cette carte thermique, il y a certainement :

Il se produit environ aux deux tiers de la page. Tout mouvement s'arrête à l'exception du tout dernier élément de la page.

Cela pourrait nous indiquer que la page est trop longue ou que le contenu au milieu n'est pas pertinent. Puisqu'il s'agit d'un flux de blog, il est probable qu'il y ait trop d'entrées ou trop de contenu pour chaque entrée. Maintenant que je sais cela, je vais expérimenter différentes manières de réduire la longueur afin qu'aucun contenu ne passe inaperçu à l'avenir.

Vous pourriez également découvrir un espace mort en ce qui concerne les éléments supplémentaires sur votre page, comme une barre latérale ou un widget de discussion. Ces éléments peuvent occuper des biens immobiliers de premier ordre sur votre site Web lorsqu'ils sont visibles, alors assurez-vous qu'ils sont réellement précieux pour vos visiteurs. Si les visiteurs ne passent pas de temps dessus, vous devrez peut-être les reconcevoir ou les supprimer complètement.

Voici à quoi ressemblera votre carte thermique lorsqu'elle suivra la progression du défilement de vos visiteurs :

Le rouge nous permet de savoir à quelles parties de la page tous les visiteurs sont arrivés. Au fur et à mesure que les couleurs se refroidissent, nous voyons naturellement le pourcentage de parchemins chuter. avoir un contenu plus attrayant que d'autres en fonction de la progression du défilement

Comme la carte thermique des clics, des données supplémentaires sont disponibles lorsque vous les regardez en mode de défilement. Si vous survolez la page à un moment donné, une ligne apparaîtra et elle vous indiquera quel pourcentage de visiteurs sont arrivés aussi loin sur la page :

Ce sont des informations vraiment précieuses car elles peuvent vous montrer à quel point le contenu de la page est nécessaire.

N'oubliez pas non plus de consulter votre carte thermique de défilement sur tablette et mobile :

Il y a un point important à retenir de cette comparaison.

Vous pouvez être tenté de concevoir des expériences différentes pour chaque appareil si les utilisateurs mobiles ne se rapprochent pas du bas de la page. Cependant, la meilleure option consiste à concevoir vos sites Web pour qu'ils soient d'abord mobiles, de sorte que vous n'ayez pas à présenter deux ensembles de contenu différents aux utilisateurs mobiles et aux utilisateurs de bureau.

Utiliser les enregistrements de session pour vous mettre à la place de vos visiteurs

Les cartes thermiques sont définitivement la prochaine étape en termes d'analyse de sites Web. Associez ces deux éléments et vous serez en mesure de résoudre de nombreux problèmes de performances de votre site Web.

Maintenant, l'avantage d'utiliser Hotjar est qu'il ne vient pas seulement avec des cartes thermiques. Il contient également des enregistrements de session.

Avec les enregistrements de session, vous obtenez une tonne de données en plus de pouvoir regarder les visites guidées :

• Pertinence (en termes de temps qu'ils ont passé sur le site et engagé avec le contenu)
• Emplacement de l'utilisateur
• Nouveau vs retour visiteurs
• Pages de destination et de sortie
• Nombre total de pages visitées
• Durée totale sur le site
• Date de visite

Les enregistrements de session peuvent nous indiquer :

• Si l'utilisateur voyage à l'origine cartographié correspond à ce que font la majorité des visiteurs
• Quels sont les parcours communs entre deux pages spécifiques
• Si ces parcours diffèrent selon l'appareil utilisé
• Quelles parties du site ou quelles activités sont responsables des visites les plus longues , ou pour le plus court
• Comment les nouveaux visiteurs réagissent au site par opposition aux visiteurs récurrents
• S'il y a des erreurs majeures ou des points d'étranglement présents
• Combien de temps les gens considèrent réellement le contenu et les CTA que vous placez devant eux avant de continuer

Avec les enregistrements, il y a une grande quantité de données vous allez obtenir, c'est donc une bonne idée d'utiliser les filtres afin que vous n'ayez pas à regarder plus de 100 vidéos lors de chaque audit. Je vous recommande de gérer cela par lots et de les traiter en fonction de vos principales priorités.

Par exemple, essayez-vous de comprendre pourquoi les visiteurs mobiles ne restent pas aussi longtemps que sur ordinateur ? Si c'est le cas, concentrez-vous d'abord sur ces enregistrements pour voir si quelque chose se passe. Vous découvrirez peut-être que vos utilisateurs mobiles sont beaucoup plus rapides à tout faire que les utilisateurs de bureau. Et cela, à son tour, pourrait vous encourager à concevoir un parcours plus efficace sur le bureau (s'ils diffèrent, c'est-à-dire).

Cela pourrait également être un problème de convivialité. Si tel est le cas, vous devriez regarder attentivement chacun de ces enregistrements pour voir s'il y a des pages ou des éléments communs qui les déclenchent, comme le formulaire de contact :

Bien que toutes les informations qu'ils saisissent sur le site soient masquées, vous pouvez voir où elles commencent interagir avec le site, où ils accélèrent ou ralentissent, si des erreurs se produisent et quel en est le résultat.

C'est en fait vraiment chouette de pouvoir regarder un visiteur parcourir votre site comme ça. Un grand nombre de ces hypothèses que vous avez faites lors de la conception initiale pourraient passer directement par la fenêtre une fois que vous passerez du temps à le regarder du point de vue d'un visiteur. un site Web, vous ne pouvez pas vous fier uniquement à des hypothèses ou même simplement à Google Analytics. Avec les cartes thermiques et les enregistrements, vous pouvez réellement voir ce qui se passe sur votre site et ce qui cause des problèmes à vos utilisateurs.

Bien sûr, les cartes thermiques et les enregistrements ne sont que des données. Bien que vous obteniez des réponses plus claires et plus définitives sur ce qui se passe sur votre site, vous devriez toujours tester A/B tous les changements que vous envisagez en fonction des résultats de vos études de suivi oculaire et des enregistrements de session utilisateur.