design-site-web

 

Le webdesign est difficile à maitriser.

Encore beaucoup d’entreprises rencontrent des difficultés pour convertir leur trafic en leads et en ventes. Certes un site web se doit d’être agréable visuellement, mais sa première fonction est de convertir.

Posséder un beau site est inutile si les visiteurs qui arrivent dessus, repartent sans rien faire.

Aujourd’hui nous allons voir ensemble les erreurs les plus communes et plus dramatiques concernant le design d’un site web. Vous verrez que la plupart sont faciles à corriger.

Prenez donc le temps d’améliorer votre design, une fois que vous aurez lu l’article.

Au fur et à mesure que vous les réparerez vous remarquerez une augmentation de votre taux de conversion.

 

Erreurs de design de site web

1. Un design non-responsive

Aujourd’hui, ne pas avoir de design responsive vous rend inaccessible pour une partie des utilisateurs. Depuis 2015, Google récompense tous les sites étant responsives, pénalisant par conséquence ceux ne l’étant pas.

Avoir un site responsive fait sens lorsque l’on sait que 70% du trafic provient soit de mobiles soit de tablettes. Avec un site responsive vous êtes sûr d’être accessible par tous les internautes. Vous touchez donc tout votre marché sur le web, peu importe l’appareil avec lequel il se connecte.

Google a d’ailleurs un outil permettant de tester l’optimisation du design de votre site pour les appareils mobiles.

 

2. L’absence de Favicon

Qu’est-ce qu’un favicon ? Il s’agit du petit logo qui s’affiche en haut à gauche d’un onglet.

Vous observerez que certains sites web ont leur logo en tant que favicon alors que d’autres ont laissé le favicon de base. Le favicon est un détail mais permet aux utilisateurs de repérer facilement quel onglet correspond à quel site web.

Avec un favicon reconnaissable, ils retrouvent ainsi plus facilement l’onglet de votre site web.

 

3. Page introuvable

Est-ce que vous avez déjà cliqué sur un lien pour tomber sur ce type de page ?

design-site-web-page-introuvable

Les Erreurs 404 Page Introuvable nuisent à vos taux de conversion. Selon une récente étude, la majorité des utilisateurs atterissant sur une page introuvable ne font pas l’effort de chercher la page manquante.

Ils retournent en arrière et vont sur un autre site web.

 

4. L’utilisation de carousel sur votre page d’accueil

Nous en avons déjà parlé dans un article précédent, les carousels sont souvent utilisés à tord pour combler l’espace. Ou encore car ils font “jolis” sur un site.

Le problème est que le carousel pollue votre page d’accueil et diminue les chances pour l’utilisateur de voir votre appel à l’action. Les carousels tournant automatiquement ressemblent sont souvent perçus comme des publicités.

L’internaute navigue donc sur votre site avec une vision réduite.

 

5. Votre site est lent

70% des sites web se chargent en plus de 5s. Or 53% des utilisateurs mobiles quittent les sites mettant plus de 3s à se charger.

Il y a un décalage entre ce que les utilisateurs recherchent et ce que les sites web leur offrent. Si votre site web met plus de 3s à charger, ce qui est surement le cas vous devriez résoudre ce problème maintenant.

Il faut aussi considérer le fait que la vitesse de chargement est l’un des critères analysés par Google dans les bonnes mesures de référencement.

N’hésitez pas à lancer différents speed test sur Google Page Speed, Gtmetrix ou encore Pingdom.

 

6. Votre site ne respecte pas les normes

Les utilisateurs s’attendent à toujours retrouver les mêmes éléments aux mêmes emplacements. Par exemple, un internaute s’attend à pouvoir retourner à votre page d’accueil en cliquant sur votre logo.

Un autre exemple serait une barre de navigation situé en bas du site alors qu’elle est habituellement située en haut. Si les visiteurs se sentent perdus sur votre site, ils le quitteront.

Respectez au maximum les règles d’usage concernant les sites web.

 

Erreurs de typographie

7. Choisir une police illisible

Les écritures cursives, aspect “écrites à la main” et autres symboles sont particulièrement difficiles et inconfortables à la lecture.

Voici ci-dessous le même texte mais écrit dans avec la police Old English Text MT.

design-site-web-police-illisible

Est-ce que c’est agréable à lire ? Non.  Est-ce que c’est facile à lire ? Non plus.

N’utilisez donc pas ce types de police sur votre site web. Votre but est de faciliter la compréhension de votre message, pas de le rendre plus compliqué avec des polices exotiques.

 

8. Mauvais kerning, tracking et leading

Le kerning, crénage en français, correspond à l’espace entre deux caractères: lettre, chiffre ou symbole.

design-site-web-kerning

Le tracking fait lui référence à l’espace entre les différents caractères d’un mot.

design-site-web-tracking

Le leading correspond à l’espacement entre les différentes lignes d’un texte.

design-site-web-leading

Plus le kerning, tracking et leading sont faibles et plus un texte est difficile à lire sur votre site web. En ayant une bonne combinaison de ces 3 éléments, le design de votre site web aura plus de clarté.

 

9. Utiliser trop de polices différentes

Utiliser trop de polices différentes est un problème surtout lorsqu’elles sont très différentes. Les visiteurs sont distraits par la forme de votre contenu plutôt que par son message.

Voici un exemple plus parlant avec l’une des campagnes publicitaires de Fanta:

design-site-web-police

Le fait de changer régulièrement de police casse le rythme de lecture et oblige le lecteur à se réadapter à chaque changement. Un site web doit être chaleureux pour les visiteurs, mais n’abusez pas non plus dans le nombre de polices utilisées.

Une bonne règle serait de limiter son contenu à l’utilisation de 2 à 3 polices différentes.

 

10. Utiliser des polices incompatibles

Utiliser 2 à 3 polices différentes est une bonne idée pour autant que les polices forment un tout harmonieux. Or toutes les polices ne vont pas ensemble certaines étant visuellement incompatibles.

C’est notamment le cas de la Blackadder ITC et de la Wide Latin.

design-site-web-police-incompatible

Utiliser deux polices extravagantes attirent l’attention à deux endroits différents, alors qu’aucun des deux ne mérite réellement d’attention.

 

Erreurs de contenu

11. Votre contenu n’est pas créé pour les visiteurs

Les entreprises non familières avec le marketing de contenu ont tendance à parler d’elles et exprimer en quoi elles sont géniales ou expertes. Le problème est que les visiteurs se moquent de savoir que vous avez 23% de parts de marché.

Ce qui intéresse les visiteurs est ce que vous avez à leur offrir. Ce qui résonne avec leurs besoins, désirs et peurs. Pour convertir vos visiteurs vous devez apprendre les bases du copywriting et écrire pour votre audience en priorité.

 

12. Votre contenu n’est pas scannable

Saviez-vous qu’un visiteur ne lira que 28% de votre page lors de sa visite ?

Est-ce que cela signifie que vous devriez produire des contenus de moins de 200 mots? Bien sûr que non. D’un point de vue SEO, Google a tendance à favoriser les contenus longs.

Pour que vos visiteurs puissent tirer le maximum de votre contenu en un minimum de temps, vous devez le rendre le plus scannable possible.

Voici ce que vous pouvez mettre en place:

  • Ajouter des titres et sous-titres,
  • Utiliser des images/vidéos et listes à puces pour varier le contenu,
  • Faire des paragraphes de 2-3 lignes,
  • Mettre en gras/italique les passages clés de la page.

 

13. Mauvais usage de l’espace blanc

L’espace blanc permet d’améliorer la lisibilité, la clarté et augmente l’attention des visiteurs. Lorsqu’un site web présente un design avec trop peu d’espaces blancs ou une mauvaise utilisation de celui-ci, le contenu est désagréable et rend plus difficile la lecture.

Voici un exemple avec le site 007 museum:

Heureusement très peu de sites utilisent aussi mal l’espace blanc.

Au contraire, voici le site d’Apple qui utilise parfaitement l’espace blanc pour attirer l’attention sur ses produits.

Le site 007 museum utilisait l’espace blanc sans objectif spécifique et de manière désordonnée.

Voilà la grande différence entre les 2 sites. L’utilisation de l’espace blanc est un équilibre à trouver entre “trop” et “pas assez”.

 

14. Une mauvaise grammaire

La plupart d’entre nous faisons des erreurs. Erreurs de syntaxe, d’orthographe etc… Si vous créez beaucoup de contenu, les internautes seront plus tolérants envers vous car l’erreur est humaine.

En revanche, si vos fautes deviennent trop présentes cela entache votre image et vous fait perdre en sérieux. Le message que vous transmettez n’a plus le même poids.

 

Erreurs d’ergonomie

15. Ne pas répondre aux questions des visiteurs

En arrivant sur votre site, plusieurs questions traversent l’esprit de vos visiteurs:

  • Qui est derrière ce site web ?
  • Comment entrer en contact avec un responsable du service client ?
  • Quels produits ou services me sont proposés ?
  • Quel est le tarif des offres qui me sont proposées ?
  • Quelles sont les Conditions Générales de Vente ?
  • Quelle est la Politique de Confidentialité ?
  • Où est située cette entreprise ?
  • Quelle est la politique de livraison, retour et remboursement ?
  • Pourquoi devrais-je acheter ici plutôt qu’ailleurs ?

La liste ci-dessus est loin d’être exhaustive et dépend en partie du profil de l’internaute qui arrive sur votre site. Mieux vous arriverez à anticiper les questions de vos visiteurs à travers le design de votre site web et meilleur sera votre taux de conversion.

 

16. Mauvais système de recherche

Les internautes sont habitués à chercher ce qui les intéressent directement depuis les barres de recherche présentes sur les sites web. Il est donc essentiel d’avoir cette caractéristique intégrée dans votre site, encore plus s’il s’agit d’un site e-commerce.

Ce n’est tout de même pas suffisant. Certains moteurs de recherche associés au site web ne sont pas assez performants et deviennent frustrant à utiliser.

Assurez-vous que les requêtes soient classées de la plus pertinente à la moins pertinente. Et surtout que les majuscules, accents et pluriels n’interfèrent pas dans les résultats affichés.

 

Erreurs de performance

17. Votre site ne fonctionne pas dans tous les navigateurs web.

Google Chrome, Microsoft Edge autant de navigateurs web que d’affichage différents. Lorsque vous créez un site, vérifier qu’il soit accessible par n’importe qui depuis n’importe quel navigateur.

 

18. Vous êtes dépendant de Javascript

Javascript est un langage parfait pour dynamiser vos pages web et les rendre plus interactives. Cependant, ne reposez pas tout le design de votre site web sur Javascript. Il suffit que l’utilisateur décide de désactiver Javascript dans son navigateur et votre site ne ressemblera plus à ce que vous souhaitiez.

Cette technologie est géniale mais n’en abusez pas!

 

19. Pas de compression d’images

Les images de haute résolution possèdent beaucoup d’informations inutiles. Ces informations alourdissent les images. En ne compressant pas vos images, vous alourdissez votre site et augmentez donc son temps de chargement.

Vous pourriez éviter tout cela, simplement en décidant de compresser vos images. Beaucoup d’outils gratuits en ligne offrent la compression lossless qui réduit le poids des images sans en altérer la qualité à vue d’oeil.

 

20. Pas de mise en cache navigateur

Lorsque la mise en cache navigateur est activé sur votre site, il charge plus vite. La mise en cache stocke tous les fichiers de votre site web directement dans le navigateur de l’internaute.

Votre site s’affiche donc plus vite que s’il était chargé depuis votre serveur. Si ce n’est pas encore fait, pensez à l’activer !

 

21. Pas de minification des fichiers CSS, HTML et Javascript

Minifier les fichiers CSS, html et javascript permet d’éliminer tous les caractères et espaces inutiles, sans altérer leur fonctionnalité.

Le fait de compresser le code de son site permet d’améliorer sa vitesse de chargement. Sur WordPress, le plugin W3 Total Cache permet de planifier et automatiser le processus de minification.

 

Conclusion

Avoir un bon design pour son site web est déterminant. Un bon design permet d’attirer plus de trafic, générer plus de leads et augmenter votre CA.

Au final, créer un bon design n’est pas si compliqué que ça. Il faut simplement placer l’utilisateur au coeur de la création du design.

Tout comme vous feriez avant de sortir un nouveau produit, essayer de découvrir les fonctionnalités qu’apprécieraient vos visiteurs, quelle organisation, couleurs et structure leur parlent le plus.

Votre taux de conversion est faible ? Il y a fort à parier que le design de votre site internet pourrait être amélioré.

Cliquez-ici pour profiter d’un audit de 30 min entièrement gratuit avec nous pour déterminer les axes d’améliorations de votre site web.

Vous souhaitez obtenir une aide particulière ?

Logo

Starter

Je veux élaborer ma propre stratégie avec l’aide des formations Neoline University.

Nous avons réalisé des formations complètes qui vous montrent exactement comment nous avons aidé de grosses entreprises comme MyProtein, Bluelinea et bien d’autres…

Démarrer

Build

Je veux l’aide de Neoline Marketing pour développer ma stratégie.

Neoline Marketing vous aidera à développer une stratégie solide sous forme de consulting afin que vous puissiez agir dans la bonne direction et obtenir de meilleurs résultats sur le court, moyen et long terme.

Démarrer

Accelerate

Je veux que Neoline Marketing réalise la prestation.

Neoline Marketing réalise une prestation 100% personnalisée pour votre Business. Dormez le coeur léger. Déléguez en toute sérénité. Gagnez du temps. Faites-nous part de vos besoins, nous nous chargeons du reste.

Démarrer

Vous souhaitez obtenir une aide particulière ?

Logo

Starter

Je veux élaborer ma propre stratégie avec l’aide des formations Neoline University.

Nous avons réalisé des formations complètes qui vous montrent exactement comment nous avons aidé de grosses entreprises comme MyProtein, Bluelinea et bien d’autres…

Démarrer

Build

Je veux l’aide de Neoline Marketing pour développer ma stratégie.

Neoline Marketing vous aidera à développer une stratégie solide sous forme de consulting afin que vous puissiez agir dans la bonne direction et obtenir de meilleurs résultats sur le court, moyen et long terme.

Démarrer

Accelerate

Je veux que Neoline Marketing réalise la prestation.

Neoline Marketing réalise une prestation 100% personnalisée pour votre Business. Dormez le coeur léger. Déléguez en toute sérénité. Gagnez du temps. Faites-nous part de vos besoins, nous nous chargeons du reste.

Démarrer