Au fil des ans, la conception et la mise en page Web se sont complexifiées. Pourtant, alors que notre travail devient de plus en plus perfectionné et interactif, en s'éloignant des configurations de boxe statiques qui ont dominé les années 90, l'objectif central n'a pas changé.

La visibilité est aussi importante pour les concepteurs que jamais. Il s'agit de notre capacité à concentrer l'attention de l'utilisateur sur le contenu significatif qui aide à vendre des produits et à encourager les abonnés, et aide les sites Web à gagner des lecteurs réguliers.

Les utilisateurs profitant de plus en plus des solutions préconçues, il est important de donner aux sites Web la distinction et la personnalité suffisantes pour susciter l'intérêt des utilisateurs.

Après tout, le but d'un site Web est d'être unique, de ne pas suivre les autres ou de proposer une mise en page utilisable mais générique et sans vie. Dans cette optique, examinons comment la contrainte de trop utiliser certaines conventions et certains modèles de conception pourrait avoir une incidence favorable ou défavorable sur les utilisateurs.

Saturation et Sensibilisation

Pour commencer, passons en revue les deux variables principales à l'œuvre. La saturation, à ne pas confondre avec le terme lié à la couleur, fait référence à l'omniprésence de certains outils, techniques ou implémentations de conception sur le Web. Examinez, par exemple, l’ampleur des annonces Google aujourd’hui et la manière dont certains concepteurs les intègrent sur leurs pages Web.

La sensibilisation, quant à elle, fait référence à la mesure dans laquelle un utilisateur est affecté par l'exposition à un outil, à une technique ou à une mise en œuvre. On pourrait dire que nous sommes devenus tellement habitués à voir des publicités en ligne que nous les avons adaptées pour les filtrer en tant que bruit de fond non pertinent, et parfois les filtrer physiquement.

Publicité de jeux vidéo

Nous voyons des publicités de plus en plus intrusives qui utilisent des animations, des sons et des couleurs vives.

Bien que certaines implémentations, telles que la publicité, puissent être considérées comme préjudiciables à la valeur du contenu, d'autres peuvent être très utiles si elles sont utilisées de manière répétée et cohérente, telles que les vignettes d'images dans les portefeuilles. Parce que la saturation et la désensibilisation peuvent être à la fois bonnes et mauvaises, le problème essentiel auquel les concepteurs sont confrontés consiste à déterminer quand et comment suivre les conventions.

Notre industrie dépend fortement de la convention. Si nous n'utilisons pas un CMS ou un modèle, nous utilisons des frameworks et des sites d'inspiration. S'appuyer sur les conventions de conception pourrait résulter d'une crainte que si l'on ne suit pas les changements et les tendances culturels, ils seront jugés obsolètes ou leur compréhension de la facilité d'utilisation sera remise en question. Mais cela est loin de la vérité.

Bien que la duplication des conceptions ou l'utilisation de conventions génériques puisse être plus facile, cela limite le potentiel de connexion avec les utilisateurs au niveau émotionnel, ce qui ne doit pas être pris à la légère.

Systèmes de gestion de contenu.

Avec autant de frameworks et de moteurs CMS, il est étonnant que nous ayons besoin de construire quoi que ce soit.

Examinons certains des avantages que les conventions peuvent apporter à une page Web et analysons certains des principaux pièges susceptibles de vous amener à choisir une mise en page particulière ou à repenser une fonctionnalité.

Nous explorerons également quelques solutions réalisables pour vous aider à éviter que votre site Web ne ressemble à des millions de mises en page qui ne présentent pas de proposition de vente unique ou de pertinence.

Le bon côté de la saturation

L'une des principales raisons d'utiliser des éléments saturés dans un dessin est la reconnaissance qu'il procure aux utilisateurs. Les tendances et les tendances fournissent non seulement des solutions simples aux fonctionnalités que nous souhaitons implémenter (comme les menus de navigation), mais elles présentent également des avantages d’utilisation faciles car elles rassurent les utilisateurs par des points de référence familiers sur la page.

Systèmes de navigation

Les systèmes de navigation deviennent de plus en plus complexes, mais ils peuvent aussi être assez élégants.

La saturation peut apporter une valeur éducative à une expérience. En fournissant des conventions pour les utilisateurs, la saturation réduit la courbe d'apprentissage d'un site Web au fil du temps.

Considérez comment nous nous sommes habitués au menu déroulant; Si vous n'aviez jamais vu cet outil, vous ne vous êtes peut-être pas rendu compte que le survoler entraînerait une liste secondaire d'éléments. De tels composants communs peuvent avoir une valeur ou un caractère moins empathique, mais ils aident les utilisateurs à accomplir leurs tâches rapidement.

Navigation de viande mystérieuse.

La navigation mystère-viande pose des problèmes aux utilisateurs. La familiarité devrait précéder l'esthétique.

Nous avons tendance à prendre pour acquis les choses que nous voyons tous les jours. À quelle fréquence, par exemple, considérez-vous la technologie derrière les feux de circulation? Ce phénomène peut également être appliqué à la conception de sites Web.

À mesure que le niveau de saturation d'une tendance augmente, nous devenons plus familiers avec sa fonction et la façon dont elle nous affecte. Par conséquent, nous pouvons l'ignorer mentalement jusqu'à ce que nous ayons besoin de l'utiliser. Le danger en est la "navigation sur les zombies", dont nous parlerons plus tard.

Concentrez-vous sur un site.

Les utilisateurs ont tendance à se concentrer uniquement sur le contenu et peuvent manquer le message de la conception.

La stabilité est un autre effet commun des conventions de conception. Lorsque quelque chose a été implémenté à maintes reprises, il a probablement été soumis à plusieurs itérations de test, d'analyse et d'amélioration et, en tant que tel, augmente la valeur.

En outre, l’efficacité des conventions telles que le menu déroulant ayant fait l’objet de recherches approfondies, nous pouvons créer des scénarios d’utilisation pour déterminer si et comment ils conviendraient à une mise en page particulière.

Logo appelle à l'action.

Nous savons que les utilisateurs s'attendent à être redirigés vers une page d'accueil lorsqu'ils cliquent sur un logo.


Le mauvais côté de la saturation

Bien que tous ces points montrent que la saturation peut être bénéfique, comme pour tous les aspects du design, il y a un revers qui devrait vous faire réfléchir à deux fois avant de sauter dans le train. Le premier de ces problèmes est l'abus.

Pour ceux d'entre vous qui peuvent se souvenir de l'ère du design Web 2.0, lorsque tout était brillant et biseauté, le Web était rempli de conceptions inutiles, à la fois professionnelles et personnelles. Tout le monde a copié ce qu'ils pensaient être populaire, et la tendance est devenue si commune que sa valeur a été perdue dans un océan de clones.

L'ère du Web 2.0.

L'ère du design Web 2.0 est devenue incontrôlable et l'innovation en matière de mise en page en a pâti.

Au-delà de l'abus de saturation, un autre obstacle est l'inattention qui entoure parfois la saturation. Lorsque nous implémentons une fonctionnalité telle qu'un menu de navigation, les visiteurs doivent en reconnaître les nombreux éléments sur la page.

Mais que se passe-t-il si l'outil ne fonctionne pas comme prévu? Cela peut sembler trivial au début, mais les tendances limitent notre capacité à innover et les hypothèses des utilisateurs peuvent nuire à l'avancement du Web.

Boutons sur le Web.

Les utilisateurs attendent une action en cliquant sur un bouton, la fonctionnalité doit donc être réactive.

Outre ces facteurs, l’un des principaux arguments contre les modèles et les fonctionnalités saturées est qu’ils ne ciblent pas les besoins d’un public spécifique.

L'une des caractéristiques déterminantes d'un site Web fabriqué à la main est qu'il a été construit (espérons-le) avec les exigences du visiteur au centre. Alors que les sites Web peuvent s’en sortir avec une mise en page d’apparence générique, les designs joliment conçus amélioreront la valeur du site Web et enrichiront ou compléteront le contenu.

Site orienté enfant.

Vous pouvez clairement dire que ce site Web a été conçu pour son public cible: les enfants.

Le problème final est l'influence de la saturation sur les visiteurs. Lorsque les mises en page deviennent une routine, les utilisateurs peuvent facilement manquer de nouveaux composants qu'ils supposent avoir existés lors de leur visite précédente.

Cet état psychologique, connu sous le nom de «navigation sur les zombies», se manifeste lorsque les utilisateurs ne remarquent pas les objets qu’ils considèrent inconsciemment ou consciemment comme non pertinents. Ceci est particulièrement problématique dans la publicité; de nombreux utilisateurs bloquent les annonces avec des extensions de navigateur ou évitent de les regarder, même si les annonces peuvent être utiles.

Ad Block Plus pour Firefox.

Bien que les options de filtrage puissent être utiles pour les utilisateurs, elles peuvent également rendre les choses plus difficiles à repérer.


Solutions pour les concepteurs

La première solution, qui semble plutôt évidente, consiste à innover plutôt qu'à copier ce qui existe.

Dans certains cas, cependant, la meilleure solution consistera simplement à ne pas réinventer la roue; La disponibilité des galeries d'inspiration, des scripts couper-coller, des moteurs CMS et des modèles de mise en page ont tendance à favoriser la préférence pour la conception rapide plutôt que la fabrication artisanale.

Même si vous utilisez une solution prédéfinie, vous pouvez toujours l'améliorer ou la personnaliser pour votre public.

Le CMS WordPress.

WordPress peut (et devrait être) être hautement personnalisé pour correspondre à l'identité de la personne ou de l'entreprise.

La seconde solution consiste à déterminer si une fonctionnalité générique sert réellement un objectif particulier. L'idée de concevoir avec un objectif existe depuis de nombreuses années et, même si les utilisateurs continuent d'exiger des niveaux plus élevés d'interactivité et de contrôle sur un site Web (loin de la conception statique), nous devrions inclure un élément sur un site Web uniquement. l'utilité l'emporte sur les coûts de sa présence; par exemple, il ne devrait pas dérober l'attention à d'autres contenus. Chaque objet doit avoir une utilité, même des éléments mineurs tels que les liens "Skip", qui aident les lecteurs d'écran.

Une interface propre.

La suppression des fonctionnalités inutiles reste populaire car nous aimons tous une interface propre.

La simplicité et l'objectif de diriger les yeux du visiteur vers un contenu utile sont au cœur d'un design de qualité. Pour éviter la saturation excessive, nous devons faire preuve de prudence lors de l'ajout d'objets à la page (et surtout ne pas le faire de manière répétée) et ne pas être trop enthousiaste avec le "chargement de fonctionnalités".

Nous savons que la surcharge des utilisateurs les obligera à travailler plus fort pour progresser dans la page; et plus il y a de distractions, plus le risque qu'un contenu important soit manqué est élevé. Les concepteurs doivent être sensibles aux besoins des utilisateurs, réduire la courbe d'apprentissage et maximiser la visibilité du contenu.

Bons et mauvais exemples

Dans le premier exemple ci-dessous, une grande partie de l'énergie est clairement passée à l'équilibre entre convention et originalité. Remarquez comment la disposition à largeur fixe, le logo centré et très visible et les éléments familiers se rejoignent sur la page sans surcharger l'utilisateur. Pendant que le défilement est requis, l'interface offre une touche unique, avec ses subtiles fioritures, ses choix typographiques et ses images de profil soigneusement organisées.

Le seul inconvénient réel est que les utilisateurs non avertis peuvent ne pas être en mesure d'identifier facilement les icônes visuelles. La navigation mystère-viande est toujours un gros risque.

Exemple A.

La disposition de ce deuxième exemple est peut-être moins unique que la première. Et pourtant, cela rend l'expérience encore plus agréable grâce à la courte courbe d'apprentissage de l'interaction avec l'utilisateur: le logo et le menu de navigation sont là où vous vous attendez; le site Web suit les termes conventionnels pour les éléments de portefeuille (bien que, dans ce cas, l’espace de l’écran soit plutôt gaspillé); et les infographies attrayantes poussent les utilisateurs à faire défiler la page.

La barre de défilement alternative est plutôt intéressante. Beaucoup de designers semblent en adopter un pour tenter de mieux contrôler l'esthétique du site. Mais en raison de la taille réduite de la zone cliquable, cette disposition peut être très inaccessible pour les utilisateurs déficients moteurs, et cela va à l'encontre de la tendance habituelle consistant à utiliser les paramètres par défaut du navigateur. Cela revient à un anti-pattern, et c'est un bon exemple d'un choix de conception inapproprié.

Exemple B.

Ce site Web final est un véritable exemple de «quoi ne pas faire». Comme vous pouvez le constater, bien qu’elle essaie de mettre les utilisateurs à l’aise, la page d’accueil MSN n’est pas originale et ne présente pas clairement son contenu.

Le logo, le champ de recherche et les liens vers les icônes sont rendus de manière acceptable, mais lorsque l'utilisateur fait défiler la page, il devient de plus en plus encombré en raison des conventions de conception très compactes.

Il y a beaucoup trop de choix dans les menus de navigation, ce qui crée une certaine confusion. un menu déroulant aurait peut-être suffi. De plus, la publicité occupe un sixième de la page, détournant ainsi l'attention de l'utilisateur. De plus, à mesure que nous avançons vers le bas, la page est parsemée de diaporamas, de blocs de contenu tabulés et de centaines de liens surchargés. C'est la saturation à son meilleur: trop de choses sont fournies avec trop peu d'originalité ou de finalité.

Exemple C.

La saturation et l’équilibre entre convention et originalité figureront toujours largement dans le design.

Au fur et à mesure de l'évolution du Web, de nouvelles normes et conventions se présenteront. Bien que nous voulions éviter de créer des conceptions si différentes qu’elles confondent les utilisateurs, nous devons garder un élément d’originalité dans notre travail pour éviter de classer nos visiteurs.

Chaque site Web aura ses propres défis et besoins, et la responsabilité du concepteur consistera à repousser les «anti-expériences» génériques des modèles et à réintroduire des innovations dans leur travail.



Exclusivement écrit pour WDD par Alexander Dawson. Il est concepteur web indépendant, auteur et développeur de logiciels de loisirs spécialisé dans les normes Web, l'accessibilité et la conception UX. En plus de gérer une entreprise appelée HiTechy et écrire, il passe du temps sur Gazouillement , Les forums de SitePoint et d’autres lieux, aidant les personnes dans le besoin. "]

Que pensez-vous de la saturation dans la conception Web et comment faites-vous face à ces défis sur vos propres sites Web? S'il vous plaît partagez vos pensées ci-dessous ...