Internet est un gâchis enchevêtré visuellement surchargé. Il y a tellement de choses à regarder? et lis? et comprendre qu'il peut être difficile de se concentrer et de déterminer ce qui est important.
Si votre conception est visuellement surchargée, il est probable que vous surchargez les utilisateurs et qu'ils quittent votre site Web ou votre application. Alors, comment savez-vous si vous le faites? Nous avons une liste de panneaux d’avertissement pour vous, ainsi que quelques moyens d’éliminer une partie du poids de la conception et de la rendre plus gérable pour les utilisateurs.
Vous n'avez pas de styles définis
Les styles et les palettes sont la base d'un bon design. En ce qui concerne les sites Web, tout doit être défini dans le CSS afin que les styles soient définis (et utilisés) dans l’ensemble du site Web. (Ne vous fiez pas à la mémoire ou aux modifications manuelles lorsque vous modifiez des éléments de page en page.)
Les styles définis incluent tout, de la palette de polices (avec la taille et l'utilisation des couleurs) à la palette de couleurs, en passant par la manière dont les éléments, tels que les boutons ou les liens, doivent apparaître et fonctionner dans la conception. Un manque de styles peut submerger les utilisateurs car il y a souvent des incohérences dans l'apparence et le comportement des pages, les amenant à se demander si tout fonctionne correctement ou s'ils ont obtenu les informations demandées lors d'un clic précédent.
Avoir des styles définis aidera également à prévenir? la conception et faire des changements sans raison. Un modèle logique et cohérent peut aider les utilisateurs à trouver facilement des informations et à en respecter le design.
Le Perfect Grid Book est un bon exemple de conception simple et cohérente.
Tout est la même taille
Vous ne pouvez pas discuter de styles et de CSS sans parler de hiérarchie. Votre conception a-t-elle une hiérarchie claire pour le texte et d’autres éléments (des photos aux boutons en passant par les liens)?
L’élément clé de cette question est «une hiérarchie claire». Les styles doivent être suffisamment différents pour que l'utilisateur le plus occasionnel puisse faire clairement la différence entre un titre et un corps de texte, un bouton ou une photo. Le problème le plus courant en termes d’utilisateurs accablants est que chaque élément a la même taille (ou qu’il tombe dans des groupes de deux tailles).
La taille ne se limite pas à la largeur et à la hauteur ou à la taille en points des polices de caractères. Quelle est la taille ou la différence des objets lorsqu'ils sont placés côte à côte? La taille ou le poids visuel est tout aussi important et même les éléments de types différents (texte à côté d'une photo, par exemple) doivent avoir des poids visuels variables. Les couleurs, l’espace et le contenu des images peuvent jouer un rôle important dans la détermination de la taille d’une image sur l’écran. Prévoyez des variations dans la taille visuelle des éléments afin de créer un chemin visuel pour les utilisateurs, qui aide à diriger l'œil des éléments les plus importants à l'écran vers les moins importants.
Votre taux de rebond est vraiment élevé
Faites-vous attention au taux de rebond dans l'analyse de votre site Web? Si le nombre augmente après une modification de conception, cela peut être dû à une surcharge visuelle. (D'un autre côté, il se peut que la recherche et le design soient si géniaux que les utilisateurs trouvent immédiatement ce qu'ils cherchent.)
Comparez le taux de rebond au temps passé sur le site. Idéalement, un faible taux de rebond et une durée élevée sur site sont bons. Si ces chiffres commencent à changer dans la direction opposée, cela pourrait signaler un problème.
Si les utilisateurs quittent votre site trop rapidement, approfondissez un peu plus l'analyse pour savoir comment ils sont arrivés sur votre site et ce qu'ils recherchent (à l'aide de modèles de clic, de pages supérieures et de résultats de recherche). Ajustez la conception pour que ces éléments soient des éléments hautement prioritaires.
Les utilisateurs ne cliquent pas sur les bonnes choses
Pendant que vous creusez dans l'analyse, notez ce sur quoi les utilisateurs cliquent. Les clics réels correspondent-ils aux clics souhaités? Si les utilisateurs ne font pas ce qu'ils sont supposés faire? avec la conception, cela peut indiquer un problème visuel. Les boutons peuvent ne pas être suffisamment grands ou clairs, ou la copie peut ne pas conduire les utilisateurs aux appels à l'action appropriés.
Le problème est souvent qu'il y a trop de choses à faire. Imaginez un site Web avec un grand appel à l'action dans l'image du héros, avec un formulaire de soumission par courrier électronique juste en dessous et une fenêtre contextuelle demandant des informations sous la forme d'un coupon. Sur quoi voudriez-vous cliquer en premier? Ou fermez-vous simplement le site Web et continuez votre vie?
Si vous voulez faire ce dernier, c'est de la nature écrasante de la conception et est due à une surcharge cognitive, ou à la quantité de puissance du cerveau nécessaire pour utiliser votre site Web. Il y a trop de choix à venir trop rapidement pour que les utilisateurs puissent tous les traiter.
La solution est facile. Limiter le nombre d'éléments pouvant faire l'objet d'une action à un par écran? en dehors des éléments de navigation ou du pied de page. Dans le scénario ci-dessus, la conception pourrait inclure un appel à l'action dans l'image du héros, mais rien d'autre. Le formulaire de courrier électronique vivrait sur une autre page ou sous le parchemin, comme le serait la boîte contextuelle.
La conception est emballée avec des astuces
Trop d'astuces de conception, de tendances ou d'éléments peuvent sembler sympas, mais peuvent gâcher l'expérience utilisateur. Essayez de limiter la conception à une astuce qui présente un intérêt pour les utilisateurs, mais ne les submerge pas mentalement.
Ne laissez jamais les modes ou les choses que vous voulez essayer faire obstacle à l'un des KISS - restez simple, stupide (ce qui pourrait bien être la meilleure philosophie de conception de tous les temps).
Les modèles d'utilisateur ne sont pas réellement des modèles du tout
Les fonctions de votre site Web sont-elles communes et bien comprises? Rien ne peut submerger un utilisateur comme une nouvelle façon de faire quelque chose. Le défilement de gauche à droite plutôt que de haut en bas, ou les boutons qui ne ressemblent pas à des boutons ne sont que quelques exemples de modèles d'utilisateur qui ne sont pas des modèles. Et les utilisateurs ne les aiment pas.
Tenez-vous-en aux flux d'utilisateurs, outils et actions communément acceptés pour vous assurer que la majorité des visiteurs savent comment interagir et interagir avec votre site. Si la conception nécessite des instructions, c'est probablement trop compliqué.Utilisez des icônes et des éléments également connus. L'icône de panier d'achat est un exemple d'élément que chaque utilisateur comprend et attend d'une certaine action.
Le menu caché, icône hamburger, est un exemple intéressant qui a commencé comme quelque chose que les utilisateurs ne comprenaient pas, mais qui a évolué pour devenir un motif utilisateur assez commun pour la navigation mobile et même sur le bureau. Mais ce n’est pas sans controverse, de nombreux designers s’opposant encore à leur utilisation.
S'il peut être amusant de créer quelque chose de totalement différent et nouveau, réfléchissez aux objectifs du projet de conception. Si vous avez besoin que les utilisateurs se déplacent sur le site et effectuent des actions spécifiques (c’est vital pour les sites Web de commerce électronique), il est essentiel de disposer de modèles d’utilisateurs communs.
Il n'y a pas d'espace blanc
Clutter est un tueur de site Web. Les espaces peuvent sauver la conception et aider à fournir aux utilisateurs des repères directionnels, aider à établir une hiérarchie et rendre le tout plus léger et plus facile à comprendre. Augmenter simplement l'espace entre les lignes de texte de une à une ligne peut augmenter le temps passé sur le site et la lisibilité.
L'espace peut également avoir une incidence sur les utilisateurs d'autres endroits. Les gouttières plus larges et l'espace entre les éléments peuvent contribuer à la compréhension et à la compréhension. Un espace blanc exagéré autour d'un élément peut lui donner un aspect important et mettre en évidence cette zone à l'écran.
L'espace a également un effet apaisant pour de nombreux utilisateurs, alors qu'un design bourré d'éléments peut donner à l'utilisateur une sensation de frénésie et de précipitation.
Conclusion
C'est une phrase que nous utilisions auparavant à Design Shack: En cas de doute, laissez tomber. Gardez cette idée à l'esprit lorsque vous essayez de rationaliser une conception qui peut paraître encombrée ou écrasante. L'encombrement visuel est un réel problème, à la fois sur des sites Web individuels et lors de la navigation simple sur Internet.
Une conception agréable pour les yeux tiendra plus longtemps les utilisateurs et, espérons-le, encouragera davantage de conversions. Chaque page ou écran doit avoir à l’esprit une action d’un seul utilisateur afin d’encourager les bons clics au bon moment.