8 erreurs communes de webdesign à éviter sur votre site !

De nos jours, avoir un site attractif et professionnel est essentiel pour mettre les internautes en confiance.
Il est donc tout aussi important de connaître les pièges à éviter en termes de webdesign.

Il est difficile de trouver des standards universels qui définiraient un bon webdesign. En revanche, il existe quelques approches communément admises parmi les webdesigners. Par exemple :

Ces quelques “lois” fondamentales, quand elles sont respectées, permettent de réaliser un site  agréable et attractif , et améliorent l’expérience utilisateur.
Voyons à présent ce qui ne définit pas un bon webdesign.

Quel que soit le type de site, la rédaction doit rester la plus lisible possible, pour ne pas provoquer la frustration des internautes.

L’on peut aimer les grands paragraphes dans les romans, mais cela ne s’applique pas pour Internet. Chaque texte doit être  simple à analyser , pour que les internautes comprennent très vite de quoi il en retourne et si l’information qu’ils cherchent se trouve bien dans les lignes qu’ils lisent.

Il existe de nombreuses façons de rendre votre contenu plus facile à lire. Voici quelques exemples :

Par définition, un site doit proposer une navigation  simple  et  intuitive . Les utilisateurs ne doivent pas avoir à fouiller pour trouver le contenu qu’ils cherchent.

Cela peut arriver, notamment, avec un menu placé à un endroit inhabituel, qui contient des  liens brisés  ou qui est constitué de façon désordonnée.
Une navigation difficile peut d’ailleurs tant frustrer les internautes qu’ils quitteront le site très vite. Résultats : un  taux de rebond  (pourcentage d’internautes ayant quitté le site après en avoir visité une seule page) en hausse et des  conversions bien plus rares  (les internautes ne trouveront pas ce qu’ils cherchent ou penseront le site à l’abandon et inactif).

De nos jours, la plupart des sites utilisent une navigation simple. Toutefois, il est toujours utile de se remémorer les fondamentaux :

Pour un élément si fondamental, il est facile de considérer le menu comme acquis et de ne pas y réfléchir plus que cela. Mais il faut savoir que son agencement et son apparence ont une grande importance dans l’expérience utilisateur.

Utilisé correctement, l’espacement entre vos éléments  fait ressortir vos contenus  aux yeux des internautes. Rien de tel pour guider les yeux d’un internaute exactement là où vous souhaitez qu’ils se posent.

Un élément à utiliser avec parcimonie car l’excès, dans un sens ou dans l’autre, sera vite contre productif.

Ainsi, des espaces trop serrés donneront un aspect chaotique et encombré à votre rendu visuel. L’internaute peut alors se sentir submergé et préférer aller trouver son bonheur sur un site concurrent.

L’espacement peut aussi aider la lisibilité de vos contenus. Entre les  gros-titres  et le  corps  du texte, notamment. L’utilisation d’ images  et de  listes  permet aussi de briser des paragraphes trop imposants. L’idée est aussi de donner un visuel organisé.

Si les extrêmes sont contre-productif, l’espacement est une façon simple d’aérer un site et de lui donner un aspect moderne et propre.

Les Calls-to-action peuvent prendre bien des formes (boutons, en-tête, ou même texte).

Il est important de réaliser le  bon message  pour assurer un Call-to-action efficace. De même, l’emplacement et la mise en valeur d’un Call-to-action impacteront fortement sur ses effets.

Idéalement, votre CAT doit se placer au  début   et  à la  fin  de vos pages. Cela permettra d’attirer les internautes prêts à passer à l’acte tout de suite autant que ceux qui préfèreront lire votre contenu avant de se décider.
Votre CAT doit  se démarquer  du reste de votre page. Cela peut s’effectuer en jouant sur les contrastes et couleurs, en utilisant un bouton design ou encore par un texte en gras.
Assurez-vous que le CAT est facile d’accès, que l’on peut cliquer dessus simplement. En d’autres termes, il doit être assez gros.

S’assurer que votre site est bien  responsive  et adapté à des écrans de smartphone est plus important que jamais. En effet, le trafic sur Internet est dorénavant plus important sur téléphone que sur ordinateur ! Et cette tendance se confirme un peu plus chaque jour.

Concrètement parlant, cela veut dire qu’un site qui n’est pas  adapté aux écrans de mobiles  risque de se couper d’une part significative de son trafic.

Du point de vue écran de mobile, par chance, les éléments à prendre en compte sont les mêmes que pour un écran d’ordinateur. A savoir :

Dans l’idéal, votre site doit présenter un design  uniforme  à l’ objectif clair . Multiplier les styles et ambiances d’une page à l’autre peut vite perdre l’internaute.

Une identité unie – telle qu’une  même palette  de couleurs et un style uniforme – mettra en valeur votre marque.
Prenons l’exemple de Facebook. Ils utilisent le même style depuis des années,  clair  et  reconnaissable  à sa palette de couleurs bleutées. Ce n’est peut-être pas le style le plus recherché du web, mais il atteint parfaitement son but, au point qu’on l’associe maintenant immédiatement à la célèbre marque.

Pour ce qui est du style à utiliser en lui-même, il dépendra de décisions personnelles, selon l’objectif et l’ambiance recherchés. L’essentiel est qu’il soit cohérent.

Les illustrations sont une bonne chose sur un site. Mais comme pour tout, le trop est l’ennemi du bien.

Non seulement,  surcharger  une page en visuels peut donner un aspect chaotique à votre site, mais cela peut aussi impacter la  vitesse de chargement  de vos pages. Côté expérience utilisateur, la durée de chargement est très importante et une seule seconde d’attente de trop peut les décider à  abandonner  votre page. Côté  référencement , Google n’apprécie pas non plus particulièrement les pages trop chargées et  trop lentes .

De plus, il faut choisir ses images avec soin pour  ne pas détourner l’attention  des internautes. Le but est de les amener à découvrir votre contenu, vos offres et services, grâce à vos visuels, et non pas de les en détourner par un trop-plein d’images.

Bien entendu, tout site a besoin de visuels et de travail graphique. Mais il faut garder à l’esprit la notion d’utilité et de  pertinence  pour ne pas aller dans l’excès. Par exemple, les images incluses dans un article peuvent servir d’exemple ou aider à contextualiser l’idée générale du paragraphe qui les précède.

Préférez aussi des  animations discrètes  plutôt que des animations en pleine page.

Enfin, un détail qui a toute son importance est la partie Contact. Le but d’un site est généralement de pousser les internautes à utiliser vos services ou produits. Pour ce faire, la case Contact est généralement incontournable.

Il faut donc s’assurer que cette partie est  visible et facile à trouver . On lui donne souvent une place classique dans les menus, tout dans un coin. Certains placent aussi leur formulaire de contact en bas de toutes leurs pages, ou des pages qui ont pour but de  déclencher du lead  du moins.

En plus du formulaire de contact, laisser un  numéro de téléphone et/ou une adresse mail  à côté peut aussi aider les plus réticents à vous contacter sans passer par ledit formulaire.

Vous souhaitez restructurer votre site ou en créer un pour votre commerce naissant ?  Http5000 vous conseille et vous accompagne  de A à Z. Rédaction des contenus, création du design, mise en ligne, maintenance, présence sur les réseaux sociaux, faites-nous part de vos demandes et besoins et nous trouverons une solution avec vous pour concevoir le site idéal.