Les concepteurs de sites web sont des personnes merveilleusement créatives. Nous aimons ce que nous faisons, nous aimons expérimenter, nous aimons mettre notre « empreinte » artistique sur tout ce que nous faisons. Mais il est souvent trop facile de se laisser emporter par l' »art » et de perdre de vue un fait important : le site web est conçu avant tout pour l’utilisateur, et non pour le concepteur. Et les utilisateurs ont des attentes très spécifiques lorsqu’ils accèdent à un site. Voici quelques erreurs de conception de sites web très courantes qu’un professionnel ne remarquera peut-être même pas, mais qu’un utilisateur final ne manquera pas de remarquer.

1. Ne pas utiliser de grille lors de la conception d’une page

Oui, les grilles peuvent parfois être perçues comme « contraignantes », mais sans elles, la page semble « décalée » pour le visiteur qui n’appréciera peut-être pas l’asymétrie artistique. La grande majorité des utilisateurs ont besoin d’une expérience visuelle qui a du sens pour eux verticalement et horizontalement – cela leur donne l’impression que l’entreprise est organisée et structurée. Un design non structuré est plus adapté à l’encadrement et à l’accrochage au mur.

Pour y remédier, vous pouvez prendre votre dessin original, le superposer à une grille et y apporter quelques modifications. Si cela s’avère trop difficile, gardez vos bonnes idées, prenez une grille vierge et recommencez. Vous voulez que votre créativité « brille », mais vous devez la tempérer par une structure. En outre, envisagez d’utiliser un outil de conception (par exemple UX Pin) pour la conception de la grille.

2. Utilisation d’un thème « standard » et absence de personnalisation

Soyons certains d’une chose. Il existe de très bons kits de thèmes, et la plupart des concepteurs les utilisent. Ils permettent d’uniformiser les pages d’un site, et les utilisateurs aiment l’uniformité. En fait, lorsque vous devez mettre en place un site très rapidement, un kit de thème est la solution idéale. Mais vous voudrez ensuite le modifier pour l’adapter à vos besoins, afin qu’il ne ressemble pas à des milliers d’autres sites web.

Si vous n’arrivez pas à déterminer les modifications à apporter, recherchez des sites personnalisés qui vous plaisent vraiment et copiez leur URL. Allez ensuite sur « What Theme is That ? » et collez l’URL – vous pourrez ainsi savoir quel kit d’outils a été utilisé. Vous devez en choisir un qui vous permette de modifier des éléments tels que la couleur et la typographie. Et si vous êtes toujours bloqué, vous pouvez faire appel à un partenaire en marque blanche, dont votre client ne connaît même pas l’existence. Ces consultants assistent les concepteurs lorsqu’ils rencontrent des difficultés et agissent comme des « partenaires silencieux ». C’est un excellent moyen d’obtenir un deuxième avis ou quelques solutions pratiques à vos problèmes. La communauté des designers est généralement plus que disposée à s’entraider.

3. Ne pas concevoir pour des plates-formes multiples

Si vous concevez un site dans l’intention de le rendre plus petit pour les tablettes, puis encore plus petit pour les téléphones, vous perdrez vos utilisateurs mobiles. Ils navigueront horizontalement, les pages seront trop encombrées et leur expérience sera médiocre.

Veillez à utiliser une conception réactive ou une stratégie « mobile first » lorsque vous concevez le site. Commencer par le mobile est généralement une bonne idée, car il est beaucoup plus facile d’ajouter du contenu et des médias au fur et à mesure que l’on passe à des écrans plus grands que de retirer du contenu après coup. L’utilisation d’une stratégie « mobile first » vous oblige également à vous concentrer d’abord sur les aspects les plus importants d’un site.

4. Trop d’excentricité dans les couleurs et les polices de caractères

Les concepteurs sont avant tout des artistes, et les artistes aiment expérimenter, en particulier avec les couleurs et les textures. Si, lorsque vous avez terminé votre prototype, on vous dit que les choses ne sont pas à leur place, c’est probablement parce que vous n’avez pas assez bien harmonisé la palette de couleurs et la typographie. En général, les spectateurs aiment que les choses soient « assorties ». Cela leur donne un sentiment de sécurité et l’impression de mieux contrôler la situation.

Commencez par une palette de couleurs et une typographie qui s’accordent, en n’apportant que des modifications mineures au début. Testez les utilisateurs tout au long du processus – mieux vaut le savoir maintenant que plus tard, lorsque votre patron ou votre client émettra des objections. Veillez également à ce que les couleurs et la typographie utilisées soient cohérentes avec le type d’entreprise pour lequel le site est conçu. La sophistication exige du noir, du blanc et du gris, parfois du bleu marine ; le divertissement, le voyage et les loisirs nécessitent des couleurs plus vives et des caractères plus « amusants » ; la sérénité utilise des bleus et des verts calmes ; les sites professionnels doivent utiliser du bleu marine, des bleus, des verts et du blanc. Et si l’entreprise a un logo (comme Starbucks), utilisez les mêmes couleurs pour assurer la cohérence de la marque.

5. Chargement trop lent

Cela vaut pour la page de renvoi et pour toutes les autres pages du site. Il est amusant d’ajouter des animations, des vidéos, des photos et d’autres médias, mais si ces éléments ralentissent l’accès, les visiteurs passeront à un autre site. N’oubliez pas qu’un délai de 2 à 3 secondes est un bon objectif. De plus, les temps de chargement varient d’un appareil à l’autre, ce qui doit être pris en compte.

Vous devrez trouver les « coupables » et remédier à cette situation. Il se peut également que vous deviez éliminer ou compresser certains éléments afin d’accélérer le temps de chargement sur les tablettes et les téléphones. Là encore, il est essentiel de tester vos prototypes avant de finaliser la conception. Une mesure intermédiaire que vous pouvez prendre consiste à utiliser une « vidéo de chargement » qui divertira le visiteur pendant le chargement du site. Il ne s’agit toutefois que d’une solution temporaire, à moins que vous ne prévoyiez d’utiliser souvent cette vidéo. Les gens finiront par se lasser.

6. La navigation est trop complexe

Les utilisateurs ne veulent pas perdre de temps à chercher comment accéder à ce qu’ils veulent, pas plus qu’ils ne veulent perdre de temps avec de longs menus déroulants. S’il leur faut trop de temps pour arriver là où ils veulent aller, il est plus facile pour eux de rebondir et d’aller ailleurs.

La meilleure solution consiste à placer quelques liens en haut de la page d’atterrissage et d’autres pages qui renvoient les utilisateurs aux pages principales du site. De là, ils peuvent trouver des liens vers des pages secondaires. Mais une bonne « règle de base » ici est de 3 clics. Un utilisateur devrait pouvoir se rendre n’importe où avec ce nombre. Une autre méthode efficace, en particulier lorsque le site comporte de nombreuses pages, consiste à mettre en place un menu latéral pour toutes les pages secondaires. C’est beaucoup plus facile que ce long menu déroulant.

Les menus pour les appareils mobiles, en particulier pour les téléphones, doivent être plus simples. Les menus déroulants sont peut-être mieux adaptés aux téléphones, mais il ne devrait y avoir que 2 ou 3 choix.

7. Utilisation des fichiers PDF pour la lecture

Les utilisateurs s’attendent à recevoir des fichiers PDF lorsqu’ils accèdent à des sites web éducatifs et gouvernementaux. Ils attendent également des fichiers PDF pour les documents longs (guides électroniques, manuels, etc.), mais ils sont irrités par la lenteur des chargements. Dans certains cas, le format PDF est essentiel car il conserve le formatage original de la page que vous partagez.

Il s’agit d’une solution facile à mettre en œuvre, et il suffit de se rappeler qu’il ne faut utiliser le format PDF que pour les fichiers volumineux.

8. Absence de liens à couleur changeante

L’un des avantages d’une recherche Google est que lorsqu’un utilisateur se connecte à un site et revient ensuite, la couleur du lien a changé, ce qui indique à l’utilisateur qu’il a déjà accédé au site. C’est un gain de temps et d’irritation. Si vous n’avez pas intégré cette fonctionnalité dans votre design, vous devriez le faire : les utilisateurs l’apprécient vraiment et cela les aide à se rendre là où ils veulent aller.

9. Cacher vos prix

Vous êtes un peu à la merci de votre patron ou de votre client sur ce point, mais vous êtes l’expert et vous devriez essayer de le convaincre que l’une des choses les plus irritantes pour les visiteurs est de ne pas pouvoir trouver un prix très tôt dans leur navigation. Vérifiez les sites de vos concurrents et, s’ils affichent les prix très tôt, faites de même.

10. Absence d’espace blanc autour des éléments importants, tels que les CTA

Trop d’encombrement autour des informations vraiment importantes et des boutons CTA désoriente les visiteurs, qui risquent de passer à côté de certaines choses.

La solution consiste bien sûr à faire le vide et à simplifier autant que possible. Placez les boutons au-dessus de la ligne de pliage et mettez de l’espace blanc autour d’eux, en utilisant une couleur distinctive. Le texte du bouton doit être d’une couleur clairement contrastée pour attirer l’attention. Encore une chose à propos des boutons : Les bords doivent être incurvés et non carrés. Les bords incurvés attirent l’œil vers l’intérieur pour qu’il lise le texte du bouton ; les bords carrés éloignent l’œil du texte du bouton.

11. Absence de formulaires d’enregistrement simples et volumineux

Quelle quantité de détails sur une personne est absolument nécessaire ? Les utilisateurs ne veulent pas donner trop d’informations ou attendre que vous vérifiiez une adresse électronique ; ils veulent de la rapidité et de la simplicité. Les utilisateurs de téléphones mobiles, ainsi que la plupart des personnes âgées de plus de 40 ans, veulent vraiment des champs de formulaire et des boutons plus grands.

Veillez à ne demander que les informations essentielles sur tous les formulaires et veillez à ce qu’ils soient d’une taille convenable pour être lisibles. Une autre réflexion s’impose : C’est une bonne idée de donner aux utilisateurs la possibilité d’agrandir le texte – les « plus de 40 ans » vous en seront reconnaissants.

12. Ne pas tester chaque. Chaque. chose.

Si tout n’est pas testé et que des problèmes sont découverts, il faut alors revenir en arrière et corriger les choses alors que le site est déjà opérationnel. Cela signifie qu’il faut retirer des pages au fur et à mesure qu’elles sont réparées, et il est un peu irritant pour un utilisateur de se connecter à une page et de lire « En construction ».

Si vous testez absolument tous les aspectset toutes les fonctionnalités du site, sur plusieurs plateformes, vous aurez un site « prêt à l’emploi » lorsque vous en ferez la démonstration à votre patron ou à votre client. Et vous ne devez pas effectuer ces tests vous-même. Demandez à un collègue de confiance ou faites appel à un partenaire blanc pour cette activité.

À emporter

La conception commence par une réflexion à l’image de l’utilisateur. Il veut :

• L’attrait visuel
• Cohérence
• Simplicité
• Navigation facile
• Texte lisible et fragmenté
• Des pages qui se chargent rapidement

Pensez d’abord à l’utilisateur, puis ajoutez votre créativité. Vous obtiendrez un design qui plaira aux utilisateurs et dont vous serez fier.