Les erreurs de conception peuvent arriver à n'importe qui. Vous essayez peut-être de terminer un projet trop rapidement ou vous travaillez sur une conception de site complexe où quelque chose est simplement négligé. Mais, quand ils se produisent, vous devez les réparer? immédiatement!
Certaines erreurs de conception peuvent ruiner votre contenu, amener les utilisateurs à abandonner votre site ou à perdre confiance dans les informations que vous fournissez. Il peut être difficile de récupérer si vous ne faites pas de corrections. Et pour que vous ne soyez pas confus, chacun des conseils d'aujourd'hui est livré avec un exemple de conception qui fonctionne correctement à partir de la galerie Design Shack!
1. Typographie bâclée
Le plus grand délinquant typographique est l'espace. L'interligne ou l'interligne, ainsi que l'espace inséré dans le retour à la ligne sont des infractions courantes. Bien que vous voyiez parfois trop de place, le problème le plus courant est que le texte ne laisse pas assez de place pour respirer, ce qui rend le design encombré et difficile à lire.
Pour la plupart des blocs de texte épais (par exemple, paragraphes du corps du texte), l’espacement des lignes sur le Web correspond à environ 120% à 150% de la taille des lettres. Avec un texte plus petit, tel que le rendu sur les appareils mobiles, vous pouvez même vous tromper d'un léger interligne pour assurer la lisibilité.
Le truc est dans ce juste milieu, où le texte est facile à lire et a un flux naturel, mais ne devient pas fatiguant pour les yeux. Un texte trop espacé peut être aussi difficile à traiter qu'un texte trop rapproché.
En ce qui concerne le retour à la ligne, suivez la même règle générale. En ce qui concerne les éléments liés qui se terminent, envisagez de mettre en miroir les règles d'espacement des lignes. De cette façon, tout donnera une impression cohérente qui montre que les éléments sont similaires mais augmente la lisibilité.
Bien faire: Maison de Khlebny
2. Même taille
Toutes les boîtes de photo ont la même taille. Tout le texte a la même taille. Tous les boutons ont la même taille. Bien que la cohérence soit agréable, toute la monotonie est ennuyeuse.
Mélangez-le avec quelques options de taille et d'échelle pour chaque type d'élément. De cette façon, vous pouvez conserver cette cohérence, mais aussi aider à stimuler le regard et à créer un intérêt visuel.
Une des meilleures choses que vous puissiez faire est de penser à l’échelle de la photo dans les cadres. L'en-tête du héros sur chaque page aura probablement la même taille, mais la manière dont vous positionnez la photo dans le cadre peut être différente. Effectuez un zoom arrière sur les images pour obtenir une sensation éloignée qui semble plus petite avec un poids visuel moindre; utilisez un recadrage serré pour que les choses apparaissent plus proches et plus visibles. Sans changer la taille réelle - ni même modifier les styles ou les modèles de votre site Web -, vous avez créé des éléments de tailles différentes.
Bien faire les choses: Brooke Promiitz
3. Oublier la hiérarchie
Un utilisateur vient sur un site Web censé trouver ou faire quelque chose. Rendez-le facile pour eux avec une hiérarchie distincte d’éléments menant à cette action.
Les éléments les plus importants de la conception doivent être les plus importants et être réduits aux éléments de moindre importance. Classez et regroupez les informations en éléments lisibles faciles à lire et à comprendre pour les utilisateurs.
Ensuite, transformez votre hiérarchie en un ensemble de règles pour des raisons de cohérence. De cette manière, un titre ressemble toujours à un titre et les boutons suivent le même type de règles de placement, de taille et d’interaction. Toutes ces petites choses rendront l'ensemble plus facile pour les utilisateurs.
Faire le bien: Thème Ragnar
4. Négliger les bases
Combien de fois avez-vous rencontré un site Web, cliqué sur un lien et rien ne s'est passé? Ou avez-vous cherché une adresse email ou un formulaire de contact pour ne pas en trouver une?
N'oubliez pas de vous occuper de tous les éléments de la conception et de vous assurer qu'ils sont complétés, faciles à trouver et précis. Portez une attention particulière à la navigation, à la recherche et au pied de page.
Il est important que ces zones incluent des liens et des informations mis à jour. Les utilisateurs attendent de ces éléments un certain type d'expérience et peuvent facilement être frustrés s'ils n'existent pas. Cela confère également une légitimité à votre site Web: des liens rompus ou l’absence d’informations de contact peuvent susciter la méfiance des utilisateurs.
Bien faire: Anagram Paris
5. Trop de mots
Modifiez votre copie, mettez-la de côté, puis modifiez-la à nouveau.
Le problème avec de nombreux sites Web est qu’ils utilisent trop de copies pour expliquer des choses simples. Le langage doit être clair et concis, car l’attention est courte.
Utilisez des mots descriptifs actifs pour mieux parler aux utilisateurs de la conception. Fournissez des instructions claires pour les éléments exploitables qui indiquent aux utilisateurs exactement quoi faire et ce qui se passera ensuite.
Cette clarté de la rédaction contribuera à maintenir l’intérêt des utilisateurs et à faciliter leur navigation dans la copie.
Bien faire: A, c'est pour Albert
6. Mauvaise résolution
Une mauvaise image de toute sorte devrait être évitée. De nombreux utilisateurs visualisent votre conception sur des périphériques haute résolution, des écrans compatibles Retina sur les tablettes aux moniteurs qui affichent chaque pixel en détail. Une image de mauvaise résolution va tuer n'importe quel design.
L'astuce consiste à repenser ce que vous savez sur la taille et la compression des fichiers. Bien que ces choses soient assez importantes, les règles ont quelque peu changé. Les fichiers volumineux deviennent de plus en plus standard et la plupart des connexions Internet peuvent supporter la charge.
La réalité est la suivante: si vous ne pouvez pas utiliser une image nette et nette, n'utilisez pas d'image du tout. Votre première impression visuelle en dit beaucoup sur les utilisateurs. Une mauvaise image montre que vous vous en fichez, que vous n’êtes pas crédible ou que vous ne pensez pas à la qualité d’abord. Assurément, ce ne sont pas des choses que vous voulez que les utilisateurs pensent quand ils visitent la conception de votre site Web.
Bien faire les choses: Orsolina 28
7. Trop de trucs
Exagérer les illustrations, utiliser trop de photos et créer des ombres portées ou des icônes dansantes qui vont trop loin font partie des astuces de conception courantes qui peuvent distraire les utilisateurs du message dans la conception.Toute technique de conception qui existe pour une raison visuelle peut être considérée comme une astuce: couleurs inhabituelles, animations, combinaisons de photos étranges et illustrations sont toutes des astuces de conception.
Et ils peuvent être des outils efficaces pour aider à créer un intérêt et un engagement.
Lorsqu'il est utilisé avec parcimonie.
Limitez les astuces à un élément qui distingue votre conception. Et essayez de ne pas en faire trop. Une bonne illustration, par exemple, peut être un bon outil, mais si certaines parties de cette illustration sont hachées et que des illustrations apparaissent sur toute la conception, cela peut être gênant. Un? Gros tour? est mieux et généralement plus efficace que des tonnes de petites astuces.
Faire le bien: Wokine
Conclusion
Ne vous découragez pas si vous êtes coupable de l'une de ces erreurs de conception. Ça arrive à tout le monde. Récupérez bien et votre contenu sera en sécurité.
Il ne faut pas non plus refaire la conception pour corriger ces erreurs. Quelques ajustements d'éléments de conception peuvent suffire à nettoyer et à simplifier les erreurs de conception courantes. La première étape consiste à auditer votre conception pour trouver des endroits susceptibles de requérir une attention particulière. Bonne chance!