Il y a dix ans, de nombreux internautes consultaient avec impatience Smashing Magazine pour lire les derniers articles sur le web design. De nombreux concepteurs de sites Web ont trouvé leur passion pour la création de sites Web à travers ces articles. C'était une époque où les principes de la conception Web déclenchaient un débat productif entre les concepteurs, débutants et experts.
De nos jours, il y a beaucoup moins de discussions sur les principes de conception. La passion du bon design est-elle morte ? Je pense que les designers, les blogueurs et les développeurs n'ont plus de temps pour ces discussions.
Nous avons accès à de nombreux créateurs de sites Web, modèles de sites, systèmes de gestion de contenu (CMS) et autres outils pour créer des sites Web. Dans cette abondance d’alternatives, nous créons de plus en plus de sites, mais nous ignorons leur design.
Je pense que tout le monde a besoin de temps en temps d’un rappel des principes fondamentaux de la conception Web. Découvrez ces idées!
Simplicité dans la conception
Êtes-vous fatigué des innombrables articles de blog mettant en avant le côté sexy de la simplicité ? C'est tout à fait compréhensible. Mais la dure réalité est que 99% des sites sont plus ou moins surchargés d’éléments inutiles.
Les propriétaires de sites Web souhaitent aider les utilisateurs en fournissant autant de données que possible dans le moins d'espace possible. Cependant, ils doivent trouver le juste milieu, car trop de données agacent les téléspectateurs. La conception de sites Web est à la fois une science et un art !
Contrairement à il y a dix ans, où les smartphones n’étaient utilisés que par un faible pourcentage de la population, il y a désormais plus d’utilisateurs mobiles que d’utilisateurs d’ordinateurs de bureau. Dans ce contexte, la simplicité est encore plus importante. Une mise en page simple se charge plus rapidement et ne gêne pas les utilisateurs.
La simplicité va de pair avec la vitesse de chargement. De nos jours, un site de chargement rapide est obligatoire. N'oubliez pas la théorie de Steve Jobs : le design ne dépend pas de son apparence mais de son fonctionnement.
Vérifiez chaque élément sur votre site. Est-ce inutile ? Si c'est le cas, supprimez-le. Est-ce quelque peu nécessaire ? Si c'est le cas, supprimez-le. Est-ce nécessaire ? Si c'est le cas, supprimez-le ! Est-ce extrêmement nécessaire ? Si c'est le cas, gardez-le !
Ne faites pas réfléchir les utilisateurs
Steve Krug a écrit un livre portant ce titre en 2000, et les designers l'ont beaucoup apprécié. Les idées de Krug sont encore valables aujourd’hui, près de deux décennies plus tard. Un bon web designer ne fait pas réfléchir les utilisateurs. Et cette idée n’offense pas les utilisateurs.
Les gens ont une capacité d’attention plus courte que celle d’un poisson rouge ! La durée d'attention moyenne d'un humain était de 12 secondes en 2002 et de seulement huit secondes en 2012. Aujourd'hui, vous disposez probablement de moins de huit secondes pour convaincre les utilisateurs de l'utilité de votre site.
Il y a de fortes chances qu'une mise en page simple ne fasse pas réfléchir les utilisateurs, mais il y a de nombreux autres aspects à prendre en compte. Commencez par une couche numérisable : les utilisateurs numérisent, pas lisent. Assurez-vous que votre slogan et votre slogan sont faciles à remarquer. Les gens doivent savoir où ils ont atterri et le but de la page Web dès la première seconde.
L'architecture du site doit permettre aux utilisateurs de naviguer de la page d'accueil à n'importe quelle autre page en moins de trois clics. Tout clic supplémentaire soulèvera des questions. Plus un utilisateur se pose de questions, plus la qualité du site Web semble faible.
Hiérarchie visuelle
Tout sur une page Web n’a pas la même importance. Faites savoir aux gens quel est votre message le plus fort en tirant parti de la hiérarchie visuelle. C'est pourquoi le bouton d'appel à l'action doit être gros, audacieux et placé à un endroit pour attirer immédiatement l'attention.
La hiérarchie visuelle est obtenue avec le placement, la taille et la couleur. Concevez la mise en page en gardant à l'esprit que les gens numérisent généralement une page Web selon un motif « F » ou « Z » .
De plus, les éléments de page Web plus volumineux sont associés à des rôles plus importants. Il est logique d’avoir un gros slogan, n’est-ce pas ?
Enfin, les couleurs façonnent également la hiérarchie visuelle, c'est pourquoi un bon bouton d'appel à l'action contraste fortement avec l'arrière-plan.
Lois de conception Gestalt
La psychologie Gestalt vise à déterminer les lois de la perception humaine dans un monde apparemment chaotique. Il existe quelques lois qui aident les concepteurs à créer des conceptions plus conviviales.
Loi de proximité
Selon cette loi, les objets proches les uns des autres sont perçus comme un groupe unifié. Appliquez cette loi à la conception d’un bon menu de navigation, par exemple.
Les utilisateurs ne percevront pas le menu dans son ensemble si ses éléments ne sont pas regroupés en conséquence, ce qui nuira considérablement à l'expérience utilisateur. Regroupez tous les éléments du menu et recherchez la symétrie et la similitude pour réaliser un élément esthétique.
Loi de similarité
Cette loi stipule que les objets similaires ont tendance à être perçus comme un groupe unifié. Comme la loi précédente, je recommande de concevoir des éléments de menu similaires.
Loi de symétrie
Les objets symétriques les uns par rapport aux autres sont perçus comme un groupe unifié. Les gens préfèrent la symétrie à l’asymétrie, alors visez la symétrie dans votre conception de mise en page.
Loi de continuité
Selon cette loi, le cerveau humain tend à unifier les objets proches les uns des autres selon une trajectoire linéaire. Consultez cet article pour découvrir comment fonctionne la loi de la continuité dans l’art. Gardez cette loi à l’esprit lorsque vous concevez des mises en page contenant des formes irrégulières et des lignes courbes.
Il existe quelques autres lois de Gestalt qui ont une influence moindre sur le travail de conception. N'ignorez pas la psychologie humaine lors de la conception de sites Web.
Les couleurs parlent
Jouer avec les couleurs, c'est bien, mais c'est un jeu risqué ! Les créateurs de sites Web tels que Wix, l'éditeur Gutenberg et d'autres créateurs de pages WordPress permettent aux utilisateurs de modifier l'intégralité de la palette de couleurs d'un site en un clin d'œil.
C'est certainement une fonctionnalité intéressante, mais en même temps, cela pourrait avoir un impact négatif sur la conception du site Web.
Un site réussi est centré sur l'utilisateur, la palette de couleurs doit donc être confortable pour les utilisateurs et non le choix préféré du gestionnaire du site Web.
Choisir la bonne palette de couleurs n’est pas simple. En règle générale, plus de quatre couleurs, c'est trop, mais cela dépend de l'objectif et de la complexité du site. Les couleurs doivent compléter les images et contribuer à transmettre un message solidaire.
Enfin, n’oubliez jamais les différentes significations des couleurs à travers le monde . Heureusement pour nous, il existe des tonnes d'applications Web destinées à vous aider à vous inspirer et à choisir les combinaisons de couleurs appropriées.
Lisibilité
En moyenne, un lecteur sur deux de cet article le lit sur un appareil portable. Les tailles d'écran et les systèmes d'exploitation sont différents, mais le contenu est le même. Le type et la taille de la police doivent s'adapter à chaque appareil pour offrir le meilleur environnement de lecture.
Inutile de dire que les gens quitteront votre site si votre contenu n'est pas lisible, et qu'un mauvais choix de police pourrait ruiner un bon site Web. Testez chaque choix de police avant de l’implémenter sur votre site.
Tester, tester, tester
Non seulement la technologie a changé depuis la dernière décennie, mais la manière de créer et de maintenir un site aussi. Il y a dix ans, un site Web n’était qu’une présence en ligne. Aujourd'hui, cela fait partie d'une entreprise ou de l'entreprise elle-même.
Les gens jugent vos services en fonction de votre site. Par conséquent, un site n'est plus une instance statique : c'est une entité vivante. Les propriétaires de sites s'associent à des concepteurs et travaillent en permanence pour améliorer leurs sites.
Les tests ne sont pas un principe de conception Web, mais une partie du processus de création et d'amélioration d'un site Web.
Conclusion
WordPress, Bootstrap et Wix offrent aux utilisateurs un pouvoir illimité pour créer un site Web sans codage. Ils sont formidables, mais les utilisateurs inexpérimentés pourraient être tentés de créer des sites Web conformes à leurs préférences et non basés sur de bons principes de conception Web.
Les conseils ci-dessus ne font qu’effleurer la surface, mais ils constituent un récapitulatif utile des idées de base. Ai-je raté un conseil important ? Veuillez laisser un commentaire avec vos idées. Nous attendons avec impatience votre contribution.
Laisser un commentaire