Un projet réussi combine à la fois un bon design, un contenu impressionnant et un peu de chance. Trop souvent, une conception est déformée par de simples erreurs UX qui ruinent le contenu et brouillent les actions prévues de l'interface.
Les utilisateurs peuvent facilement perdre la raison de leur présence et de ce qu'ils sont censés faire. Heureusement, beaucoup de ces erreurs de conception sont faciles à identifier et à corriger. (En prime, les exemples de cet article font bien les choses; utilisez-les comme guide!)
1. Typographie illisible
Il y a eu une courte phase au cours de laquelle les conceptions étaient remplies de polices de caractères de nouveauté. Bien que cela ne soit pas un problème en soi, cela pose un problème lorsque les mots sont difficiles à lire. (Quel est le sens des mots dans un dessin si l'utilisateur ne peut pas comprendre ce qu'il dit?)
Lorsque vous examinez les options de nouveauté, sachez à quoi les lettres ressemblent avec les mots que vous utilisez. Certaines combinaisons peuvent mieux fonctionner dans une police de caractères que d’autres. Faites attention au crénage et au nombre de caractères utilisés, en particulier avec une police de caractères de nouveauté. (Moins de caractères est souvent préférable avec une typographie d'affichage spécialisée.)
Comment savez-vous que c'est difficile à lire? Méfiez-vous des polices de caractères aux inclinaisons extrêmes, aux formes de lettre serrées et condensées, aux traits trop élaborés, aux queues ou aux ligatures, ou aux formes de lettre qui semblent se combiner ou avoir des formes inhabituelles.
Répare le maintenant: Remplacez cette police illisible par des caractères plus larges et des formes de lettre plus courantes. Vous n’avez pas à changer jusqu’à Helvetica, mais choisissez quelque chose de lisible et d’intéressant. Essayez quelque chose de cette collection de polices Google.
Bien faire: LeadGen
2. Mauvais alignement
Gauche, droite, venter, justifié?
Nous ne discuterons pas les avantages des types d’alignement ici. La grande conclusion est la suivante: l’alignement cohérent est ce qui compte vraiment. Le type et les éléments doivent reposer confortablement dans une grille. Les bords irréguliers doivent être évités.
Le problème d'un mauvais alignement est qu'il perturbe le flux visuel, rendant difficile pour les utilisateurs de passer d'un élément à un autre dans la conception. Ils risquent de se perdre dans le pétrin et de rater ce qui compte le plus pour le contenu.
Répare le maintenant: Définissez les styles d'alignement pour les éléments. Les photos sont-elles centrées ou alignées avec le texte dans la marge de gauche? Créez un ensemble de lignes directrices, ajustez la conception et respectez les règles pour aller de l'avant.
Bien faire: Lorem Ipsum
3. Images inappropriées
Une image inappropriée est un tueur de contenu. Cela peut créer une connexion visuelle disjointe avec du texte ou laisser l’utilisateur se gratter la tête.
Alors que les images qui manquent nous parviennent souvent? Sachez-le quand vous le voyez? mode, il y a quelques drapeaux rouges à rechercher dans vos projets.
- Images de stock stupides ou surutilisées: si la photo ne semble pas réelle (les gens en affaires conviennent sans sourire) ou si vous l'avez vue sur d'autres sites Web similaires, évitez-la.
- Images de mauvaise qualité: ne l'utilisez pas si la photo est floue, sombre ou mal composée. Aucune photo n'est meilleure qu'une mauvaise photo.
- Images basse résolution: une image pixélisée est toujours mauvaise. La plupart des règles relatives aux photos qui faisaient partie des processus de conception il y a quelques années doivent être révisées en raison de la dominance et de la popularité des écrans haute résolution.
- Les images Fluff n'améliorent pas le contenu: ne vous bloquez pas en incluant une photo simplement parce que vous le pouvez, même si elle n'a aucun rapport avec le contenu. Les images doivent améliorer le contenu, pas le brouiller.
Répare le maintenant: Faites un audit photo. Parcourez votre conception et supprimez toutes les images contenant les drapeaux rouges ci-dessus. Vous n'avez pas à remplacer une image si vous n'avez pas quelque chose d'approprié.
Bien faire: lacets Xpand
4. Négliger les détails du mobile
Tout le monde sait que les sites Web devraient être conçus sur des cadres réactifs. Il serait difficile de trouver un concepteur ou un développeur qui dirait le contraire. Mais un modèle réactif n'est pas une solution unique. La conception doit être ajustée pour différentes tailles d'écran.
Trop souvent, ce détail est négligé. Le site Web fonctionne sur mobile, mais la taille des caractères est un peu trop petite ou les images sont dimensionnées de manière réactive, proportionnellement aux différents formats d’image d’un appareil mobile. Ces petits détails peuvent sérieusement gêner les utilisateurs.
Répare le maintenant: Passez du temps avec votre design mobile. Prenez note de tous les détails qui semblent déplacés et qui causent de la frustration. Vérifiez la taille du texte, les images, les temps de chargement, l'emplacement des boutons et effectuez les ajustements nécessaires pour offrir une expérience plus transparente.
Bien faire: And Co
5. couleur folle
Un designer ennuyé va créer un design disjoint. Cela se manifeste souvent par une couleur folle et l'absence de palette définie.
Trop de couleurs peuvent être gênantes et ont souvent un aspect amateur. Pour chaque projet comportant une palette inspirée par l'arc-en-ciel, 1 000 autres projets échouent. À moins que les directives de votre marque ne vous recommandent d'utiliser ce type de jeu de couleurs, évitez-le. (Et si votre marque a de telles directives, encouragez un rafraîchissement.)
Répare le maintenant: Créez une palette de couleurs forte. Commencez avec une couleur dominante et une ou deux options secondaires. Si vous avez besoin de plus de variance, utilisez les teintes et les tons de cette palette (et créez des règles pour ceux-ci également). Ne commencez pas à ajouter plus de couleur.
Bien faire les choses: Impression de flyers Rush
6. Ne pas donner aux utilisateurs quelque chose à faire
Imaginez atterrir sur une magnifique page Web sans savoir quoi faire ensuite. Faites-vous défiler? Est-ce que vous cliquez? Y a-t-il une prochaine étape pour trouver plus de contenu?
Il devrait y avoir.
Un bon site Web est un réseau d’actions, d’interactions et de mouvements qui vont de page en page. L'objectif est de faire en sorte que les visiteurs se connectent avec le plus de contenu possible sur le chemin menant à l'action souhaitée.
Répare le maintenant: Chaque page de la conception doit contenir un appel à l'action.Les utilisateurs doivent savoir exactement quel est l'objectif de chaque page et cliquer sur le bouton, remplir un formulaire, jouer à un jeu ou acheter un produit. La structure de conception doit inclure des éléments d'interface utilisateur en gras afin d'encourager les clics ou tapotements entre les styles de boutons et les instructions exploitables.
Bien faire: Vinebox
7. Trop de bonnes choses
N'allez pas trop loin avec votre élément super cool.
Vous avez une bonne illustration? Utilise le. Utilisez-le grand, même. Mais n'encombrez pas d'autres illustrations qui diluent l'image.
Il en va de même pour les icônes ou pour toute autre technique permettant d’attirer les utilisateurs. Vous voulez les laisser vouloir plus, pas dépassés par le volume. Cela semble assez facile, mais cela peut être difficile en réalité. (Pensez simplement au pack d'icônes que vous avez acheté et ressentez le besoin d'en avoir pour votre argent en utilisant chaque objet.)
Répare le maintenant: Employer une stratégie moins est plus. Utilisez uniquement les éléments dont vous avez besoin pour améliorer le contenu. Ne pas le submerger. Passez en revue le design actuel et imaginez qu'un élément soit retiré de chaque page. Qu'est ce que ça serait? Le design est-il meilleur pour cela?
Bien faire les amateurs d'art en Australie
Conclusion
Chaque designer fait une erreur de design ici et là. (Certains d’entre nous en font plus que ce que nous aimerions admettre.) Mais pouvez-vous identifier les problèmes et récupérer?
Vous devriez avoir un bon départ dans cette direction avec cette liste d’erreurs et les moyens de les corriger. Ne soyez pas honteux lorsque vous commettez un péché fictif, ajustez et avancez.