Comment les internautes voient-ils votre site ?

Savez-vous comment les internautes perçoivent votre design ? Même si vous vous êtes cassé la tête pour créer un site ergonomique et accessible à tous, vous avez peut-être oublié l’essentiel : les couleurs.

En fonction des handicaps visuels, elles ne seront pas forcément « vues » de la même manière par un deuteranope, un protanope, ou un tritanope. Non, ce ne sont pas les petits noms de nouveaux jeux dans un  casino, mais bel et bien des variantes du daltonisme, une déficience visuelle malgré tout relativement répandue.

Concrètement, cela signifie que :

• il est important de travailler sur vos contrastes, pour que les différentes couleurs de votre design ne se mélangent pas entre elles
• vous devez non seulement éviter d’alourdir votre charte graphique par une surabondance de couleurs, mais aussi être vigilant quant à la cohérence dans le choix des couleurs
• vous devez veiller à ce que votre texte soit facilement visible par tous
• la signification des couleurs est certes importante, mais vous devez appuyer le message véhiculé par des photos et du texte.

Par exemple, vous avez choisi pour votre site un background d’un beau rouge pour rappeler la passion, le dynamisme et peut-être aussi l’agressivité. C’est parfait pour la promotion de vos produits dérivés rappelant les voitures de sport. Sauf que parmi vos visiteurs, il y a des déficients visuels. Les deuteranopes et les protanopes ne verront qu’un background d’une couleur un peu douteuse, tendance caca-d’oie. Les tritanopes percevront un rouge virant sur le rose, pas vraiment viril. Si, par surcroît de malchance, votre menu ou votre zone de texte sont construits dans des nuances de rouge, alors ces internautes seront complètement perdus et ils cliqueront au hasard comme s’ils pariaient à la roulette en ligne.

Pour vous aider à y voir plus clair, il existe un outil indispensable (et gratuit) à tout webmarketeur : vischeck.

Le principe est simple : dans le menu, vous cliquez sur « vischeck » puis sur « run images » (pour tester les images) ou sur « run websites » (pour les sites web) en fonction de vos besoins. Après avoir sélectionné  et validé la déficience à tester, il vous suffit de cliquer sur le lien de la simulation juste en dessous de « your results » et le tour est joué : vous pourrez apercevoir votre site  via un regard qui n’est pas le vôtre. Une expérience très instructive.

Continuez votre lecture avec ces articles susceptibles de vous intéresser

• 10 questions à se poser avant la refonte de son site web
• Maximiser son CPA: l’exemple concret de ProjectPlace
• Tous les facteurs clés de succès webmarketing: la chaine de valeur appliquée au E-commerce
• Les ingrédients d’une stratégie de social marketing qui fonctionne
• Ignorez les avis que laissent vos clients sur votre E-commerce
• E-commerce: toutes les techniques pour limiter l’abandon panier
• Social marketing: choisir des KPI en accord avec sa stratégie business
• Google Analytics & les données en temps réel
• Retrouvez moi dans le dernier hors série E-commerce de PHP Solutions
• Conduire son projet web