Un site peut être visuellement réussi, rapide à première vue, cohérent avec une identité de marque, et pourtant convertir mal. Le problème vient souvent moins du style que du parcours : l’utilisateur comprend mal l’offre, ne voit pas l’action attendue, hésite sur le prochain clic, ou abandonne face à une friction évitable.
Les recommandations de Nielsen Norman Group, de Baymard Institute et de Google convergent sur ce point : la conversion dépend d’abord de la clarté, de la visibilité de l’action, de la réduction de l’effort, et de la confiance.
Pour aller plus loin, cet article détaille les raisons les plus fréquentes et les solutions concrètes pour comprendre pourquoi un site ne convertit pas, du manque de hiérarchie visuelle à l’absence de parcours de conversion.
Les points les plus critiques reviennent souvent aux mêmes endroits : CTA invisibles, parcours trop long, friction mobile, navigation cachée, manque de preuve sociale et contact insuffisamment rassurant. Baymard rappelle par exemple que 18 % des acheteurs ont déjà abandonné une commande à cause d’un checkout trop long ou trop compliqué, et que le checkout moyen reste plus lourd que nécessaire.
Le paradoxe du “beau site qui ne vend pas”
Un bon design ne se mesure pas seulement à l’esthétique. Un site peut être :
- élégant ;
- très “premium” ;
- bien animé ;
- visuellement moderne ;
… tout en échouant à répondre aux trois questions que l’utilisateur se pose en quelques secondes :
- Où suis-je ?
- Que propose cette page ?
- Que dois-je faire maintenant ?
Nielsen Norman Group rappelle que la zone au-dessus de la ligne de flottaison reste décisive, car elle joue le rôle de filtre initial : si ce qui est visible immédiatement n’est pas clair, l’utilisateur ne s’engage pas plus loin. Autrement dit, un hero très travaillé ne suffit pas s’il ne porte ni proposition de valeur claire, ni action visible.
Un site peut être beau et rassurer sur la marque, mais ne pas vendre s’il ne rend pas l’action évidente.
Les 6 anti-patterns UX les plus répandus
Comprendre pourquoi un site ne convertit pas demande souvent de regarder au-delà de son apparence. Dans la pratique, ce sont surtout quelques anti-patterns UX très répandus qui freinent l’action, brouillent la lecture et augmentent la friction à des moments décisifs du parcours.
1. Le slider hero qui dilue le message
Le carrousel en haut de page reste un classique des sites “marketing”, mais il pose souvent un problème simple : il disperse l’attention au lieu de guider l’utilisateur. Baymard indique que 33 % des sites e-commerce ont encore un carousel de homepage, et que 46 % de ces carousels présentent des problèmes UX. Les contenus tournants rendent le message moins stable, compliquent la hiérarchie visuelle et exposent le CTA à une visibilité inégale.
Pourquoi cela freine la conversion
- plusieurs messages se concurrencent ;
- le CTA change ou disparaît ;
- l’utilisateur ne sait pas quelle offre est prioritaire ;
- la bannière prend beaucoup d’espace sans clarifier le parcours.
Ce qu’il vaut mieux faire
- remplacer le slider par un hero statique ;
- afficher une seule promesse forte ;
- placer un CTA principal immédiatement visible ;
- réserver les contenus secondaires plus bas dans la page.
2. Le formulaire à 10 champs qui transforme l’intention en effort
Un formulaire trop long ne fait pas seulement perdre du temps. Il augmente la charge mentale, l’hésitation et le risque d’abandon. Baymard rappelle qu’un checkout trop long ou trop compliqué a déjà provoqué l’abandon chez 18 % des acheteurs, et que l’idéal observé peut descendre à 12 à 14 éléments de formulaire, alors que la moyenne mesurée reste à 23,48 éléments affichés par défaut. NN/g insiste de son côté sur la nécessité de réduire la charge cognitive via la structure, la clarté, la transparence et le support.
Pourquoi cela freine la conversion
- l’utilisateur perçoit la tâche comme longue avant même de commencer ;
- il ne comprend pas toujours pourquoi certaines informations sont demandées ;
- l’accumulation des champs renforce la fatigue sur mobile ;
- les erreurs deviennent plus probables.
Ce qu’il vaut mieux faire
- supprimer les champs non essentiels ;
- regrouper logiquement les informations ;
- indiquer clairement les champs obligatoires ;
- expliquer l’utilité des données demandées si elles ne sont pas évidentes ;
- afficher un format d’erreur utile et immédiat.
3. Le menu hamburger sur desktop
Masquer la navigation principale derrière un hamburger sur desktop reste l’un des anti-patterns les plus coûteux en découvrabilité. NN/g est très clair : la navigation cachée réduit la découvrabilité et augmente le coût d’interaction. L’organisation recommande de montrer la navigation sur les grands écrans. Les études de NN/g montrent aussi que les menus cachés dégradent les métriques UX sur desktop comme sur mobile.
Pourquoi cela freine la conversion
- l’offre paraît plus pauvre qu’elle ne l’est ;
- les catégories importantes restent invisibles ;
- l’utilisateur doit faire un clic de plus avant même d’explorer ;
- une partie du trafic ne découvre jamais certaines pages business.
Ce qu’il vaut mieux faire
- afficher la navigation principale sur desktop ;
- garder le hamburger pour mobile ou pour une navigation secondaire ;
- rendre les catégories commerciales visibles dès le premier écran.
4. L’absence de CTA au-dessus de la ligne de flottaison
Le haut de page reste stratégique. NN/g rappelle que ce qui apparaît sans scroll agit comme un gatekeeper : l’utilisateur décide très vite s’il continue ou non. Si le CTA principal n’est pas visible rapidement, ou s’il se noie dans une composition trop décorative, la page perd son rôle de page de conversion.
Pourquoi cela freine la conversion
- l’utilisateur comprend le contexte, mais pas l’action ;
- la page semble informative, pas opérationnelle ;
- le clic utile est repoussé trop bas ;
- la hiérarchie visuelle favorise l’image plutôt que la décision.
Ce qu’il vaut mieux faire
- rendre le CTA principal visible sans effort ;
- utiliser un libellé explicite ;
- distinguer visuellement l’action principale des actions secondaires ;
- répéter le CTA plus bas si la page est longue, sans cacher le premier.
5. L’absence de numéro de téléphone visible
Sur beaucoup de sites, la page de contact est pensée comme une obligation légale minimale. Pourtant, NN/g recommande une page de contact dédiée contenant au moins un téléphone et une adresse e-mail, et pas seulement un formulaire. Côté conversion, l’impact est direct : un numéro visible agit comme un signal de crédibilité, surtout dans les secteurs où l’engagement est plus élevé.
Pourquoi cela freine la conversion
- l’entreprise paraît distante ou difficile à joindre ;
- l’utilisateur hésitant ne trouve pas de voie de réassurance rapide ;
- la crédibilité perçue baisse ;
- les demandes “chaudes” basculent vers un concurrent plus accessible.
Ce qu’il vaut mieux faire
- afficher un numéro visible dans le header ou dans une zone de confiance ;
- préciser les horaires ;
- proposer au moins deux modes de contact ;
- rendre la page de contact facile à trouver.
6. La page de contact qui n’indique pas la réponse attendue
Une page de contact qui dit seulement “écrivez-nous” crée de l’incertitude. Combien de temps faut-il attendre ? Qui répond ? Par quel canal ? NN/g insiste sur la visibilité de l’état du système et sur la transparence dans les formulaires : l’utilisateur doit comprendre ce qui se passe et ce qui va suivre. Appliqué à une page de contact, cela implique d’indiquer clairement le délai ou au moins la nature de la suite. C’est une inférence directe à partir de ces principes.
Pourquoi cela freine la conversion
- l’utilisateur doute que son message soit traité ;
- il ne sait pas si sa demande est urgente ou non ;
- il perçoit le formulaire comme une boîte noire ;
- il reporte son contact ou cherche un canal plus rassurant.
Ce qu’il vaut mieux faire
- indiquer un délai de réponse clair ;
- préciser le type de réponse attendu ;
- confirmer l’envoi avec un message utile ;
- orienter vers un appel si la demande est urgente.
Le manque de preuve sociale : un frein transversal
Même quand la page est claire, le doute peut bloquer la décision. NN/g rappelle que la preuve sociale influence la perception de valeur et de confiance, avec un risque : une preuve faible ou mal présentée peut produire l’effet inverse. Baymard insiste aussi, dans ses contenus CRO, sur l’importance des signaux de confiance et de la réassurance dans les parcours de conversion.
Les erreurs fréquentes
- aucun avis visible ;
- logos clients absents ;
- chiffres non contextualisés ;
- témoignages vagues ;
- preuve sociale trop faible ou peu crédible.
Les signaux qui aident vraiment
- avis crédibles et contextualisés ;
- logos clients connus si le contexte s’y prête ;
- cas d’usage concrets ;
- notes ou volumes si les chiffres sont solides ;
- garanties et informations de réassurance visibles.
Tableau récapitulatif des anti-patterns UX
| Anti-pattern | Effet le plus fréquent | Correctif prioritaire |
|---|---|---|
| Slider hero | Message dilué | Hero statique avec une promesse et un CTA |
| Formulaire trop long | Abandon, fatigue | Réduire les champs et clarifier les étapes |
| Hamburger sur desktop | Navigation moins visible | Afficher le menu principal |
| Pas de CTA au-dessus de la ligne de flottaison | Inaction | Rendre l’action visible immédiatement |
| Pas de téléphone visible | Baisse de confiance | Afficher un numéro et les horaires |
| Contact sans délai de réponse | Incertitude | Annoncer clairement la suite |
Les anti-patterns les plus coûteux ne sont pas toujours les plus spectaculaires. Très souvent, ce sont de petits choix de structure ou de visibilité qui grignotent la conversion page après page.
Méthode d’audit rapide : les 3 questions à se poser en 5 secondes
Sur n’importe quelle page importante, il est utile de faire un test très simple. En cinq secondes, un visiteur doit pouvoir répondre à ces trois questions :
1. Qu’est-ce que cette page me propose exactement ?
Si la promesse n’est pas identifiable immédiatement, la page perd sa fonction commerciale. Le haut de page doit présenter une proposition lisible, pas seulement une ambiance ou une direction artistique.
2. Quelle est l’action principale attendue ?
Si la page contient trois CTA qui se battent entre eux, ou aucun CTA visible immédiatement, elle crée de l’hésitation. Une bonne page de conversion hiérarchise.
3. Pourquoi devrais-je faire confiance à cette entreprise maintenant ?
Si la page ne montre ni preuve sociale, ni contact clair, ni signaux de réassurance, elle oblige l’utilisateur à faire un effort de confiance. C’est souvent là que la conversion se perd.
Si l’utilisateur ne comprend ni l’offre, ni l’action, ni la raison de faire confiance en quelques secondes, la page travaille contre la conversion.
Cas concrets : avant / après d’optimisations UX simples
Cas 1. Hero spectaculaire, action invisible
Avant
- grand visuel plein écran ;
- slogan inspirant mais vague ;
- aucun CTA visible sans scroll.
Après
- titre orienté bénéfice ;
- sous-titre qui précise l’offre ;
- CTA principal visible immédiatement ;
- preuve sociale juste sous le hero.
Effet attendu
Une meilleure compréhension immédiate de la page, donc plus de clics utiles en haut de funnel. Le principe est cohérent avec les recommandations NN/g sur la zone au-dessus de la ligne de flottaison et la hiérarchie visuelle.
Cas 2. Formulaire de demande trop long
Avant
- 10 à 14 champs obligatoires ;
- labels flous ;
- aucun indicateur de progression ;
- erreurs affichées trop tard.
Après
- 5 à 6 champs essentiels ;
- champs secondaires déplacés après le premier contact ;
- labels explicites ;
- validation claire et message de suite.
Effet attendu
Une baisse de l’effort perçu et une hausse du taux de complétion, en ligne avec les constats de Baymard et NN/g sur les formulaires trop lourds.
Cas 3. Menu desktop caché
Avant
- hamburger sur desktop ;
- catégories clés invisibles ;
- navigation secondaire surreprésentée.
Après
- menu principal visible ;
- catégories de conversion accessibles immédiatement ;
- structure plus lisible.
Effet attendu
Une meilleure découvrabilité et un meilleur accès aux pages profondes à forte valeur commerciale.
Cas 4. Page contact anxiogène
Avant
- simple formulaire ;
- pas de téléphone ;
- pas d’horaire ;
- aucune indication sur le délai de réponse.
Après
- numéro visible ;
- e-mail de contact ;
- délai annoncé ;
- message de confirmation utile.
Effet attendu
Une hausse de la confiance et une baisse de l’hésitation, surtout sur les demandes à fort enjeu.
Mobile : la friction qui coûte le plus en silence
Le mobile concentre souvent plusieurs problèmes à la fois : champs trop nombreux, CTA trop bas, zones cliquables imprécises, contenus qui bougent, navigation cachée, hero trop envahissant. Google rappelle que l’expérience de page mesure notamment le chargement, l’interactivité et la stabilité visuelle, et que ces éléments contribuent à une interaction plus fluide et à un meilleur succès business. Baymard montre de son côté que la performance UX mobile reste souvent médiocre.
Les points à vérifier en priorité sur mobile
- le CTA est-il visible rapidement ?
- le formulaire paraît-il court ?
- le clavier masque-t-il l’action ?
- les clics sont-ils sûrs, sans décalage visuel ?
- la navigation est-elle compréhensible ?
Ce qu’un bon design de conversion doit faire
Un design qui convertit ne cherche pas seulement à séduire. Il doit :
- rendre la promesse claire ;
- montrer l’action principale ;
- réduire l’effort ;
- rendre la navigation visible ;
- rassurer au bon moment ;
- supprimer les ambiguïtés ;
- rester fluide sur mobile.
En résumé
Le problème d’un site qui ne convertit pas vient rarement d’un seul défaut. Dans la plupart des cas, la baisse de performance vient d’un empilement de petites frictions :
- un hero trop décoratif ;
- un CTA mal hiérarchisé ;
- une navigation cachée ;
- un formulaire trop lourd ;
- un mobile mal traité ;
- un déficit de réassurance.
Un site peut donc être esthétiquement réussi et pourtant mal convertir. Ce qui coûte des clients n’est pas forcément le manque de style. C’est souvent le manque de lisibilité, de hiérarchie, de confiance et de fluidité.
