Erreurs de conception Web les plus courantes - Cercueil pour un site Web

Publié: 2017-02-25

Chaque jour, de nombreux sites Web sont mis en ligne avec autant de concepts de conception, nous rencontrons certains des meilleurs designs que nous ayons jamais vus et, d'autre part, nous rencontrons parfois des sites Web conçus de manière stupide qui s'avèrent être un cercueil pour ce site Web. Tout nouveau visiteur venant sur ce site Web particulier se retrouvera perdu et abandonnera le site Web avec ce type de conception. Donc, maintenant, la grande question est de savoir comment concevoir notre site Web ou quelles sont les erreurs de conception Web les plus courantes commises par les concepteurs de sites Web.

Construire un site Web peut être intimidant, mais le véritable défi consiste à le rendre utilisable. Le problème est que la plupart des concepteurs de sites Web oublient que le site Web n'a pas été créé pour eux-mêmes, mais pour répondre aux besoins des utilisateurs. Ils donnent la priorité à la créativité plutôt qu'à l'aspect pratique et à la convivialité.

Voyons quelques-uns,

Erreurs de conception Web les plus courantes

Parmi les nombreuses erreurs que nous avons peut-être vues ou non, nous allons parler de l'erreur la plus gênante que les concepteurs de sites Web commettent.

#1 Rechercher dans le champ de recherche

Le Web est comme une archive d'informations. Qu'il s'agisse d'un site Web d'entreprise ou simplement d'un blog, un champ de recherche est essentiel. Le visiteur peut rechercher quelque chose qui est caché dans le site Web, avec le champ de recherche, il y a de fortes chances que les visiteurs obtiennent ce qu'ils veulent.

Suggestions : la recherche personnalisée Google est un moyen pratique, simple et efficace de démarrer. Il permet aux visiteurs de rechercher votre site de manière efficace. Copiez simplement le code HTML du panneau de configuration et collez-le dans votre site Web et c'est tout, vous avez une fonction de recherche directement sur votre site Web.

#2 Mauvaise lisibilité et manque de clarté

C'est un élément crucial de la conception Web. Bien sûr, une bonne conception d'interface attirera l'attention des utilisateurs, mais les utilisateurs doivent lire le texte pour être en mesure de saisir les informations qu'ils souhaitent. Certains sites Web utilisent les styles et les tailles de police les plus bizarres qui rendent la lecture pénible.

Suggestions : Heureusement, il existe des moyens simples d'améliorer l'expérience de lecture des utilisateurs sur votre site Web.

  1. Comparez les schémas de couleurs de la plupart des sites majeurs et notez comment les couleurs améliorent la lisibilité. Adobe Kuler est un bon endroit pour essayer différents schémas de couleurs.
  2. Utilisez une police de caractères sans empattement car elle permet une lecture facile sur le Web

#3 Mise en page de contenu encombrée

Le contenu d'un site Web est ce qui génère du trafic vers celui-ci. La façon dont le contenu est structuré est ce qui en fera un succès ou un échec. Les utilisateurs ne lisent pas à moins que cela ne soit absolument nécessaire, mais parcourent les informations et sélectionnent les points d'intérêt sur une page Web. Certains concepteurs se contentent de mettre un bloc de texte sur la page Web et négligent totalement les titres, sous-titres, puces, mots-clés, paragraphes, etc.

Utilisez un titre de page approprié pour chaque page Web afin que les utilisateurs sachent exactement où ils se trouvent. Certains concepteurs oublient même de nommer la page Web.

Dans l'ensemble, le pire dans cette catégorie sera de mettre du contenu inexact, inaccessible, insignifiant ou obsolète sur votre site Web. Le contenu doit coïncider avec le thème général du site Web et être utile. Si une page est en construction, pourquoi s'embêter à la mettre en ligne ? Si un designer le doit vraiment, alors ce n'est que temporaire et 3 semaines ne seront plus considérées comme temporaires.

Suggestions : organisez le contenu de votre site Web à l'aide de HTML et de CSS qui doivent être utilisés lors de la création de la conception de vos pages.

  1. Créez suffisamment d'espace entre votre texte et vos images en utilisant des marges.
  2. Mettez à jour et soyez cohérent . Le but de la mise à jour n'est pas seulement d'ajouter du nouveau contenu, mais de repérer et de corriger les erreurs passées.

#4 Problèmes de navigation

La navigation au sein d'un site Web doit être transparente. Les utilisateurs doivent pouvoir s'y retrouver facilement. Bien qu'il n'y ait pas de norme pour la navigation dans un site Web, surtout maintenant que de nouvelles technologies de développement Web émergent, il est impératif de comprendre que la navigation doit être intuitive et cohérente.

Si le texte est utilisé comme navigation, il doit être concis. Les métaphores visuelles ne doivent pas être réinventées. Si des hyperliens sont utilisés, ils doivent se démarquer du corps du texte. Les liens morts ne doivent avoir aucune place sur une page Web quelle qu'elle soit. Cela augmente la confusion des utilisateurs et fait perdre du temps. Et celui qui est encore pire est d'avoir un lien sur la page d'accueil qui renvoie à la page d'accueil.

Suggestions:

  1. Facilitez la navigation en utilisant des descriptions textuelles pour tous les liens. Fournissez un texte alternatif pour les images. Utilisez des techniques alternatives de description textuelle pour les liens Flash ou Javascript.
  2. Organisez et structurez votre navigation en tandem avec la thématique du site. Les sites Web personnels peuvent se permettre d'être plus créatifs tout en étant accessibles, mais un site Web d'entreprise nécessite plus d'efficacité et de clarté.

N'oubliez pas que si les utilisateurs ne trouvent pas ce qu'ils veulent en moins de 3 clics, la plupart partiront immédiatement.

# 5 Planification d'interface inégale

Une créativité excessive peut être juste cela. Excessif! Certains concepteurs l'amènent à un autre niveau lors de la création de sites Web en créant des conceptions différentes pour chaque page Web d'un site Web. Ceci n'est en aucun cas source de confusion pour l'utilisateur. Et tout à fait énervant. Peu importe à quel point un site Web est exceptionnel et attrayant, si l'apparence générale n'est pas cohérente, les utilisateurs ne peuvent pas s'y identifier et se sentent moins en contrôle. Ainsi, partir dès qu'ils sont arrivés.

Suggestions:

  1. Utilisez un modèle standard cohérent pour chaque page avec des liens vers les sections principales du site.
  2. Le mot clé est simple. Créez des conceptions esthétiquement simples et les utilisateurs ne seront jamais confus sur votre site Web.

#6 Absence de réponse

Je suis sûr que nous avons visité des sites Web où vous devez faire défiler horizontalement. C'est un non-non absolu dans la conception Web moderne. Un bon concepteur développera des sites Web qui s'adaptent à la plupart des tailles d'écran. La mise en page actuellement optimisée pour les sites Web est actuellement de 1024 x 768 pixels.

Suggestions : Il est difficile, voire impossible, d'adapter le design à toutes les résolutions, en particulier lorsque les visiteurs surfent maintenant à partir de téléphones mobiles et de netbooks, mais nous pouvons avoir une idée approximative des résolutions d'écran généralement utilisées de la manière suivante :

  • Vérifiez vos statistiques - Les services analytiques tels que Google Analytics vous fournissent des informations sur la résolution de moniteur qu'ils utilisent. Ce sont des informations utiles que vous devez connaître avant de lancer votre prochaine refonte.
  • Statistiques du navigateur W3 Schools - W3 Schools donne des listes claires des navigateurs les plus populaires utilisés par les internautes et les trie en fonction de leur popularité. Il existe également d'autres statistiques intéressantes et importantes.

#7 Formulaires d'inscription complexes

Les formulaires d'inscription sont délicats. De combien d'informations avez-vous besoin de la part de l'utilisateur ? Fini le temps où un utilisateur devait entrer un million de détails pour s'inscrire sur votre site Web. Certains sites Web rendent la plupart des champs d'inscription obligatoires et valident les champs dans la mesure où l'utilisateur est frustré après quelques essais. Rappelez-vous, les utilisateurs, visitez un site Web pour acquérir des informations. Pas l'inverse.

Le formulaire simple de Someecard rend l'enregistrement indolore.

Suggestions : Comparez les formulaires d'inscription entre les communautés sur le Web et comprenez quelles informations de base sont requises de l'utilisateur pendant le processus d'inscription.

Plus: 9 erreurs courantes d'utilisabilité dans la conception Web - Cet article sur Smashing Magazine examine en profondeur les formulaires d'inscription parmi d'autres erreurs d'utilisabilité.

#8 Images trompeuses sur le site Web

Trop d'images sur une page Web est un énorme désagrément. Les images peuvent être utilisées pour capter l'attention des utilisateurs, mais cela peut aussi être une distraction ou tout simplement aggravant. Les images doivent être utilisées pour illustrer et guider l'utilisateur, le cas échéant.

Les animations sont géniales et un moyen puissant. Surtout lorsqu'il est utilisé à bon escient. Quand c'est un cycle ou juste trop sur une page web, ça tape sur les nerfs des utilisateurs. Les utilisateurs n'ont pas la patience, le temps ou les ressources, les concepteurs doivent donc proposer des alternatives ou, mieux encore, le bouton de saut s'il s'agit d'une animation pleine page.

Plus : Flash : 99 % mauvais – Utilisez Flash de manière appropriée. Cela fait presque 10 ans que Jakob Nielsen a publié cet article, mais il est toujours d'actualité en termes d'utilisation de Flash, en particulier l'article Breaks Web Fundamentals .

# 9 Pages mélangées, plus d'espace vide

Trop de designers oublient les espaces blancs et leur importance. Ils sont tellement absorbés par leur propre créativité en matière de design qu'ils oublient qu'il ne s'agit pas d'eux. Ainsi, ils essaient d'entasser autant qu'ils le peuvent sur une seule page. Résultat final ? Une page chargée, encombrée et illisible.

kylestanding fait bon usage des espaces blancs dans sa conception.

Voici quelques articles pour vous donner une bonne idée de l' importance des espaces blancs dans le web design :

  • Une comparaison de quatre dispositions d'espace blanc
  • La valeur de l'espace blanc
  • Espace blanc

# 10 Musique de fond, énorme revers

Les utilisateurs ne veulent pas de cool, ils recherchent l'efficacité. Et oui, 99 % ne se soucient pas de la musique sur votre site Web. Certains concepteurs aggravent la situation en mettant une musique de fond différente sur chaque page Web.

Suggestions : n'utilisez pas de musique de fond , mais si vous le devez, créez un cadre pour le code et les contrôles utilisateur. De cette façon, la musique tourne en continu, au lieu de changer à chaque fois qu'une nouvelle page est chargée sur le site Web. Et l'utilisateur peut s'arrêter ou faire une pause à tout moment.

EMBALLER

KISS est la ligne de fond, oh je voulais dire Keep It Simple, Stupid. Et c'est en fait ce que les gens aiment le plus dans un site Web, s'il est simple, il est facilement utilisable.

J'espère que vous avez acquis une bonne idée des erreurs courantes de conception de sites Web.

Les erreurs s'accompagnent également d'inspirations, alors n'oubliez pas de lire Top 10 des tendances de conception Web et quelques façons de rendre votre site facilement accessible.