Comprendre le comportement de l'utilisateur pour la meilleure conception de site Web

Publié: 2020-08-14

Maquette Imac d'un homme travaillant à domicile

Dans cet article, nous allons parler de la façon de suivre le comportement des clients sur votre site Web, des innovations de l'analyse de site Web UX et de toutes les raisons d'utiliser une carte thermique pour suivre le comportement des utilisateurs afin d'obtenir la meilleure conception de site Web .

Ce que vous trouverez :

  • Qu'est-ce que le comportement de l'utilisateur ?
  • Quel est l'impact de l'UX Design sur la promotion d'une boutique en ligne ou d'un site Web ?
  • Qu'est-ce que l'analyse du comportement des utilisateurs avec les outils Heatmap ?
  • Pourquoi le site Web clique sur quelque chose que vous devez suivre
  • Comportement de l'utilisateur via l'analyse des clics et du défilement du site Web
  • Présentation visuelle du comportement de l'utilisateur sur un exemple de site Web en direct

Tous les exemples liés au comportement des utilisateurs dans l'article sont basés sur les statistiques uniques sur plus de 40 millions de clics collectés avec Plerdy heatmap .

En pensant au moment où vous avez acheté quelque chose, vous êtes plus susceptible de vous rappeler vos sentiments plutôt que le produit. Toute interaction avec une boutique en ligne ou un site Web est enregistrée dans votre mémoire émotionnelle et fait partie de votre comportement sur le site Web.

Qu'est-ce que le comportement de l'utilisateur ?

Aujourd'hui, le Web propose des tonnes de produits et de services que nous pouvons commander sans quitter notre domicile. Par exemple, si vous tapez "commander une pizza" sur Google, la recherche vous montrera plus de 1,1 milliard d'offres. Il en va de même pour de nombreuses autres catégories de produits.

Recherche Google

Cela conduit à une question : avez-vous déjà réalisé que l'expérience utilisateur de votre site Web peut provoquer des émotions et des comportements négatifs qui pourraient faire partir jusqu'à 99 % des acheteurs potentiels ? Voici quelques statistiques qui devraient vous convaincre de vérifier votre site Web pour tout problème UX et de faire un suivi de vos analyses :

    • 79 % des clients admettent qu'ils chercheront un autre site Web si l'actuel ne répond pas à leurs attentes.
    • 96 % des utilisateurs de smartphones sont tombés sur des sites Web qui n'ont pas de version mobile ou qui ne sont pas adaptés à l'affichage mobile.
    • 52 % des utilisateurs déclarent qu'une expérience mobile négative les rend moins susceptibles d'interagir avec votre entreprise.
    • 63% des utilisateurs consultent des produits ou services sur plusieurs types d'appareils (smartphones, tablettes, ordinateurs portables, PC, etc.).

Il existe de nombreuses données similaires sur le comportement des utilisateurs qui prouvent l'importance du suivi de l'expérience utilisateur (UX) pour le marketing numérique et les clients en ligne. Discutons donc de tout ce que vous devez savoir sur l'analyse UX.

Quel est l'impact de l'UX Design sur la promotion d'une boutique en ligne ou d'un site Web ?

Peter Morville, président d'une société de conseil fournissant des services d'architecture de l'information et de recherche, identifie les facteurs suivants qui affectent l'UX et le comportement du site Web :

Trois cercles

En d'autres termes, un site web avec une bonne UX doit être :

  • Utile

Le contenu du site Web doit répondre pleinement aux besoins des clients et susciter un comportement positif.

  • Utilisable

La facilité d'utilisation reste une composante essentielle de l'expérience utilisateur et offre un bon comportement à l'utilisateur.

  • Souhaitable

Toutes les images, la marque et les éléments de conception doivent être accrocheurs et provoquer des émotions et des comportements positifs.

  • Accessible

Tous les éléments et contenus du site Web doivent être accessibles aux personnes handicapées.

  • Crédible

Tout ce que vous publiez sur le site Web doit être fiable et précis pour que les utilisateurs vous fassent confiance. Cela améliore leur comportement sur le site Web.

  • Trouvable

Le contenu doit être bien structuré et avoir une navigation claire.

Si tous ces 6 facteurs qui garantissent une UX et un comportement de site Web décents sont respectés, les visiteurs du site Web apprécieront d'utiliser votre ressource et feront preuve d'un bon comportement. Il vaut donc la peine de suivre ces facteurs.

Pourtant, non seulement les statistiques et les résultats d'analyse mentionnés prouvent que l'UX joue un rôle majeur. Récemment, Google a publié un livre en ligne de 108 pages – UX playbook . Il regorge de conseils éprouvés sur la façon d'augmenter les ventes avec UX. L'examen est basé sur des tests A/B d'un large éventail de recherches, d'analyses et d'articles. Après avoir étudié plusieurs milliers de sites Web de vente au détail, Google Analytics a découvert qu'il existe certains éléments UX universels.

Éléments UX

Le livre comprend une liste de contrôle qui permet d'analyser et d'améliorer l'UX d'un site Web mobile dans 6 domaines clés :

  • Page d'accueil/de destination.
  • Menus et navigation.
  • Chercher.
  • Catégorie/produit.
  • Conversion.
  • Optimisation des formulaires.

Un UX de site Web de qualité améliore non seulement le comportement d'un client sur votre site, mais il améliore également votre classement dans les recherches. Notez que la convivialité d'un site Web mobile est l'un des 200 facteurs de classement les plus importants . La nouvelle approche d'indexation Google Mobile-First accorde également beaucoup d'attention à l'UX du site Web.

✨ Ne manquez pas : le guide ultime de la conception Web inclusive + des conseils sur la façon de le faire

Qu'est-ce que l'analyse du comportement des utilisateurs avec les outils Heatmap ?

La majorité des boutiques en ligne utilisent des analyses similaires pour suivre le comportement des utilisateurs. Ils le font parce qu'ils croient subjectivement que toutes les ressources Web existantes ont déjà été testées et sont assez pratiques pour les clients potentiels. En réalité, chaque site ou boutique en ligne a un public cible unique, qui peut se comporter différemment du vôtre.

C'est pourquoi, pour comprendre comment vos clients potentiels se comportent sur votre boutique en ligne, vous devez utiliser une carte thermique des clics.

Les données collectées avec cette carte d'analyse vous permettront d'en savoir plus sur les préférences et le comportement des utilisateurs. Vous verrez également tous les obstacles ou défauts qui empêchent les clients de finaliser l'achat.

De telles méthodes de recherche et de suivi peuvent aider à augmenter la conversion d'une boutique en ligne et une meilleure expérience utilisateur.

Suivi du comportement des utilisateurs avec les outils d'analyse Heatmap

Métriques de la carte thermique2

Ces outils de suivi collectent des données et les segmentent en fonction du type d'appareil utilisé pour afficher un site Web et du comportement des utilisateurs sur celui-ci.

Un avantage supplémentaire de ceux-ci est la capacité de suivre les interactions comportementales avec tous les éléments dynamiques du site Web (pop-ups, menus, etc.). Encore une fois, tout se passe en temps réel.

Métriques de la carte thermique1

Ces cartes thermiques traitant les données de suivi des sites Web, non seulement détectent l'endroit où les clics se produisent, mais enregistrent également leur séquence. L'outil d'analyse divise une page en 5 parties sur une base de pourcentage et suit le nombre de clics dans chacune d'elles. Il suit également la profondeur de défilement qui est également un aspect très important du comportement des utilisateurs. Vous pouvez utiliser ces données sur le comportement des utilisateurs pour définir les endroits les plus appropriés (les zones avec un maximum de clics) pour placer des informations importantes.

Parlons davantage des chiffres et des résultats que nous avons obtenus en suivant et en recherchant l'expérience et le comportement des utilisateurs sur les pages de diverses ressources Web.

Analyse du comportement des utilisateurs basée sur les données Heatmap

Le comportement des utilisateurs diffère et dépend du sujet d'un site Web, de la source de trafic et des intentions d'un visiteur du site Web. Pour une analyse plus précise du comportement des utilisateurs, nous avons collecté environ 100 millions de clics provenant de diverses sources. Ces interactions ont été faites sur des sites Web avec des sujets et des fonctions différents.

Graphique de la source de trafic

Voici un graphique du nombre total de clics regroupés par source de trafic. Nous nous sommes appuyés sur ces données analytiques dans nos études suivantes sur le comportement des utilisateurs.

Segmentation du nombre total de clics par type d'appareil

Graphique des clics

Comme vous pouvez le voir sur le graphique, le plus grand nombre de clics a été effectué sur les PC. Le nombre de clics sur mobile est nettement inférieur et les moins de clics sont attribués aux utilisateurs de tablettes.

Tout le monde sait que le trafic mobile augmente régulièrement d'année en année et cela influence également le comportement des utilisateurs. Cela soulève une question logique : pourquoi la plupart des clics sont-ils toujours effectués sur les ordinateurs de bureau ?

La réponse est simple. Lorsque les utilisateurs visitent un site Web à partir d'un appareil mobile, ils cliquent uniquement dans un but précis (aller sur une autre page, sélectionner un bouton ou un lien actif). Le reste du temps ils défilent. Lorsque les utilisateurs naviguent depuis un PC, ils survolent souvent le texte avec une souris, surlignent des éléments, les copient ou effectuent des clics dits vides (clics en dehors des éléments du site). Les clics ciblés ne représentent qu'une partie du total des interactions et de leur comportement.

Analyse des survols de la souris avant de cliquer

Graphique de survol

Le graphique montre clairement que les utilisateurs d'une version de site Web de bureau survolent les éléments avant de cliquer dessus (arrêt pendant au moins 2 secondes) beaucoup plus souvent. Cela signifie qu'ils lisent attentivement le contenu ou hésitent.

Une fois que vous connaissez les modèles de comportement généraux (clics basés sur différentes sources de trafic et appareils), vous pouvez prédire les actions et le comportement des visiteurs de votre site Web et les aider à utiliser votre site Web plus efficacement.

Pour un suivi, une analyse et une prédiction plus détaillés du comportement des utilisateurs, j'ai également préparé un graphique montrant la répartition des clics entre les parties d'une page.

Répartition des clics en fonction de la profondeur de défilement et du type d'appareil

Le graphique ci-dessous montre comment le nombre de clics dépend du type d'appareil et de la partie d'une page :

Graphique des clics de défilement

Comme vous pouvez le voir, les utilisateurs ont fait le plus de clics sur les premières parties de la page (0-20%). Même si vous additionnez les clics d'autres parties, c'est toujours moins.

Le graphique montre également une baisse significative des clics à partir même de la deuxième partie de la page (20-40%). Cela signifie que vous devez planifier la structure de votre contenu. Les informations les plus critiques pour les utilisateurs doivent toujours être placées dans la première partie car elles sont très importantes pour former un comportement positif.

Bien sûr, toutes les pages ne sont pas identiques. Ils peuvent avoir des tailles et des conceptions différentes. Néanmoins, ce graphique véhicule une idée principale : si vous souhaitez fidéliser vos clients, placez des appels à l'action en haut des pages.

Répartition des séquences de clics selon la partie d'une page

Alors que le graphique précédent montre où placer les principales informations, le suivant aide à comprendre comment les utilisateurs naviguent sur les pages Web et ce qu'ils font le plus souvent.

Les séquences de clics sont intentionnellement segmentées par type d'appareil. Cela est nécessaire pour avoir une image globale plus claire du comportement de l'utilisateur.

Répartition des séquences de clics sur les PC

Graphique de séquence

Le graphique montre que la plupart des utilisateurs ont fait leur premier clic quelque part en haut de la page (0-20%). Par ailleurs, le nombre de premiers clics diminue fortement sur la seconde (20-40%) et les portions de pages suivantes.

Une telle répartition montre également que le nombre de premiers clics sur les différentes sections de page est toujours supérieur aux deuxième, troisième, etc. clics.

Quelles conclusions peut-on tirer de ce graphique ?

Après leur premier clic, de nombreux utilisateurs quittent la page pour en visiter une autre ou fermer le site Web. Un nombre nettement inférieur d'utilisateurs continue de parcourir la page et d'interagir avec le site Web.

Répartition des séquences de clics sur les smartphones

Graphique de séquence mobile

La situation est similaire chez les utilisateurs d'appareils mobiles. Or dans ce cas, la différence entre le nombre de clics effectués sur la première (0-20%) et la deuxième (20-40%) partie de la page est plus importante.

Cela signifie que toute version de site Web mobile doit inclure toutes les informations nécessaires en haut. Il est très peu probable que les utilisateurs fassent défiler vers le bas à la recherche de plus de détails.

Répartition des séquences de clics sur les tablettes

Graphique de défilement de la tablette

Une telle comparaison est essentielle pour optimiser un site Web pour différents types d'appareils et fournir un comportement positif aux utilisateurs. Alors que, par exemple, votre version de bureau peut contenir beaucoup d'informations en haut de la page, une version mobile a un espace limité. Assurez-vous d'en tenir compte lors de la conception de votre site Web mobile pour améliorer le comportement des utilisateurs.

Répartition de la profondeur de défilement en fonction de la partie d'une page

Le graphique ci-dessous montre à quel point les utilisateurs font défiler les pages sans faire de clics.

Graphique de profondeur de défilement

Sur la base des indicateurs, nous pouvons détecter une baisse progressive de la profondeur de défilement qui commence à un point précis de la page. Avec chaque partie de la page, le nombre d'utilisateurs diminue. Plus nous descendons, moins les visiteurs défilent. Comme la majorité des clics se font sur la première partie de la page, ce graphique montre également une baisse à partir de la deuxième partie.

Pourquoi le site Web clique sur quelque chose que vous devez suivre

Pour vous assurer que les clients potentiels se sentent à l'aise sur votre site Web, vous devez savoir ce qu'ils font en premier juste après avoir atterri sur la page. Cela vaut donc la peine d'être suivi.

Découvrez les clics qu'ils effectuent, les sections qu'ils visitent et à quel stade de l'entonnoir de vente ils quittent votre site Web. Le nombre de clics sur les différents éléments du site Web peut répondre aux questions suivantes :

  • Qu'est-ce que les utilisateurs aiment sur votre site Web et qu'est-ce qui les empêche d'effectuer un achat ?
  • Pourquoi une page de site Web a-t-elle un taux de conversion plus élevé qu'une autre ?
  • Pourquoi votre site Web a-t-il un taux de rebond élevé (ou une page distincte a-t-elle un taux de sortie élevé) ?
  • Votre site Web inclut-il des éléments qui semblent cliquables alors qu'ils ne le sont pas ?
  • Le contenu est-il bon ? Comment pouvez-vous augmenter sa profondeur de défilement ?
  • Quels sont les endroits les plus favorables pour placer des URL internes et des offres intéressantes ?
  • Les pop-ups affichés sur la page spécifique sont-ils adaptés et efficaces ? (Si la plupart des utilisateurs ferment la fenêtre contextuelle, vous devriez essayer de la supprimer et voir comment ils se comporteront sans elle).
  • Vos appels à l'action et autres éléments sont-ils efficaces ?

Ce n'est que lorsque vous disposerez de ces informations que vous pourrez réduire le nombre de clients insatisfaits, augmenter le comportement positif des utilisateurs et gagner de nouveaux clients.

Comportement de l'utilisateur via l'analyse des clics et du défilement du site Web

Clics sur la carte thermique

Vous pouvez afficher la tranche de données des cartes thermiques de clic et de défilement de Plerdy immédiatement après l'installation du script de suivi. Appuyez simplement sur Ctrl-Alt-H pour ouvrir la barre latérale de l'outil d'analyse permettant de suivre le comportement de l'utilisateur. Les statistiques sont affichées séparément sur chaque page. Les informations de suivi sont affichées en temps réel sur un site Web en direct, au lieu des captures d'écran utilisées par de nombreux outils d'analyse similaires comme Hotjar et autres. Cela vous permet de suivre les éléments dynamiques et d'éviter de basculer entre les pages et le tableau de bord principal.

Le tableau de bord contient toutes les données d'analyse collectées regroupées par des paramètres spécifiques du comportement de l'utilisateur. Il est très pratique de voir tout écart dans les performances du site Web qui influence le comportement des clients.

Présentation visuelle du comportement de l'utilisateur sur un exemple de site Web en direct

Exemple de carte thermique

Outil de suivi Heatmaps utilisé pour analyser le comportement des visiteurs du site Web afin de déterminer quels boutons de fonctionnalités (qui renvoient à la section correspondante) ont les CTR les plus élevés. L'élément le plus populaire est le champ où les utilisateurs peuvent saisir l'URL ou le domaine du site Web qu'ils souhaitent analyser. Selon les données de suivi, ce champ a été cliqué 10612 fois par rapport au bouton Rechercher avec seulement 1890 clics.

Ainsi, nous pouvons supposer que d'autres utilisateurs ont simplement cliqué sur Entrée et ont attendu les résultats ou ont quitté le site Web.

Si les propriétaires du site Web ignoraient ce modèle de comportement, ils auraient perdu des tonnes d'utilisateurs. Heureusement, en cliquant sur Entrée, les visiteurs peuvent exécuter l'analyse des liens. Le seul problème est que l'analyse est assez lente, ce qui peut pousser les gens à quitter la page.

Outre le nombre total de clics effectués sur l'élément, vous pouvez également voir sur quels éléments/blocs les utilisateurs cliquent en premier. Cela vous permet de comprendre ce qui attire l'attention des visiteurs juste après leur arrivée sur la page et comment cela influence leur comportement.

Comportement de l'utilisateur

Une analyse distincte du CRT de la barre de recherche uniquement pour le trafic direct montre que cet élément représente 12,3 % du total des clics du trafic direct (le trafic direct comprend 47 %). Cela signifie que bien que la barre de recherche soit accentuée sur cette page, les utilisateurs cliquent également sur d'autres éléments qui détournent leur attention et cela affecte leur comportement.

Si vous voulez savoir où les visiteurs de votre site Web cliquent en premier et comment cela détermine leur comportement, les cartes thermiques analytiques peuvent être très utiles. Ils ne filtrent pas seulement les premiers clics par source de trafic, mais également par séquences de clics.

Ctr

Par exemple, de cette façon, vous pouvez savoir où les visiteurs provenant du trafic organique ont cliqué en premier et leur comportement.

Revenons aux graphiques précédents des séquences de clics dans différentes parties de la page pour une analyse plus approfondie du comportement du client.

Clics sur le premier écran

Après avoir visionné cette capture d'écran, nous pouvons à nouveau conclure que 97,6 % de tous les clics sont effectués sur le premier écran. Ainsi, les 4 autres portions de la page sont moins efficaces et rarement cliquées.

L'analyse des survols de souris montre que les utilisateurs interagissent très rapidement avec l'élément. Il faut moins de 2 secondes aux visiteurs pour cliquer, même si la plupart d'entre eux naviguent sur le site Web sur des PC.

Profondeur de défilement

La situation avec la profondeur de défilement est similaire. La page d'accueil du site Web de Serpstat comprend huit écrans de défilement de 1920 × 1080px. Selon les données collectées, seuls 5 % des utilisateurs ont consulté le deuxième écran ou, en d'autres termes, ont fait défiler, de sorte que le comportement sur le deuxième écran n'était pas aussi productif.

Clics faibles

Les données d'analyse de la profondeur de défilement prouvent à nouveau que pratiquement personne ne vérifie la partie inférieure du site Web, de sorte que le comportement y est presque absent. Il est presque inutile d'y placer des éléments supplémentaires.

Derniers mots

C'est donc la recherche que j'ai menée avec l'équipe de Plerdy. J'espère que cela vous aidera dans l'analyse UX de votre site Web et dans la compréhension du comportement des utilisateurs.