• 0k
  • 0
Web design \ 16 Septembre 2014

10 erreurs de web design courantes qui peuvent nuire à votre site

La créativité est une épée à double-tranchant pour les web designers. A vouloir réaliser des sites toujours plus originaux, certains artistes du Net donnent naissance à des pages qui tiennent davantage de l’abstrait que du pratique. Il va sans dire que créer un site nécessite une dose d’ingéniosité néanmoins, il est important de rester fidèle à certaines règles de design considérées aujourd’hui comme des standards par les internautes avertis.

Si vous venez de vous lancer dans la création de sites ou si tout simplement vous souhaitez vérifier que votre site respecte les lois de l’utilisabilité et du bon goût, la liste suivante vous aidera à éviter bien des écueils.

Web designer qui travaille

Vous n’êtes pas constant

Prenons un exemple : les titres des onglets de votre menu sont tous en majuscules à l’exception des deux petits derniers récemment ajoutés (voir image ci-dessous). Il n’est pas nécessaire d’être un web designer de métier pour comprendre que cet égard typographique nuit à l’aspect professionnel de votre site. La constance ne s’arrête pas à la touche Maj de votre clavier. L’ensemble de votre charte graphique doit s’appliquer sur tout  votre site. Assurez-vous que couleurs, polices de caractères et tous les éléments graphiques qui apparaissent sur vos pages concordent entre eux et respectent l’identité de votre marque.

La solution : passez en revue votre site systématiquement avant d’effectuer des changements afin d’éviter les incohérences stylistiques. Gardez votre charte graphique sous la main (ou à l’esprit) et tenez-vous au langage visuel que vous avez défini.

Menu qui manque de constance

Votre lisibilité laisse à désirer

A quoi bon affuter votre plume pendant des heures si vos visiteurs ont besoin d’une loupe pour déchiffrer votre prose ? Votre message passe principalement au travers de vos textes et il est essentiel qu’il soit digestible au premier regard. Les internautes lisent en moyenne moins d’un tiers des textes présentés sur les sites Internet. Faciliter la lecture n’est donc pas un luxe, c’est une nécessité.

La solution : sélectionnez des polices de caractères adaptées à votre site. Vérifiez qu’aucun texte en pattes de mouche ne traine sur vos pages et que les contrastes des couleurs mettent vos textes en valeur. Utiliser des listes de points peut également s’avérer judicieux afin de faciliter la lecture à vos visiteurs. Enfin – et surtout – demandez l’avis d’un tiers afin de vous confirmer qu’il est possible de vous lire sans pour autant y laisser un œil. Cette occasion vous permettra également de vérifier que vos textes ne contiennent pas de coquilles, ce qui est toujours un point positif.

Texte lisible

Vos liens ne riment à rien

Il est courant de surfer sur des sites sur lesquels les liens nous laissent pour le moins dubitatifs. Un visiteur qui clique sur un lien cassé ou erroné risque fort d’être déçu et de vous quitter avant l’heure. Résultat, le taux de rebond décolle et la chute s’entame sur Google. Attention donc à bien orienter vos visiteurs : la sentence est lourde pour les  guides peu consciencieux.

La solution : vérifiez minutieusement que tous vos liens soient fonctionnels et dirigent vers des sources pertinentes. Passez en revue vos liens internes et externes (qui s’ouvrent naturellement dans de nouveaux onglets) qu’ils soient ancrés ou connectés à des boutons, et faites le ménage une bonne fois pour toutes dans vos connexions. Notez que les liens vers les réseaux sociaux des templates Wix mènent à nos comptes. Pas que la pub nous dérange mais leur objectif est avant tout de vous amener du passage. Si vous n’en n’avez pas l’utilité, supprimez-les, tout simplement. Personne ne vous le reprochera.

Page 404 du Wix blog

Votre pied de page se laisse désirer

Le long scrolling est certes une tendance en vogue mais concevoir une page longue simplement pour être dans le vent n’est pas une idée brillante. Il est inutile de placer son pied de page à mille miles de toute information utile simplement pour allonger ses pages Web. Chaque centimètre du design a son importance et tout espace non-nécessaire peut s’avérer préjudiciable.

La solution : sur chaque page de votre site, assurez-vous que votre pied de page ne soit pas éloigné des éléments du design outre mesure. Si c’est le cas, effectuez les modifications nécessaires.

Pied de page bien placé

Vos photos sont brumeuses

Une photo pixélisée ou floue peut vous tuer votre design en un clin d’œil. Optimiser vos images pour qu’elles apparaissent convenablement sur votre site vous aidera à prouver votre professionnalisme – en particulier s’il s’agit des photos de vos produits.

La solution : Si par hasard vous croisez des photos à la qualité douteuse, cliquez dessus et sélectionnez la petite icône de poubelle. Il est vrai que supprimer des images peut être douloureux mais les conserver le sera davantage pour votre site. Vous souhaitez prendre vous-même vos photographies ? Cliquez ici pour apprendre à capturer vos produits sous leur plus beau jour.

Photo floue sur page d'accueil

Votre panier passe à l’as

Si vous avez une boutique en ligne, il est important de faire en sorte que votre panier d’achat soit visible et se distingue du reste de votre site. Ne prenez pas le risque de perdre des clients à cause d’une sombre histoire de caddie.

La solution : placez votre panier en évidence en haut à droite de votre site. Une technique utile consiste à fixer l’en-tête de votre site (où votre panier est situé) pour qu’il défile avec la page.

Boutique en ligne sans panier d'achat

Vous imposez votre musique

Que vous soyez amateur de musique classique ou grand fan de One Direction (ou pas), il est préférable de ne pas obliger vos visiteurs à partager votre passion avec vous. Pensez-y : les surfeurs qui naviguent sur le Web avec leur musique dans les oreilles, ou pire, qui tombent sur votre site dans un lieu public, risquent fort d’être importunés par les sons imposés sur votre site. Certains fermeront l’onglet de navigation par réflexe, avant même d’avoir donné la chance aux chansons.

La solution : proposez un lecteur mais n’imposez pas – sauf si votre site est une Web radio ou si vous êtes musicien et même dans ce cas, mettre le bouton Pause en évidence ne sera pas un luxe.

Musique sur Pause

Votre navigation est houleuse

La navigation est probablement l’un des éléments les plus influents en matière d’expérience utilisateur. Si vous avez du contenu particulièrement varié, vous faites probablement fausse route en optant pour un design de (très) long scrolling sur une seule page. A l’inverse, si vous présentez un nombre limité d’informations, il n’est pas forcément malin de créer un site avec une multitude de pages et un menu déroulant. Vous devez penser d’abord et avant tout à la facilité d’utilisation de votre site pour vos visiteurs.

La solution : de manière générale moins vous en faites, plus vos chances d’obtenir une navigation intuitive augmentent. Avant de vous lancer dans la création de votre menu, hiérarchisez votre contenu afin d’avoir une vue d’ensemble de ce que vous souhaitez présenter. Une fois ce laborieux travail accompli, il sera considérablement plus facile de structurer votre menu. Vous pouvez vous inspirer de ces sites aux menus créatifs.

Menu hiérarchisé

Vous aimez trop l’animation

Alors oui, les animations sont des outils particulièrement utiles qui peuvent vous aider à dynamiser le design de votre site Internet facilement. Un bémol cependant : en les utilisant de façon abusive, vous courez à la catastrophe visuelle. Votre site n’est pas censé ressembler à un film de Pixar mais doit refléter votre professionnalisme.

La solution : si vous avez déjà été affecté par le virus de l’animation, vous pouvez encore traiter ce problème. Décidez de certains éléments qui méritent d’être en mouvement et retirez les animations du reste. Vous pouvez également ralentir la vitesse de vos animations afin calmer la tension visuelle sur votre site et de prouver que vous ne cherchez pas à provoquer de crise d’épilepsie chez vos visiteurs.

Site avec des animations

Enfin : vous ne faites pas de révisions

Un site, comme une voiture, a besoin d’une petite révision de temps à autre. Faites un contrôle technique, vérifiez que tout fonctionne convenablement et que toutes les informations sont à jour. Pour vous assurer de n’avoir rien manqué, demandez des avis et des révisions à vos proches avec notre fonctionnalité « Avis sur votre site » – cliquez ici pour en savoir plus.


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email