Pires erreurs de conception de sites Web: 10 exemples de mauvais sites Web

Article écrit par:
  • Conception de site Web
  • Mise à jour: avril 16, 2020

Que vous ayez suivi des cours au collège communautaire local, avoir créé des sites Web pendant des années, ou si vous êtes un amateur qui apprend au fur et à mesure, il y a certaines choses que chaque concepteur de sites Web devrait éviter s'il veut que les visiteurs aiment passer du temps sur son site.

Vous avez probablement entendu le terme "gluant»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

Des couleurs si vives qu'elles blessent vos yeux ou des couleurs qui se heurtent les unes aux autres 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 qui se complètent. Le jaune fonctionne rarement comme couleur principale, même s'il peut bien paraître comme un accent. Utiliser toutes les couleurs de l'arc-en-ciel est rarement une bonne idée non plus.

Exemple de mauvais sites Webite: 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 utilisateur dispose d'une connexion Internet plus lente, la page peut prendre trop de temps à charger. Après 30 secondes, la plupart des gens partiront et passeront à un autre site. Nous vivons à une époque où tout est immédiat. Si vous n'attirez pas l'attention du client dans les premières secondes, vous risquez de la perdre complètement.

Exemple de mauvais sites Webite: Pine-Sol

Mauvais exemples de conception
Ce site a tellement de graphiques qu'il semble juste encombré. En plus des nombreux graphiques, les images se déplacent sur toute la page, donc même si le visiteur voulait cliquer sur l'une des images, elle devrait les chasser 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.

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

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

Exemple de mauvais sites Webite: 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.

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.

Exemple de mauvais sites Webite: 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.

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

Exemple de mauvais sites Webite: Peter's Buses

Mauvais exemples de conception
Il y a plusieurs problèmes avec les graphiques de cette page. Tout d'abord, il y a le bus avec un fond blanc au lieu de transparent qui est juste plongé sur la page et a l'air amateur. Les deux photos de droite sont également problématiques car elles ont été étirées et redimensionnées sans que les ratios soient maintenus. Les photos se détournent et les personnes de celle de droite apparaissent si étendues qu'elles pourraient être des géants au pays de Lilliput.

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é.

Exemple de mauvais sites Webite: Cyber ​​D-Sign Clan

Mauvais exemples de conception
Le concepteur n'a même pas changé les couleurs des mots par rapport à la conception standard de MS. Cette conception est si simple qu'elle sera immédiatement reconnaissable en tant qu'arrière-plan de motif Microsoft de base et Word Art.
Mauvais exemples de conception
En plus de cela, une page contextuelle essaie de se charger. Cela pourrait être ignoré 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 a une conception visuellement attrayante, les visiteurs peuvent devenir frustrés et laisser une mauvaise navigation.

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. La navigation qui fonctionnait lorsque le site avait cinq pages ne fonctionnera tout simplement pas lorsque le site compte 500 pages. Regardez comment le site peut être retravaillé et restructuré en catégories et sous-catégories afin que les visiteurs comprennent exactement où aller pour ce qu'ils veulent. Il est également judicieux d'ajouter un champ de recherche.

Exemple de mauvais sites Webite: 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.

Exemple de mauvais sites Webite: 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.

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

Exemple de mauvais sites Webite: 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! "

Erreur # 10: La pire conception de site Web jamais - si mauvaise que vous ne pouvez pas l'expliquer

Certains sites Web sont intrinsèquement vraiment, vraiment mauvais dans la conception. Ces sites Web mal conçus - 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 doivent pas faire lorsque vous concevez votre site.

Exemple de mauvais sites Webite: L'au-delà

Mauvais exemples de conception
Ce site est tellement horrible qu'il est difficile à décrire. Tout d'abord, toute personne sujette à des crises devrait rester à l'écart de ce site, car elle 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é dans le groupe et 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.