10 Pires erreurs de conception de site Web

Article écrit par:
  • Conception de site Web
  • Mise à jour: août 03, 2017

Si vous avez pris des cours au collège communautaire local, après avoir été concevoir des sites pendant des années, ou si vous êtes un amateur qui apprend au fur et à mesure, chaque concepteur de sites Web devrait éviter certaines choses s’il souhaite que les visiteurs apprécient passer du temps sur son site.

Vous avez probablement entendu le terme «collant» en référence à un site Web.

Cela signifie simplement un site sur lequel le visiteur veut rester - un site qui reste avec le navigateur et qu'il marque et fréquente. Il y a tellement d'éléments qui entrent dans la création d'un site collant qu'il s'agit d'un tout autre sujet.

Cependant, il est certain que certaines erreurs de conception Web peuvent transformer un site en un site que les visiteurs veulent fuir. Voici la conception non-non que vous devriez éviter.

Erreur #1: Couleurs vives

Les couleurs si vives qu'elles font mal aux yeux ou les couleurs qui s'entrechoquent peuvent inciter un visiteur du site à fuir une page Web. Lorsque vous planifiez le thème de votre site Web, essayez de choisir des couleurs complémentaires. Le jaune est rarement utilisé comme couleur principale, bien qu'il puisse avoir fière allure comme accent. Utiliser toutes les couleurs de l'arc-en-ciel est rarement une bonne idée non plus.

Titre du site: Moradito

Mauvais exemples de conception

Ce site utilise presque toutes les couleurs imaginables dans un motif de type puzzle. La seule façon de le décrire est moche.

Erreur #2: Trop de graphiques

Si vous encombrez votre page Web avec des graphiques, deux choses différentes se produisent. Tout d'abord, la page devient si occupée que les visiteurs peuvent ne pas savoir où cliquer ni ce qu'ils veulent voir en premier. Deuxièmement, si un navigateur a une connexion Internet plus lente, le chargement de la page peut prendre trop de temps. Au bout de quelques secondes 30, la plupart des gens quitteront leur site et passeront à un autre site. Nous vivons à une époque où tout est immédiat. Si vous n'obtenez pas l'attention de la cliente dans les premières secondes, vous risquez de la perdre complètement.

Titre du site: Pine-Sol

Mauvais exemples de conception

Ce site a tellement de graphismes qu’il semble encombré.

En plus des nombreux graphiques, les images se déplacent sur toute la page. Même si la visiteuse voulait cliquer sur l'une des images, elle devrait la pourchasser avec sa souris.

Erreur #3: temps de chargement lent

Votre site Web se charge-t-il si lentement que le visiteur a le temps d'aller prendre une tasse de café et un beignet avant de revenir?

L'ajout de trop d'éléments, tels que le flash, le son, des tonnes de graphiques haute résolution ou des scripts java, peut ralentir le chargement d'un site. Gardez à l'esprit que, si la plupart de vos visiteurs bénéficieront de la haute vitesse, il reste encore des clients ruraux qui seront connectés et qui ne pourront pas accéder à votre site s'il se charge trop lentement.

Non seulement la vitesse est essentielle à l'expérience utilisateur, mais c'est également un facteur de classement très important. La vitesse de la page est devenue un facteur de classement dans les moteurs de recherche dans 2010 et, en juin, 2016, Google a annoncé la mise à jour du facteur de classement de la vitesse de la page afin d'examiner plus particulièrement le débit de vos pages pour mobile. La recherche mobile représentant plus de la moitié des recherches de Google, la vitesse des pages mobiles doit également être optimisée.

- La source: Boostez votre référencement avec une meilleure vitesse du site

Titre du site: Le musée de moi

Mauvais exemples de conception

Le flash sur ce site provoque un chargement très lent. En plus de cela, il n'y a pas de lien facilement visible pour ignorer le flash. Les navigateurs dont la vitesse de téléchargement est lente trouveront ce site si difficile à charger qu'ils risquent de quitter le site et de ne jamais y revenir.

Pointe: Vérifiez la vitesse du site et obtenez des conseils d'amélioration via Google Page Speed ​​Insights.

Erreur #4: trop de publicité

Les sites Web de contenu et les blogs gagnent de l'argent avec la publicité au lieu de vendre des produits. Cependant, de nombreux propriétaires de sites Web échouent en ajoutant tellement de publicité que le visiteur ne peut pas faire la différence entre le contenu et les annonces. Si le visiteur doit chercher l'article ou le reste d'un article, il y a trop de publicité sur la page. Une ou deux annonces placées sur le site sont les meilleures. Plus que cela et vous risquez d'ennuyer vos navigateurs.

En fait, dans un rapport publicitaire numérique menés par Upstream et YouGov dans 2012, ils ont constaté qu'environ 20% des consommateurs ont déclaré que si une entreprise faisait trop de publicité, elle ne l'utiliserait plus jamais.

Titre du site: Hemmy.net

Mauvais exemples de conception

Sur plusieurs pages de ce site Web, la totalité de la zone d’affichage en haut de la page concerne environ% annonces 90 de différentes sortes. Pour accéder au contenu de la page, il faut faire défiler l'écran. Même là, des publicités supplémentaires sont dispersées. C'est tellement distrayant qu'il est difficile de se concentrer sur le site.

Erreur #5: Édition de photo amateur

Rien ne crie plus fort qu'un amateur qui n'a pas été correctement édité. Les sites Web présentant ce type de problème pourraient avoir découpé des images avec des bordures floues, des couleurs auto-corrigées qui semblent nettes, de mauvaises techniques de superposition qui rendent évident que deux images ont été collées ensemble ou des proportions redimensionnées étranges.

Titre du site: Peter's Buses

Mauvais exemples de conception

Il y a plusieurs problèmes avec les graphiques sur cette page.

Premièrement, il y a le bus avec un fond blanc au lieu d'un fond transparent qui vient d'être inséré dans la page et qui a l'air d'un amateur. Les deux photos à droite sont également problématiques car elles ont été étirées et redimensionnées sans que les ratios ne soient maintenus. Les photos sont floues et les personnes à droite apparaissent tellement étendues qu'elles pourraient devenir des géants au pays de Lilliput.

Pointe: Utilisez des outils gratuits de retouche d'images en ligne: canva, Pic Monkey

Erreur #6: Concevoir un jeune de trois ans pourrait créer

Si votre site Web semble avoir ouvert Microsoft Word, créé un document Word Art et lancé le site sur Internet, vous voudrez peut-être repenser vos éléments de conception. Alors que la simplicité est un soulagement bienvenu de certains des sites les plus fréquentés, si vous y allez trop simple, vous risquez de donner à votre site une apparence juvénile et bon marché.

Titre du site: Cyber ​​D-Sign Clan

Mauvais exemples de conception

Mauvais exemples de conception

Cette conception est si simple qu’elle sera immédiatement reconnaissable comme fond de modèle Microsoft et Word Art.

Le concepteur n'a même pas changé les couleurs des mots du design standard que MS commence par. En plus de cela, une page contextuelle tente de se charger. Cela pourrait être négligé si la conception était meilleure une fois que vous avez sauté l'intro et cliqué sur la page principale. Cependant, la conception de la page liée (ci-dessous) est tout aussi décevante.

Erreur #7: Mauvaise navigation

Même si un site Web présente un design attrayant, les visiteurs peuvent être frustrés et laisser derrière une navigation médiocre. Par exemple, les sites sans lien clair ou avec tellement d'éléments qu'il est difficile de décider où aller. Un problème auquel de nombreux propriétaires de sites Web sont confrontés est un petit site qui grossit soudainement. Une navigation qui fonctionnait lorsque le site contenait cinq pages ne fonctionnait tout simplement pas lorsque le site contenait des pages 500. Regardez comment le site peut être retravaillé et restructuré en catégories et sous-catégories afin que les visiteurs sachent exactement où aller pour obtenir ce qu'ils veulent. Il est également judicieux d'ajouter un champ de recherche.

Titre du site: LawnSignDirectory.com

Mauvais exemples de conception

Le visiteur s'attend à une direction consultable pour sa région, mais au lieu de cela, il existe des dizaines de liens répertoriés en bas à gauche de la page, des annonces à droite et quelques entreprises en vedette. Ce site pourrait bénéficier d'une refonte de la structure organisationnelle, afin que les visiteurs puissent facilement trouver les ressources qu'ils recherchent.

Erreur #8: problèmes de texte

Les concepteurs Web qui utilisent un arrière-plan occupé, puis choisissent une couleur de texte qui n'offre pas un contraste suffisant, rendent leurs pages Web illisibles. Si un visiteur a mal aux yeux après avoir lu un article, pourquoi resterait-elle pour lire plus de pages de votre site? Si vous devez choisir un arrière-plan occupé, placez au moins une zone, un calque ou une table de contenu avec un arrière-plan uni et choisissez une couleur de texte opposée. Essayez d'éviter le gris sur le gris, mais choisissez le blanc sur le rouge foncé, le noir sur le rose clair, etc.

Les mots qui se chevauchent sont également difficiles à lire, tout comme les paragraphes superposant partiellement des graphiques et partiellement sur un fond solide.

Titre du site: Triangle des Bermudes

Mauvais exemples de conception

Non seulement il y a des problèmes de contraste sur ce site, mais le texte recouvre d'autres textes, ce qui rend la lecture presque impossible.

Erreur #9: Typos

Rien de plus professionnel que des typos et des problèmes de grammaire flagrants. Bien que personne ne soit parfait, vous pouvez essayer de vous en approcher. Demandez à vos amis et à votre famille de parcourir vos pages et de vous aider à trouver ces erreurs, ou faites appel à un éditeur professionnel pour vérifier vos pages. L'exemple ci-dessous est juste pour le plaisir. Ce n'est pas une véritable entreprise de conception Web, mais un regard pimpant sur le manque de professionnalisme de certaines entreprises.

Titre du site: Web Tek Rocks

Mauvais exemples de conception

Une faute de frappe peut être négligée, mais ce site montre à quel point certains sites louches sont pleins d’erreurs. Pour une entreprise qui souhaite vous aider à mettre votre site sur le Web, il serait probablement préférable de passer du temps à corriger les problèmes sur leur propre site avant de créer le vôtre. «Spécial» s’écrit SPÉCIAL; «Expertise» est orthographié «experteze»; Ils proposent «d'aider à se mettre en ligne»; "Nous pouvons construit votre site plus rapidement que quiconque! "

Pointe: Apprenez à attraper les fautes de frappe et les erreurs dans votre propre écriture.

Erreur #10: Si mauvais que vous ne pouvez pas l'expliquer

Certains sites Web sont intrinsèquement mauvais en conception. Parfois, ce n'est pas une chose qui rend le site douloureux à vos yeux, mais presque tout sur le site.

Il peut y avoir une combinaison de couleurs laides, de mauvaise navigation et d’autres objets. Heureusement, ces sites sont rares, mais leur affichage peut vous aider à savoir quoi faire. ne saurait pas faire lorsque vous concevez votre site.

Titre du site: La vie après la mort

Mauvais exemples de conception

Ce site est tellement horrible qu'il est difficile de le décrire. Premièrement, toute personne sujette à des crises d'épilepsie devrait rester à l'écart de ce site, car il est susceptible de déclencher une crise même chez une personne non sujette aux crises. Le site défile, est rempli de graphiques animés et clignotants. En plus de cela, les graphismes ne sont pas attrayants pour la plupart, se terminant par un bébé en bandana jouant de la guitare. Visitez si vous osez.

A propos de Lori Soard

Lori Soard est rédactrice indépendante et rédactrice en chef depuis 1996. Elle est titulaire d'un baccalauréat en éducation anglaise et d'un doctorat en journalisme. Ses articles ont été publiés dans des journaux, des magazines, en ligne et plusieurs livres ont été publiés. Depuis 1997, elle travaille comme conceptrice de sites Web et promotrice pour les auteurs et les petites entreprises. Elle a même travaillé pendant quelques temps à classer des sites Web pour un moteur de recherche populaire et à étudier des tactiques de référencement approfondies pour un certain nombre de clients. Elle aime avoir des nouvelles de ses lecteurs.