Connexion
← Retour au lexique
📖 UX/Analytics

Taux de survol

Pourcentage d'utilisateurs qui survolent un élément interactif sans cliquer dessus, mesuré via les heatmaps.

Définition

Le taux de survol mesure le pourcentage de visiteurs qui passent leur curseur sur un élément cliquable (lien, bouton, image) sans pour autant cliquer dessus. Cette métrique révèle l’intérêt suscité par un élément et peut identifier des problèmes d’ergonomie ou de clarté dans l’interface.

Calcul et interprétation

Formule

Taux de survol = (Survols uniques / Visiteurs) × 100

Exemple :
- 1000 visiteurs sur la page
- 450 survolent le bouton CTA
- 50 cliquent effectivement
Taux de survol = 45%
Taux de conversion survol-clic = 11%

Analyse des patterns de survol

Signaux d’intérêt

Élément survolé fréquemment :
├── Fort intérêt initial
├── Hésitation possible
├── Manque de clarté sur l'action
└── Problème de confiance

Types de comportements

  1. Survol exploratoire : Découverte interface
  2. Survol hésitant : Indécision
  3. Survol accidentel : Passage involontaire
  4. Survol intentionnel : Lecture tooltip

Applications pratiques

E-commerce

<!-- Zone produit avec tracking survol -->
<div class="product-card" 
     data-hover-track="true">
  <img src="produit.jpg" alt="Produit">
  <button class="add-to-cart">
    Ajouter au panier
  </button>
</div>

Optimisation basée sur les survols

Taux survol élevé + Clic faible = Problème
├── Prix non visible → Afficher prix
├── Stock incertain → Indicateur stock
├── Action floue → Clarifier le CTA
└── Loading lent → Optimiser vitesse

Outils de mesure

Solutions heatmap

  1. Hotjar : Heatmaps + recordings
  2. Crazy Egg : Analyse comportementale
  3. Microsoft Clarity : Gratuit et complet
  4. FullStory : Analyse approfondie

Implementation technique

// Tracking simple des survols
let hoverCount = 0;
let hoverTime = 0;

element.addEventListener('mouseenter', (e) => {
  hoverCount++;
  hoverStart = Date.now();
});

element.addEventListener('mouseleave', (e) => {
  hoverTime += Date.now() - hoverStart;
  // Envoyer données analytics
});

Optimisations basées sur le taux de survol

Survol élevé sans clic

  1. Clarifier l’action : Verbe d’action précis
  2. Ajouter réassurance : “Sans engagement”
  3. Améliorer le feedback : Hover states clairs
  4. Réduire friction : Simplifier process

Survol faible

  • Element peu visible
  • Placement non optimal
  • Design non engageant
  • Pertinence questionnée

Impact sur le SEO

Signaux indirects

  • Engagement : Interaction avec contenu
  • Temps sur page : Exploration active
  • Taux de rebond : Intérêt maintenu
  • Parcours utilisateur : Navigation fluide

Le taux de survol est un indicateur précieux pour optimiser l’ergonomie et maximiser les conversions en identifiant les points de friction dans le parcours utilisateur.

← Retour au lexique