Tenter d'améliorer l'expérience d'un utilisateur sur notre site Internet, notre boutique en ligne ou notre landing page, fait partie de l'évolution et de l'amélioration continue pour un progrès constant. Heatmaps, également appelées heatmaps, ils nous fournissent de manière visuelle et simple, ce qui suscite le plus d'intérêt, que devrions-nous améliorer et quelles choses fonctionnent à peine ou ne suscitent aucun intérêt.
Il y a certains «devoirs» qui sont plus élevés que d'autres, selon ce que nous poursuivons. Et s'il s'agit d'améliorer la navigation en ligne de nos utilisateurs, les heat maps devraient prendre les premières positions. Pour cette raison, nous allons voir de quoi il s'agit et quels services ils nous offrent. Comment pouvons-nous en profiter. Et quelles ressources pouvons-nous trouver pour pouvoir les intégrer dans nos sites.
Qu'est-ce qu'une carte thermique?
Une carte thermique est un outil qui nous permet de connaître le comportement d'un ou plusieurs utilisateurs via une représentation de la thermographie sur notre site Web. D'où vous cliquez, à l'endroit où la souris est passée. Aussi, quelles sont les choses qui vous ont le plus intéressé et depuis combien de temps êtes-vous resté dans un endroit et avez cessé de le faire.
Pour déterminer les zones les plus intéressantes, une échelle de couleurs est utilisée pour déterminer les zones "les plus chaudes" (les plus intéressantes) et les plus "froides" (les moins intéressantes). La gamme de couleurs va des plus froides, en commençant par le bleu et le vert, aux plus chaudes, comme les oranges, les rouges et les rouges foncés. Être capable d'identifier le centre d'attention, permet de prendre les décisions appropriées pour améliorer les expériences des utilisateurs et leur interface pour se rapporter au lieu.
Types de cartes thermiques
La représentation thermographique des Heatmaps, comme nous l'avons dit, est représentée en couleurs en fonction de leur niveau d'attention. Pour ce faire, les couleurs sont regroupées autour d'une polarité "chaud ou froid". Cependant, il n'existe pas de type unique de carte thermique. Celles-ci Ils peuvent être divisés en 3 groupes principaux en fonction de ce que nous voulons analyser. Des clics, en passant par le mouvement du curseur, au défilement que les utilisateurs font sur notre site (option intéressante pour les parchemins longs ou infinis, car ils sont devenus si à la mode).
Clics Heatmaps
De loin, le plus utilisé. Ils permettent de prendre des décisions à court terme sur l'efficacité des éléments actifs sur notre site Web en enregistrant les clics des utilisateurs. De cette manière, les éléments spécifiques que nous pouvons modifier rapidement, sont au centre de l'attention des cartes thermiques basées sur les clics. En outre, En enregistrant les actions des utilisateurs, ils valorisent le degré de véracité et l'importance de ces cartes. Ils laissent peu de place à la confusion des données, car ils analysent des actions concrètes.
Cartes thermiques des mouvements de la souris
Ces types de cartes fonctionnent très bien en contraste et en comparaison avec d'autres. Surtout à cause des études qui existent par rapport à l'endroit où l'utilisateur place le curseur. Plus de 80% du temps, les yeux vont là où va le curseur. Et de la même manière, plus de 80% du temps, le regard de l'utilisateur ne finit pas par diriger là où le curseur n'est pas allé. Cela signifie que les données sur l'attention de l'utilisateur ne sont pas précises à 100%, contrairement aux clics de la carte thermique. Cependant, ils sont très proches de la réalité et ils continuent d'être très efficaces.
Faire défiler les cartes thermiques
Très utilisé dans les pages avec beaucoup de défilement ou "infini". De cette façon, on peut analyser le niveau de profondeur de l'utilisateur lors du défilement et quels domaines sont les plus intéressants. En outre, ils aident à déterminer si un comportement inhabituel se produit, tel que les utilisateurs quittant la page lorsqu'ils consultent une bannière. Et cela dépend de la conception et de ce dont on parle dans une section, ils peuvent interpréter que la page est terminée et qu'il n'y a plus de contenu. Quelque chose que nous pouvons éviter en supprimant ou en changeant la bannière, par exemple.
Utilitaires Heatmap
Le plus grand avantage que nous pouvons tirer des cartes thermiques vient de l'interprétation que nous en faisons. Des zones qui suscitent peu d'intérêt et que l'on souhaite valoriser, ou des clics dans des lieux comme des images qui ne mènent nulle part. Nous pouvons tirer des conclusions de tous les comportements des utilisateurs. Dans le cas de clics sur des bannières ou des images, qui ne portent aucun lien, il s'ensuit qu'ils suscitent l'intérêt. Par conséquent, il serait intéressant que ce clic effectué par les utilisateurs les amène à quelque chose d'autre qui pourrait être proposé, en ajoutant un lien. Dans le cas où vous n'avez rien de disponible qui parle ou se rapporte à cet élément passif, le clic peut être redirigé vers un autre élément. L'idée finale consiste à éviter la frustration de cliquer sur quelque chose sans effets.
Dans le cas des éléments actifs, il est nécessaire d'analyser ce qui ne fonctionne pas. Peut-être qu'un élément ne suscite pas d'intérêt ou ne se différencie pas en tant qu'élément actif et est ignoré. Ou parce que c'est dans une zone d'autres éléments plus attractifs qui attirent l'attention. Dans ces cas, ou dans des cas similaires, il sera analysé pour comprendre ce qui échoue et remédier à la situation.
- Exemple, mettez en surbrillance un élément: Peut-être qu'un autre objet attire l'attention. Par exemple, un appel à l'action de couleurs discrètes au début d'un message avec une image époustouflante. Il serait intéressant de changer la typologie de l'appel à l'action, la changer de lieu ou les deux.
Je veux avoir des cartes thermiques, où aller?
Il existe différentes plates-formes qui nous permettent d'intégrer une carte thermique sur notre site Web. La meilleure chose à leur sujet est leur efficacité, et la mauvaise chose est qu'ils sont majoritairement payés. Ils peuvent également aider à ralentir le chargement du Web (sans être une exagération), donc en ayant un autre script installé, en plus, il sera pratique de modifier les cookies pour avertir les utilisateurs (chose simple à faire).
- Yandex Metrica: Dans ce cas, il est gratuit et peut être essayé dans sa version de démonstration. Ils nous proposent des cartes thermiques de clics et de défilement.
- Heatmap: Un autre outil qui est gratuit, oui, son interface est un peu compliquée.
Il y a d'autres outils que je n'ai pas inclus lorsqu'ils sont payés, et qui, comme les autres, nous pouvons en voir les évaluations. L'intégration d'une carte couleur, en particulier si nous avons un site Web sur lequel nous proposons des services, des cours, des abonnements, des produits ou toute autre chose, sera un moyen intelligent d'optimiser son fonctionnement. Donc au final, nous aurons non seulement amélioré l'expérience utilisateur, mais aussi les bénéfices que nous attendons nous-mêmes.