6 erreurs de conception de site web et comment les éviter ?

Un certain nombre de facteurs, d’éléments et de choix de conception de sites Web peuvent rendre les choses plus difficiles pour l’utilisateur : plus difficile de naviguer, plus difficile de se connecter et plus difficile de faire confiance. À moins que tu ne cherches à repousser ton public cible, lis ce qui suit pour découvrir les six plus grandes erreurs de conception de sites Web et comment les éviter.

1. Encombrer ton site Web

Sans une base solide, tu risques de commettre l’une des erreurs de conception de site Web les plus courantes : ajouter des éléments superflus simplement parce qu’ils sont disponibles.

Il est toujours utile de se documenter sur les principes de base de la conception avant de se lancer. Il est important de commencer par avoir une idée de ce que tu veux obtenir avec ton site Web et de la manière dont il va le faire. En effet, les logiciels de conception de sites Web offrent aujourd’hui une telle gamme d’outils et d’options disponibles (fenêtres contextuelles, logos animés et vidéo intégrée) que les concepteurs amateurs peuvent vite dépasser.

Ne ne laisses pas entraîner par des conceptions trop chargées qui surchargent les utilisateurs de fenêtres publicitaires intempestives, de vidéos en lecture automatique (au pluriel) et d’une barre de navigation trépidante ; faites comme Marie Kondo et faites en sorte que tes conceptions Web ne soient pas encombrées.

Éviter d’encombrer tes designs est relativement facile, heureusement, car il suffit d’éviter la tentation d’ajouter des éléments supplémentaires à ta page Web “pour voir ce qui se passe”. Si tu n’es pas en mesure d’expliquer la fonction d’un élément particulier de ta page, il ne doit pas y figurer. Restes donc concentré sur la construction d’une structure solide et simple pour offrir aux utilisateurs l’expérience la plus positive et la plus transparente possible.

2. Sauter directement à l’ordinateur

La deuxième erreur courante en matière de conception de sites Web nous amène au cœur même du processus de conception. La plupart des propriétaires d’entreprise (et une bonne partie des concepteurs de sites Web amateurs, d’ailleurs) pensent encore que la conception de sites Web est un processus qui se déroule sur l’ordinateur.

S’il est vrai que ta création finale sera perçue de cette manière, rien n’est plus faux lorsqu’il s’agit de sa conception. Il est préférable de se tourner vers des méthodes artistiques plus traditionnelles lorsqu’il s’agit de commencer à concevoir ton site Web avant d’utiliser un programme ou un constructeur de sites Web.

Plus précisément, la meilleure façon de commencer à concevoir une page Web est, en fait, de prendre un crayon et une feuille de papier. Commences par rédiger une liste d’objectifs pour ton site Web, puis conçois un ensemble de pages axées sur la réalisation de cet objectif principal.

Cette méthode de conception te permettra de repérer toute redondance évidente dans ta conception et contribuera grandement à rationaliser ton site.

Ce type d’approche est l’une des raisons, en fait, pour lesquelles les meilleurs concepteurs de sites Web peuvent demander des honoraires apparemment élevés à leurs clients. Ce n’est pas parce qu’ils savent utiliser un logiciel de création de sites Web (aujourd’hui, presque tout le monde peut le faire), mais parce qu’ils savent comment structurer correctement ton site et peuvent t’aider à faire en sorte que ta vision fonctionne bien avant que l’un de tu ne touches à un ordinateur.

3. Ne pas tenir compte des grilles, des directives et des colonnes

L’étape suivante de la construction de ton site Web consiste à commencer à créer des modèles pour tes pages. En ce qui concerne la conception des pages, même les créateurs de sites Web les plus basiques proposent des outils permettant de définir des grilles, des lignes directrices et des colonnes. De nombreux jeunes concepteurs de sites Web négligent ces outils, pensant qu’ils ne conviennent qu’aux sites plus anciens et plus “cubiques”.

En réalité, les grilles restent l’élément structurel de base de toute page Web bien conçue et doivent toujours être utilisées pour organiser les éléments visuels d’une page. Les grilles et les lignes directrices constituaient la base de l’ensemble des compétences de base en matière de conception graphique bien avant l’apparition de la conception Web et elles continueront certainement à être un outil fondamental dans les années à venir.

Que les lignes de tes grilles et colonnes soient visibles ou non sur ta page Web, elles constituent toujours la base du cadre sous-jacent de ton site et des proportions entre les éléments. Les grilles permettent de diviser les pages Web à la fois horizontalement et verticalement, et dictent donc l’alignement entre les différents éléments de conception.

Cela dit, il est également possible de combiner la conception basée sur les grilles avec des techniques de conception et de recherche sur les consommateurs plus modernes. La diversité des modes d’interaction des consommateurs avec le web a donné lieu à un éventail similaire d’attentes quant à l’aspect et au toucher des différents types de pages web.

4. Manque de hiérarchie visuelle

La quatrième erreur de conception de site Web de notre liste est un peu plus complexe, du moins pour les novices en la matière. L’une des erreurs les plus courantes que nous voyons sur les nouveaux sites Web est qu’ils négligent l’importance de la hiérarchie visuelle.

La hiérarchie visuelle se définit comme la disposition ordonnée des éléments, en fonction de leur importance. Cela signifie que si tu n’y parviens pas, les utilisateurs risquent d’être bombardés par les différentes caractéristiques de ta conception, qui se battent toutes pour attirer leur attention. Ils ne seront pas guidés efficacement vers ton CTA, ce qui signifie qu’il n’y aura pas de conversions.

Pour créer une hiérarchie visuelle forte, réfléchis bien à la raison pour laquelle tes visiteurs viendront sur ton site. Effectue des recherches UX et assures-toi que le flux d’utilisateurs est intuitif et transparent.

Les sites de commerce électronique en sont un bon exemple. Les meilleurs d’entre eux maintiennent leur image de marque individuelle en dehors de l’expérience utilisateur. Au lieu de cela, ils agissent comme un portail permettant aux clients de découvrir et d’acheter les produits qui ont été conçus pour eux.

En règle générale, les sites de commerce électronique bien conçus ne rappellent à l’utilisateur sur quel site il se trouve qu’à un seul moment (très important) : juste après qu’il ait achevé le processus d’achat d’un article particulier, qui s’est déroulé sans heurts, en douceur et en toute simplicité.

5. Ignorer l’accessibilité

L’accessibilité est également un aspect très important de la conception de sites Web, et la négliger peut sérieusement affecter les résultats obtenus par ton site. Au cours des dernières années, de nombreuses entreprises ont reconnu l’importance de mettre leurs sites Web à la disposition des visiteurs présentant un large éventail de handicaps et de capacités.

Il y a, bien sûr, un argument moral pour rendre ton site utilisable par le plus grand nombre de personnes possible, mais il y a aussi un argument commercial pour faire de même. Après tout, l’élargissement de ton public ne peut qu’augmenter tes chances de réaliser une vente réussie.

Même si tu n’es pas légalement tenu de rendre ton site accessible pour le moment, il est probable que les normes du secteur l’exigeront dans un avenir proche. Essayer de prendre un site Web qui n’a pas été conçu en tenant compte de l’accessibilité, et l’ajouter rétroactivement, est souvent une entreprise coûteuse et longue.

Commences donc à réfléchir à la manière dont tu utilises le texte, l’image et le son dans tes conceptions Web avant leur création. Ajoutes des balises alt aux images, inclut des descriptions audio et veilles à ce que les textes soient bien espacés et rédigés dans une police sans empattement et lisible. Si tu présentes des vidéos, laisses les utilisateurs choisir d’appuyer sur le bouton de lecture plutôt que de les laisser en mode automatique et faites des recherches sur l’expérience utilisateur que tu souhaites créer.

Concevoir en gardant l’accessibilité à l’esprit permet de créer des sites Web plus innovants, plus créatifs et plus intelligents. Tu as la liberté d’expérimenter les tendances, mais tu peux t’assurer qu’elles sont mises en œuvre dans ta conception de manière ciblée. Aucun bon design ne devrait entraver l’exposition et si ton site Web n’est pas accessible à certains, c’est exactement ce qu’il fait.

6. Ne pas concevoir pour le mobile

La dernière erreur de conception de site Web de notre liste est une erreur qui est encore commise par la majorité des entreprises qui cherchent à concevoir un site Web pour la première fois. Tout comme la conception de sites Web est encore considérée comme quelque chose qui se passe “sur l’ordinateur”, beaucoup de gens pensent encore que la navigation mobile est une “alternative” à l’expérience principale d’un site Web – le site de bureau. Ce n’est tout simplement plus le cas. En fait, la navigation mobile représente désormais la majorité du trafic internet et de nombreux concepteurs créent un site mobile avant de créer un site de bureau.

C’est ce que l’on appelle la stratégie “mobile first”, qui est désormais une approche très populaire, même parmi les grandes entreprises. Concevoir un site Web en fonction du poste de travail peut être une erreur, car tu risques de rendre ton site trop encombré ou trop lent, de sorte qu’il n’apparaîtra pas convivial sur les appareils mobiles. Conçois plutôt ton site Web pour les appareils mobiles d’abord, puis passes à une version de bureau du site ensuite.

Les raisons de concevoir ton site en tenant compte du mobile sont assez claires. Selon le développeur web londonien Alexander Williams de Hosting Data, l’amélioration des conversions doit être ton objectif principal lors de la conception d’un site web, et dans un monde où la majorité des visiteurs vont utiliser un smartphone, ils doivent pouvoir acheter des produits directement depuis leur téléphone.

Le même principe s’applique, bien entendu, aux tablettes et à presque tous les autres types de matériel connecté à Internet disponibles aujourd’hui. En d’autres termes, ta conception Web doit être accessible sur différents appareils et suffisamment réactive pour s’adapter automatiquement à une gamme d’appareils aussi large que possible. Comme nous l’avons souligné ailleurs, il peut être difficile d’y parvenir, car cela implique de prêter attention à un large éventail de facteurs, de la disposition de tes pages à la taille des images que tu utilises.

Partage cet article !

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur pinterest

Tu aimeras aussi :