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.
L'UGC (User Generated Content) ou contenu généré par les utilisateurs est en train de changer la donne dans le monde du marketing. Avec l'essor des réseaux sociaux et des plateformes de partage de contenu, les ... LIRE PLUS
Les réseaux sociaux sont devenus un outil indispensable pour les entreprises qui cherchent à atteindre leur audience cible et à générer du trafic sur leur site web. Avec plus de 3,8 milliards d'utilisateurs actifs de ... LIRE PLUS
En 2023, il existe de nombreux sites qui utilisent l'intelligence artificielle (IA) pour aider les utilisateurs à rédiger du contenu et à générer des images. Si vous cherchez des outils pour vous aider à rédiger ... LIRE PLUS
