Les cinq erreurs UX qui coûtent le plus de clients aux PME sont : un temps de chargement supérieur à 3 secondes (53 % des visiteurs abandonnent), une navigation confuse sans hiérarchie claire, des formulaires trop longs ou mal conçus, un contenu illisible sur mobile, et des pop-ups intrusifs qui bloquent l'accès au contenu. Corriger ces erreurs peut doubler votre taux de conversion sans changer une ligne de contenu.
L'UX (User Experience, ou expérience utilisateur) désigne la qualité de l'expérience vécue par vos visiteurs quand ils naviguent sur votre site. Chez Dwenola, après avoir audité et corrigé des dizaines de sites de PME, on voit toujours les mêmes erreurs revenir. Ce sont des problèmes simples à résoudre, mais qui ont un impact majeur sur vos résultats.
Erreur 1 : un site trop lent
C'est l'erreur numéro un, et de loin. La vitesse de chargement est le premier facteur d'abandon sur un site web.
Les chiffres qui font mal
| Temps de chargement | Taux d'abandon |
|---|---|
| 1 seconde | 7 % |
| 3 secondes | 32 % |
| 5 secondes | 53 % |
| 10 secondes | 87 % |
Chaque seconde supplémentaire de chargement réduit les conversions d'environ 7 %. Sur un site e-commerce qui fait 10 000 euros de ventes par mois, passer de 5 à 2 secondes de chargement peut représenter des milliers d'euros de chiffre d'affaires supplémentaire.
Les causes fréquentes
- Images non optimisées : des photos en JPEG de 3 Mo quand 200 Ko en WebP suffiraient. Consultez notre leçon sur l'optimisation des images
- Trop de plugins : sur WordPress, chaque plugin ajoute du code à charger
- Hébergement bas de gamme : un hébergement mutualisé à 2 euros par mois n'est pas fait pour un site professionnel
- Pas de mise en cache : le navigateur recharge tout à chaque visite au lieu de garder les fichiers en mémoire
- Polices web lourdes : charger 5 variantes d'une police Google Fonts alors que 2 suffisent
Comment mesurer
Utilisez Google PageSpeed Insights (gratuit) pour analyser la vitesse de votre site. Un score de 90 ou plus sur mobile est l'objectif. En dessous de 50, c'est un problème urgent.
Erreur 2 : une navigation confuse
Si vos visiteurs ne trouvent pas ce qu'ils cherchent en 2 clics, ils partent. Une navigation confuse est le signe d'un site mal pensé.
Les symptômes
- Un menu avec plus de 8 éléments au premier niveau
- Des intitulés vagues ("Solutions", "Notre univers", "Espace découverte") au lieu de mots clairs ("Services", "Tarifs", "Contact")
- Des sous-menus à rallonge avec trois niveaux de profondeur
- Pas de fil d'Ariane (breadcrumb) sur les pages profondes
- Un bouton de contact difficile à trouver
Les solutions
Simplifiez le menu principal à 5-7 éléments maximum. Les intitulés doivent être des mots que vos clients utilisent, pas du jargon marketing interne. Un test simple : montrez votre menu à quelqu'un qui ne connaît pas votre entreprise. Comprend-il ce que vous faites et où trouver ce qu'il cherche ?
Ajoutez un CTA visible dans le header : un bouton "Contact" ou "Devis gratuit" toujours visible, même au scroll. C'est le raccourci vers la conversion, il doit être accessible en permanence.
Utilisez un fil d'Ariane sur toutes les pages internes pour que le visiteur sache toujours où il se trouve dans l'arborescence du site. On détaille la structuration dans notre leçon sur l'arborescence.
Erreur 3 : des formulaires qui découragent
Le formulaire de contact est souvent le point de conversion principal d'un site de PME. Et c'est souvent là que tout se joue : un formulaire mal conçu peut faire fuir un prospect qualifié à deux doigts de vous contacter.
Les erreurs classiques
- Trop de champs : nom, prénom, email, téléphone, adresse, société, fonction, message, consentement RGPD, captcha... Le prospect abandonne au troisième champ.
- Pas de validation en temps réel : le visiteur remplit tout, clique sur "Envoyer", et découvre qu'il a fait une erreur quelque part sans savoir où.
- Pas de confirmation : après l'envoi, rien ne se passe. Le visiteur ne sait pas si son message est parti.
- Captcha trop complexe : les captchas "sélectionnez toutes les images avec des feux tricolores" sont un cauchemar, surtout sur mobile.
- Formulaire non optimisé pour le mobile : champs trop petits, clavier inadapté (clavier alphabétique pour un numéro de téléphone).
Les bonnes pratiques
- 3 à 5 champs maximum pour un formulaire de contact : nom, email, téléphone (optionnel), message. C'est tout.
- Validation en temps réel : affichez immédiatement si le format de l'email est correct.
- Page de confirmation claire : "Merci, votre message a bien été envoyé. On vous répond sous 24h."
- Types de champs HTML adaptés :
type="email"pour l'email,type="tel"pour le téléphone (affiche le bon clavier sur mobile).
On approfondit ce sujet dans notre leçon dédiée aux formulaires et CTA.
Erreur 4 : un contenu illisible
Vous pouvez avoir le meilleur contenu du monde, s'il est mal présenté, personne ne le lira.
Les problèmes courants
- Texte trop petit : en dessous de 16 pixels sur desktop, c'est fatigant. Sur mobile, c'est illisible.
- Lignes trop longues : au-delà de 75 caractères par ligne, les yeux peinent à retrouver le début de la ligne suivante.
- Pas de structure : des paragraphes interminables sans sous-titres, sans listes, sans aération.
- Contraste insuffisant : texte gris clair sur fond blanc, c'est tendance mais illisible.
- Trop de polices et de styles : gras, italique, souligné, couleur, taille différente... tout en même temps.
Les solutions concrètes
| Problème | Solution |
|---|---|
| Texte trop petit | 16-18 px minimum pour le corps du texte |
| Lignes trop longues | Conteneur de 650-750 px pour le texte principal |
| Pas de structure | Un sous-titre (H2/H3) tous les 200-300 mots |
| Contraste insuffisant | Ratio de contraste minimum de 4,5:1 (utilisez WebAIM) |
| Trop de styles | Maximum 2 polices, 3 tailles, 2 couleurs de texte |
La règle de la pyramide inversée
Sur le web, commencez par l'information la plus importante, puis donnez les détails. Chaque paragraphe doit commencer par son idée principale. Les visiteurs qui scannent (et ils sont la majorité) doivent pouvoir comprendre votre message en ne lisant que les premières lignes de chaque section.
Erreur 5 : des pop-ups et interruptions intrusives
Les pop-ups (fenêtres modales) sont le fléau du web moderne. Utilisées à mauvais escient, elles ruinent l'expérience utilisateur et votre crédibilité.
Ce qui agace les visiteurs
- Le pop-up qui apparaît dès l'arrivée : le visiteur n'a même pas eu le temps de lire un mot qu'on lui demande son email
- Le pop-up de cookies surdimensionné qui couvre la moitié de l'écran
- Les pop-ups multiples : cookies + newsletter + chat + notification de promotion
- Le pop-up qui revient même après avoir été fermé
- Le bouton "Non merci" caché en gris minuscule
Les bonnes pratiques
- Retardez les pop-ups : attendez au moins 30 secondes ou 50 % de scroll avant d'afficher un pop-up
- Un seul pop-up par visite : ne cumulez jamais plusieurs fenêtres modales
- Le bouton de fermeture doit être évident : gros, visible, facile à cliquer sur mobile
- Respectez le choix de l'utilisateur : s'il ferme votre pop-up, ne le remontrez pas avant au moins 7 jours
- Google pénalise les interstitiels intrusifs sur mobile : c'est un critère de référencement
Erreur bonus : ignorer les parcours utilisateurs
Beaucoup de PME conçoivent leur site comme une brochure : page par page, de manière isolée. Mais les visiteurs ont des parcours. Ils arrivent sur une page de service via Google, lisent, veulent en savoir plus, cherchent des preuves de crédibilité, puis veulent vous contacter.
Les questions à se poser
- D'où viennent mes visiteurs ? (Google, réseaux sociaux, lien direct)
- Sur quelle page arrivent-ils en premier ?
- Quel est le chemin logique vers la conversion ?
- Y a-t-il des culs-de-sac (pages sans lien vers la suite) ?
- Le bouton de contact est-il accessible depuis n'importe quelle page ?
Chaque page de votre site doit avoir un objectif clair et un chemin vers la suivante. Si un visiteur se retrouve sur une page sans savoir quoi faire ensuite, vous l'avez perdu.
Besoin d'aide ? Chez Dwenola, on crée votre site pro dès 49€/mois. On en discute ?
Questions fréquentes
Comment savoir si mon site a des problèmes d'UX ?
Trois méthodes simples : premièrement, regardez votre taux de rebond dans Google Analytics (au-dessus de 60 %, il y a un problème). Deuxièmement, demandez à 5 personnes de votre entourage de réaliser une action précise sur votre site (trouver vos tarifs, vous contacter) et observez leurs difficultés. Troisièmement, utilisez un outil comme Hotjar ou Microsoft Clarity (gratuit) pour enregistrer les sessions de vos visiteurs et voir où ils bloquent.
L'UX et le design, c'est la même chose ?
Non. Le design concerne l'aspect visuel (couleurs, typographie, mise en page). L'UX concerne l'expérience globale : est-ce que le visiteur trouve facilement ce qu'il cherche ? Est-ce que le parcours est fluide ? Est-ce que l'action souhaitée est intuitive ? Un site peut être très beau mais avoir une mauvaise UX, et inversement. Le meilleur design est celui qui allie les deux.
Combien coûte un audit UX de son site ?
Un audit UX professionnel coûte entre 500 et 3 000 euros selon la taille du site et la profondeur de l'analyse. Mais vous pouvez déjà identifier 80 % des problèmes en suivant les points de cette leçon et en faisant tester votre site par quelques personnes. Chez Dwenola, on réalise un audit UX dans le cadre de chaque projet de refonte.
Faut-il refaire entièrement son site si l'UX est mauvaise ?
Pas nécessairement. Beaucoup de problèmes d'UX se corrigent sans refonte complète : optimiser les images pour la vitesse, simplifier le menu, réduire les champs d'un formulaire, améliorer le contraste du texte. En revanche, si les problèmes sont structurels (arborescence incohérente, technologie obsolète, design non responsive), une refonte peut être la solution la plus efficace.
ChatGPT
Claude
Gemini
Perplexity