11 erreurs courantes de conception de sites Web (erreurs)

Il existe des tonnes de sites Web sur Internet, et des centaines voire des milliers sont créés par jour. Voici une chose très intéressante à méditer - Quels sont les éléments d'un bon site web?

Construire un site Web peut être décourageant, 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é par rapport à la praticité et à la facilité d'utilisation.

Dans cet article, nous aimerions souligner 11 erreurs de conception de sites Web que les développeurs et les concepteurs de sites Web créent et quelques suggestions pour éviter ces erreurs.

1. Où est la boîte 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 recherche peut-être quelque chose qui est caché sur le site Web, avec la zone de recherche, il y a de fortes chances que les visiteurs obtiennent ce qu'ils veulent..

Suggestions:Recherche personnalisée Google est un moyen ordonné, simple et efficace pour commencer. Il permet aux visiteurs de rechercher votre site de manière efficace. Il vous suffit de copier le code HTML à partir du panneau de configuration et de le coller sur votre site Web. Voila, vous avez une fonction de recherche directement sur votre site Web..

Voici un code de formulaire simple pour afficher le moteur de recherche Google sur votre site. Tout ce que vous avez à faire est de changer le nom du site en nom de votre site. De plus, vous pouvez modifier la valeur d'envoi en fonction de vos besoins..

Plus: Concevoir le champ de recherche sacré: exemples et bonnes pratiques- Cet article détaille les instructions pour la conception du champ de recherche..

2. Mauvaise lisibilité et lisibilité.

C'est un élément crucial de la conception Web. Bien sûr, une bonne conception d'interface attirera l'attention des utilisateurs, mais ceux-ci doivent lire le texte pour pouvoir saisir les informations souhaitées. Certains sites Web utilisent les styles de police et les tailles les plus bizarres qui rendent la lecture difficile.

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

1. Comparez les couleurs de la plupart des sites principaux et remarquez comment les couleurs améliorent la lisibilité. Un bon endroit pour essayer différents jeux de couleurs est Adobe Kuler.
2. Utiliser un Caractère sans serif car il permet une lecture facile sur le web.

Plus: Voici un bon article qui vous donnera plus de conseils pour améliorer la lisibilité. - Lisibilité - Rendre les pages Web faciles à lire.

3. Disposition du contenu non organisé.

Le contenu d'un site Web est ce qui génère du trafic. Comment le contenu est structuré est ce qui en fera un succès ou un échec. Les utilisateurs ne lisent pas sauf en cas d'absolue nécessité, mais scannent les informations et choisissent des points d'intérêt sur une page Web. Certains concepteurs ne font que placer un bloc de texte sur la page Web et négliger totalement les en-têtes, les sous-en-têtes, les puces, les mots clés, les paragraphes, etc..

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

Globalement, 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 et être utile. Si une page est en construction, pourquoi se donner la peine de la mettre en place? Si un concepteur doit vraiment le faire, ce n'est que temporaire et 3 semaines ne seront plus considérées comme temporaires.

Suggestions: Organiser le contenu de votre site Web à l'aide de HTML et de CSS doit être utilisé lors de la conception de vos pages..

1. Créez suffisamment d'espaces entre votre texte et vos images en utilisant des marges.
2. Mettre à jour et être cohérent. Le but de la mise à jour n'est pas simplement d'ajouter du nouveau contenu, mais de repérer et de corriger les erreurs passées. Jakob Nielsen suggère que vous embaucher un le web “jardinier”.

Budget pour embaucher un jardinier Web dans le cadre de votre équipe. Il faut que quelqu'un élimine les mauvaises herbes et replante les fleurs à mesure que le site Web change, mais la plupart des gens préfèrent passer leur temps à créer du nouveau contenu qu'à des fins de maintenance. En pratique, la maintenance est un moyen peu coûteux d'améliorer le contenu de votre site Web, car de nombreuses anciennes pages conservent leur pertinence et doivent être liées aux nouvelles pages. Bien sûr, il vaut mieux que certaines pages soient complètement supprimées du serveur après leur date d'expiration. - Jakob Nielsen

4. Mauvaise navigation.

La navigation dans un site Web doit être transparente. Les utilisateurs doivent pouvoir se repérer facilement. Bien qu’il n’existe pas de norme de navigation dans un site Web, en particulier à mesure que de nouvelles technologies de développement Web font leur apparition, 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 alors se démarquer du corps du texte. Les liens morts ne doivent avoir aucune place sur une page Web. Cela augmente la confusion de l'utilisateur et fait perdre du temps. Et le pire est encore 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. Utiliser d'autres techniques de description de texte pour les liens Flash ou Javascript.
2. Organisez et structurez votre navigation en tandem avec le thème du site. Les sites Web personnels peuvent se permettre d’être plus créatifs et pourtant accessibles, mais un site Web professionnel exige plus d’efficacité et de clarté..

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

Plus: Mise en œuvre d'une navigation efficace sur le site Web - Cet article donne plus d'informations sur la mise en œuvre d'une navigation efficace pour votre site Web..

5. Conception de l'interface incohérente.

Une créativité excessive peut être juste cela. Excessif! Certains concepteurs passent à 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. Cela ne doit en aucun cas dérouter l'utilisateur. Et tout à fait ennuyeux. Peu importe la qualité et l’attractivité d’un site Web, si l’aspect général n’est pas cohérent, les utilisateurs ne peuvent pas s'y rapporter et se sentent moins en contrôle. Ainsi, en partant dès leur arrivée.

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 déroutés sur votre site Web.

6. Résolution d'écran peu conviviale.

Je suis sûr que nous avons visité des sites Web sur lesquels vous devez faire défiler horizontalement. Ceci est un non-non absolu dans la conception web moderne. Un bon concepteur développera des sites Web qui conviennent à la plupart des tailles d'écran. La disposition optimisée actuelle des sites Web est actuellement de 1024 x 768 pixels..

Suggestions:Il est difficile et presque impossible d'adapter le design à toutes les résolutions, en particulier lorsque les visiteurs surfent depuis des téléphones mobiles et des netbooks, mais nous pouvons avoir une idée approximative des résolutions d'écran généralement utilisées avec les moyens suivants:

• Vérifiez vos statistiques - Les services d'analyse tels que Google Analytics vous fournissent des informations sur la résolution de moniteur utilisée. Ce sont des informations utiles que vous devriez connaître avant de lancer votre prochaine refonte..
• Statistiques du navigateur W3 Schools - W3 Schools fournit des listes claires du navigateur le plus populaire utilisé par les internautes et les trie en fonction de leur popularité. Il y a aussi d'autres statistiques intéressantes et importantes.

7. Formulaires d'inscription compliqués.

Les formulaires d'inscription sont difficiles. De combien d'informations avez-vous besoin de l'utilisateur? Fini le temps où un utilisateur devait entrer un zillion 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 que les utilisateurs visitent un site Web pour obtenir des informations. Pas l'inverse.

La forme simple de Someecard facilite l'inscription.

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

Plus: 9 erreurs d'utilisation courantes dans la conception Web - Cet article de Smashing Magazine examine en détail les formulaires d’inscription, parmi d’autres erreurs d’utilisation..

8. Utilisation sans scrupule d'images / animations.

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

Les animations sont géniales et constituent un moyen puissant. Surtout lorsqu'il est utilisé correctement. Quand il s’agit d’un cycle ou tout simplement trop sur une page Web, cela gêne les utilisateurs. Les utilisateurs n'ont pas la patience, le temps et les ressources nécessaires. Les concepteurs doivent donc proposer des alternatives ou, mieux encore, le bouton Ignorer, s'il s'agit d'une animation d'une page complète..

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 reste pertinent en termes de convivialité de Flash, en particulier de la Breaks Web Fundamentals pièce.

9. Pages encombrées, plus d'espaces.

Trop de designers oublient les espaces et son importance. Ils sont tellement absorbés par leur propre créativité en matière de conception qu'ils oublient qu'il ne s'agit pas d'eux. Ainsi, ils essaient de s'entasser le plus possible sur une seule page. Résultat final? Une page occupé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 la importance des espaces dans la conception web:

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

10. Pas de musique de fond, s'il vous plaît!

Les utilisateurs ne veulent pas de cool, ils recherchent l'efficacité. Et oui, 99% ne s'intéressent pas à la musique de votre site Web. Certains designers aggravent la situation en ajoutant une musique de fond différente sur chaque page Web..

Suggestions:N'utilisez pas de musique de fond, mais si vous devez, créez un cadre pour le code et les contrôles utilisateur. Ainsi, la musique se répète en boucle au lieu de changer chaque fois qu'une nouvelle page est chargée sur le site Web. Et l'utilisateur peut arrêter ou faire une pause chaque fois que.

11. Test, test et test.

Cela ne peut pas être surestimé. Combien de fois avons-nous visité des pages Web qui ne peuvent être consultées que sur un certain navigateur? Les développeurs Web doivent avoir une liste de contrôle pour le test des sites Web.

• Le site Web peut-il être vu dans différents environnements??
• La conception est-elle cohérente dans tous les navigateurs??
• Le site Web peut-il être affiché dans différents paramètres tels que Images désactivées, JavaScript désactivé, etc.?

Suggestions:Le W3C propose des outils pour tester l’assurance qualité. Check-out Boîte à outils d'assurance qualité du W3C et Validation de page Web.

Conclusion:

Restez simple, stupide (K.I.S.S). C'est la ligne de fond. Si c'est simple, c'est utilisable. Dans l'ensemble, les sites Web géniaux restent simples et utilisables. Faites vos devoirs et cela vient facilement et naturellement.

Quelles sont vos expériences dans les projets de conception Web? Quels autres conseils et idées aimeriez-vous partager sur les erreurs de conception Web??

Note de l'éditeur: Cet article est écrit par Brujo Owoh pour Hongkiat.com. Brujo Owoh est un étudiant de premier cycle en systèmes multimédias, spécialisé dans la conception Web et l'animation 2D. Il aime lire des œuvres de fiction, passer du temps avec ses amis et suivre les tendances du design sur Twitter. Visitez le blog de Brujo.