5 Common Web Design Faux Pas, vous devriez éviter

Avec plus de 644 millions de sites Web ornant Internet, il n'est pas facile de se démarquer. Naturellement, les concepteurs font de leur mieux pour éviter un design banal et oubliable et créer à la place quelque chose de moderne et mémorable..

Parfois, cependant, ces efforts posent problème même à leurs utilisateurs les plus fidèles. En effet, dans la conception Web, une amélioration visuelle peut parfois se traduire par une dégradation de la convivialité. Avant de mettre en œuvre toutes les techniques élégantes de votre répertoire de conception, prenez en compte les conséquences inattendues de la convivialité..

Dans cet article, nous aborderons cinq techniques courantes de conception de sites Web et leurs problèmes d’utilisabilité potentiels..

1. Défilement infini

Le défilement infini permet aux utilisateurs de faire l'expérience d'un flux de contenu sans fin avec une navigation minimale. Lorsque les utilisateurs atteignent le bas de la page, ils n'ont pas besoin de cliquer sur les liens de pagination: davantage de contenu est automatiquement diffusé..

Vous avez peut-être implémenté le défilement infini car il introduit une fluidité et une vivacité élégantes à la page..

Problème 1: Contenu disparaissant

Si les utilisateurs ont trouvé quelque chose d'intéressant sur la page aujourd'hui, peuvent-ils revenir à cet élément demain sans faire défiler leur vie dans l'espoir désespéré de le retrouver? Votre site propose-t-il aux utilisateurs des liens pour visiter les éléments récemment consultés? Votre site fournit-il une fonction de recherche suffisamment précise pour localiser cet élément après avoir entré les quelques mots-clés dont l'utilisateur peut encore se souvenir? Si la tendance de vos réponses était Non, le parchemin infini a privé vos utilisateurs de la joie de revenir à un contenu qui était important pour eux. Lorsque vous traitez votre contenu comme une phase passagère, vous dévaluez par inadvertance votre contenu et votre site..

Problème 2: Manque de possibilité de recherche

Vos utilisateurs ont choisi de visiter votre site Web car il contient un élément présentant un intérêt personnel ou une signification pour eux. Lorsque la page se charge, ils frappent joyeusement Ctrl-F pour rechercher un mot ou une phrase, pour ne trouver que des résultats correspondants à zéro, car le contenu souhaité n’a pas encore été chargé et ne peut donc pas être trouvé! Si vous pensez que vos utilisateurs occupés feront défiler patiemment jusqu'à ce que le contenu dont ils ont besoin soit chargé, détrompez-vous. Envisagez de donner la priorité à la recherche sur la possibilité de défilement dans votre méthodologie de conception..

2. Navigation à plusieurs niveaux

Le menu de navigation à plusieurs niveaux présente plusieurs niveaux d'éléments de navigation imbriqués. Ce n'est que lorsque vous accédez à un élément individuel que ses éléments enfants deviennent disponibles..

Vous avez peut-être implémenté la navigation à plusieurs niveaux car votre site comporte plusieurs niveaux de sujet imbriqués et vous souhaitez réduire l'encombrement et l'espace de page d'un menu de navigation traditionnel dans lequel tous ces niveaux de sujet sont disponibles dès le départ. Après tout, le menu de navigation à plusieurs niveaux maintient les interrelations entre les sujets et ce, de manière élégante et compartimentée.. 

Problème 1: Complexité cachée

Plutôt que de réduire la complexité d'un site avec une hiérarchie de sujets imbriquée, le menu de navigation à plusieurs niveaux ne fait que masquer cette complexité. Les utilisateurs doivent encore essayer de donner du sens à une foule de sujets qui ne sont pas classés intuitivement. Examinez les raisons pour lesquelles vous souhaitez minimiser et dissimuler les niveaux de navigation supplémentaires. Peut-être votre véritable objectif est-il d’aplanir l’architecture même du site afin que les sujets soient présentés dans un format plus facilement consomptible et groupé logiquement? Si tel est le cas, n’ayez pas peur de vous attaquer au problème fondamental et de reconsidérer vos décisions en matière d’architecture de l’information. Rappelez-vous que le travail d'un menu de navigation est de permettre la navigation et l'accessibilité, pas de cacher un manque de navigation ou d'accessibilité..

Problème 2: vol stationnaire ennuyeux

Nous les avons tous vus, des menus de navigation à plusieurs niveaux qui obligent les utilisateurs à survoler les éléments de menu avec la précision d'un chirurgien afin de localiser un élément d'intérêt. Si le curseur de votre utilisateur glisse sur un élément de menu, pouf, l'ensemble du menu de navigation s'efface et laisse vos utilisateurs là où ils ont commencé. Votre menu de navigation à plusieurs niveaux ressemble maintenant davantage à un jeu vidéo frustrant: les utilisateurs les plus avides et les plus déterminés continueront d’essayer de vaincre le menu de navigation, mais la majorité partira simplement pour trouver les informations recherchées dans une source plus pratique..

3. Icônes mal réfléchies

Une icône sur un site Web est souvent interactive et sert de représentation visuelle symbolique d’une fonction disponible pour les utilisateurs. Vous avez peut-être mis en place des icônes éclatantes sur votre site pour provoquer une réaction immédiate de l'utilisateur que vous pensez que seuls les mots ne peuvent pas obtenir. Après tout, une image vaut mille mots et les icônes sont utilisées dans la signalisation dans les industries du monde entier pour transmettre instantanément des instructions et des messages importants.. 

Problème 1: reconnaissabilité

Vous avez peut-être créé un jeu d'icônes éblouissant si astucieux et sophistiqué qu'il pourrait figurer sur la page d'accueil de Dribbble, mais si les gens ne comprennent pas ce qu'ils veulent dire, vous feriez mieux de décrire les fonctions avec des mots simples. En ce qui concerne les icônes, la beauté n’est que superficielle. La valeur des icônes sur votre site peut être évaluée avant tout par leur relativité et leur lisibilité..

Problème 2: occulter le texte

Vos utilisateurs se concentreront sur les aspects d'un site que vous présentez le plus en évidence. Par conséquent, si les icônes sont une fonctionnalité omniprésente sur votre site, vous indiquez à vos utilisateurs qu'ils doivent accorder une attention particulière à votre iconographie et une attention secondaire au contenu du texte. Vos utilisateurs sont désormais privés de contenu pertinent et bombardés de visuels auxquels ils ne s'attendaient ni ne souhaitaient. Si ce n'est pas votre intention, envisagez de renforcer l'importance du contenu textuel sur votre site en le mettant davantage en évidence et en mettant en valeur l'iconographie avec parcimonie. L'équilibre entre le texte et les éléments visuels est essentiel si vous souhaitez maintenir l'intérêt de l'utilisateur..

4. Sitemap Footers

Un pied de page de plan de site est un pied de page qui contient des liens vers les différents sujets de votre site Web. Ces liens sont généralement présentés dans une hiérarchie ou une structure qui imite la structure réelle du site. Ainsi, le pied de page du sitemap apparaît comme un véritable fichier de sitemap utilisé par les robots d'exploration des moteurs de recherche pour évaluer la liste cumulative des pages d'un site Web ainsi que les relations entre les pages..

Vous avez peut-être implémenté un pied de page de plan du site, car votre site contient plusieurs rubriques dans une hiérarchie et vous souhaitez fournir aux utilisateurs un ensemble centralisé et centralisé de liens leur permettant de passer facilement à la rubrique de leur choix. Après tout, si votre site Web contient beaucoup de contenu, un pied de page pour sitemap peut empêcher les utilisateurs de rechercher le lien vers le contenu dont ils ont besoin..

Problème 1: Aller au pied de page

Le pied de page de votre sitemap contient-il des liens vers des rubriques auxquelles il est impossible d'accéder en alternance par le biais d'un autre élément de navigation précédemment affiché dans la page? Si tel est le cas, après des visites répétées, vos utilisateurs s’entraîneront à utiliser le pied de page pour rechercher les liens qu’ils ne peuvent pas localiser avec les autres pages. Votre pauvre pied de page est maintenant confronté à la pression forte de compenser le manque d'accessibilité à l'information sur un site plus vaste. Souhaitez-vous vraiment que vos utilisateurs dissimulent votre contenu principal soigneusement construit et passent directement au pied de page? Sinon, envisagez d'améliorer la disponibilité globale des liens et leur positionnement sur votre site. Si des liens vers des sujets de grande valeur sont remarquables pour les utilisateurs au début de la page, votre contenu et vos utilisateurs atteindront le sommet..

Problème 2: Absence de contexte

Avant que vos utilisateurs ne cliquent sur un lien, ils auront besoin de votre encouragement pour leur fournir la motivation et le contexte nécessaires pour cliquer sur ce lien. Ce qui est génial avec un menu de navigation, c’est qu’il offre aux utilisateurs ce contexte précis. Il aide les utilisateurs à se repérer en fournissant des liens vers les rubriques du site de manière ordonnée et logique. Comparez cela au manque inhérent de contexte dans un pied de page de plan de site. L'utilisateur est au bas de la page et a probablement terminé de parcourir le contenu principal de la page pour laquelle il est venu. Ils ne sont pas incités à continuer à lire, mais se voient maintenant proposer un barrage de liens dans le pied de page. Si les liens couvrent tous les sujets du site de A à Z et qu’aucun contexte n’a été établi concernant leurs relations, vous ne pouvez pas raisonnablement vous attendre à ce que les utilisateurs s’aventurent dans ce lien..

5. Polices décoratives

Une police ornementale est simplement une police hautement stylisée, décorée ou illustrée. Nous les avons tous vus, des sites qui utilisent des polices embellies comme «Curlz», l'élégant «Voluta Script» ou l'innovant «Ecofont». Vous avez peut-être utilisé une police ornementale sur votre site parce que vous vouliez insuffler une nouvelle vie au texte ordinaire et vous pensiez que l'ajout d'une police vive permettrait d'atteindre cet objectif.. 

Problème 1: lisibilité

Peu de choses sur le Web sont plus décevantes qu'une police étonnamment travaillée, si illisible à l'écran qu'elle ne vaut tout simplement pas son poids. Le contenu est roi sur votre page. Par conséquent, si les utilisateurs ne peuvent pas lire ou obtenir de la valeur de votre contenu, il est peu probable qu'ils restent sur votre page et admirent le mérite artistique de la police. Utilisez votre discrétion et effectuez un test de lisibilité de toutes les polices ornementales que vous utilisez. Pouvez-vous lire la police confortablement dans ses variantes majuscule, minuscule, gras et italique? Sinon, envisagez d'éliminer la police et de la remplacer par quelque chose de plus utilitaire. La police la plus efficace est celle dont la clarté lui permet de parler d'elle-même, sans embellissements lourds.

Problème 2: incompatibilité avec le contenu

Supposons que vous ayez décidé d'implémenter sur votre site une police de caractères ressemblant à une écriture manuscrite de 12 ans. Disons également que le contenu de votre site est de nature professionnelle et s'adresse à la communauté médicale. En plus d'être difficile à lire à l'écran, votre choix de police est visiblement mal aligné en ce qui concerne votre contenu et l'objectif général de votre site. Des drapeaux rouges seront envoyés à vos utilisateurs qui se demanderont comment percevoir votre site quand il y a une telle déconnexion flagrante entre le contenu actuel et la manière dont il est présenté. Vos utilisateurs ne sont pas susceptibles de trouver votre police mignonne et fantaisiste. Au lieu de cela, votre police mal ajustée vous a fait une véritable injustice. Si vous ne souhaitez pas que vos utilisateurs éprouvent ce problème, envisagez de choisir une police adaptée et adaptée au ton général de votre contenu et de votre site..

Conclusion

Dans la conception Web, tout ce qui brille n'est pas or, et tout ce qui est mémorable, esthétique, voire innovant sur le plan fonctionnel n'est pas nécessairement utilisable ou accessible. Que vous soyez un concepteur débutant ou expérimenté, vous allez avec le temps continuer à acquérir de nombreuses techniques puissantes dans votre répertoire de conception. Comme dit le proverbe, une grande puissance entraîne de grandes responsabilités. Assumez la responsabilité de la puissance de votre conception et celle de vos utilisateurs en réfléchissant bien avant de mettre en œuvre des fonctionnalités qui, selon vous, amélioreront votre site.. 

Ne laissez pas votre méthodologie de conception ou votre architecture d’information retarder ou empêcher vos utilisateurs de trouver et d’utiliser son contenu. Si vos utilisateurs peuvent compter sur votre contenu et sur votre conception pour leur permettre un accès simple à ce contenu, vous pouvez compter sur eux pour revenir sur votre site pendant des années. À présent c'est design mémorable.