😱 5 erreurs de design à éviter pour ton site web

Aujourd’hui, je te récapitule les 5 erreurs de design les plus fréquentes et je t’apprends comment les éviter. 👇

Chaque élément a son importance en design.
Et pourtant, je vois ces erreurs trop souvent sur de nombreux sites web.

Il est temps d’améliorer tout ça ! ✍️

‍

❌ Contraste insuffisant

C’est l’erreur que je retrouve dans quasiment tous mes audits ! Pourtant avoir un bon contraste c’est garantir une meilleure lisibilité de tes textes mais aussi inclure tes visiteurs en situation de handicap visuel. Et cela est essentiel pour tous les éléments de ton site web, même sur les zones qui te paraissent moins importantes.

‍

On oublie donc les "Oui mais c'est plus joli comme ça"...

Si tu aimes une association de couleurs, tu dois pouvoir trouver une couleur alternative et garder l’esthétique que tu souhaites.
Et puis, quel intérêt que ça soit "joli" si personne ne peut lire ce qu'il y a écrit ! 🤦🏾‍♀️

‍

‍

‍

➡️ Pour éviter cette erreur, tu peux vérifier le contraste de tes couleurs sur Coloors - Contast Checker par exemple. 

‍

❌ Pas assez de marge

Tu veux être impactant, clair et agréable à lire ?
Alors, il faut laisser de l’espace pour que ton contenu respire. 

Un site surchargé = des utilisateurs étouffés.

‍

‍

➡️ Si c’est ton cas, ajoute de l’espace entre tes éléments et ton design sera tout de suite plus équilibré ! Il ne faut pas avoir peur de laisser des espaces vides.

‍

❌ Un site pas responsive

Actuellement, c’est indispensable d’avoir un site qui s’adapte aux différentes tailles d'écran. Certains sites sont même majoritairement consultés sur mobile.

‍

‍

➡️ Vérifie régulièrement l’affichage de ton site et fais des tests sur différents appareils (ordinateur portable, différents téléphones et navigateurs).

‍
Un bug, et c’est tes clients qui s’en vont, sans se poser de questions.

‍

❌ Mauvaise hiérarchie d’information

La hiérarchie d’information, c’est ce qui va permettre à tes visiteurs de comprendre ton texte en 1 coup d’œil.

‍

‍

➡️ Joue sur la taille de tes textes et sur leur graisse (gras, medium, regular) mais aussi sur leur couleur et emplacement.

‍

❌ Patchwork d’icônes

Tu as récupéré des icônes un peu partout gratuitement mais tu n’as pas vraiment testé de les mettre les unes à côté des autres ?
“Ouah c’est bizarre en fait cette assemblage !”

‍

‍

➡️ Pour une harmonie et une cohérence dans tes icônes, choisis un même style (ex: outline) et ajuste la taille et l'épaisseur des traits.

‍

Pour finir

J’espère que ce récapitulatif des erreurs courantes va t’aider à améliorer ton site web !

Et si tu penses faire l’une de ses erreurs mais que tu ne sais pas par où commencer ?
Je t’offre un audit express (et gratuit) de ton site afin de :

1. Faire le point sur l’existant et détecter les bugs
2. Améliorer l’expérience utilisateur
3. Avoir plus de clarté pour plus de conversion

Clique sur le lien pour prendre rendez vous : https://zcal.co/margaux-teste/30min

‍

Pour aller plus loin

• Un outil pour vérifier le contraste de tes couleurs : Coolors 
• Un outil pour trouver une couleur alternative et améliorer les contrastes : Contrast Finder 

‍