Lors de la création d’un site, hiérarchiser les éléments visuels peuvent vous aider à faire passer votre message et conduire vos visiteurs à votre objectif. Pour y parvenir, vous devez d’abord comprendre comment l’œil humain se déplace à travers l’écran et comment le cerveau traite l’information humaine.
Dans cet article, nous allons discuter de l’importance des couleurs, des images, de la typographie, des contrastes et de la taille des éléments constituant votre page web. La manipulation de ces éléments vous aidera à contrôler l’expérience de vos visiteurs et vous aidera à avoir l’impact que vous cherchez à avoir.
Le design au service de votre message
Nos yeux scannent les pages de la même façon
Que ce soit des mots ou des images, les visiteurs lisent naturellement le contenu de gauche à droite et de haut en bas. Nous scannons les images de la même façon que nous lisons texte.
Cela signifie que la partie supérieure gauche de n’importe quel bloc de contenu sert d’ancrage pour vos visiteurs, c’est le premier endroit où ils vont probablement poser leurs yeux sur votre site. Mettez dans cet emplacement une image ou un texte qui va inciter vos visiteurs à rester sur votre site.
Les couleurs donnent le ton
Les couleurs jouent un rôle important dans le ton de votre site et s’avèrent être un outil essentiel pour communiquer votre message. Les couleurs envoient des signaux instantanés pour le visiteur sur le type d’entreprise que vous êtes. Elles sont également partie intégrante de la création d’une ambiance pour votre site : site professionnel, d’amusement, de détente, etc…
Un rouge profond communique le coté puissant et sexy. Le noir, le gris et le bleu sont des couleurs neutres et professionnelles et sont souvent utilisés dans les entreprises et sites web lié à la technologie.
Le romantisme est souvent associés au blanc, au rose et le turquoise. Les tons bruns peuvent être utilisés pour créer une atmosphère apaisante, bonne pour les spa, l’artisanat ou des sites de construction de maison. Les tons verts sont le choix évident pour les sites liés à l’écologie, l’environnement ou les produits écologiques.
Les images aussi donnent le ton
En plus d’aider les internautes à se mettre dans l’ambiance, les images transmettent le professionnalisme de votre entreprise. Un bon site web dépend de bonnes images. Même les meilleurs graphistes auront du mal à créer un site web sans des images de qualité. La qualité de vos images envoie un message au visiteur – Peu de chance de passer pour quelqu’un de sérieux si les images utilisées sont floues. Cela véhiculera un travail bâclé et laissera sous entendre une certaine paresse et un manque de sérieux.
Alors que de nombreuses petites entreprises auront recours à l’achat de photos sur internet, ces photos peuvent souvent nuire à votre site. Si les photos ressemblent et se sentent le coté banque d’images, les lecteurs pourront sentir un certain manque d’authenticité et se sentir trompés. Je ne dis pas de ne pas avoir recours aux banques d’images, je le fais régulièrement et il n’est pas donné à tout le monde de faire appel à un photographe pour chaque projet web. Mais prenez le temps de prendre ou choisir des photos de qualité qui mettrons votre travail en valeur. Cela fera toute la différence dans l’impact qu’aura votre site final.
Voici quelques conseils de Box eCommerce sur la façon de prendre de belles photos de produits: https://boxecommerce.laposte.fr/blog/2010/12/faites-de-bonnes-photos-pour-vos-fiches-produits/
Gardez à l’esprit que nous sommes tous attirés par les gens. Les visages attirent l’attention.
Les visages fonctionnent comme un aimant pour les visiteurs. Nos yeux sont naturellement attirés par le visage et les traits de nos compatriotes – homme ou femme. Vous pouvez placer soigneusement des photos de personnes pour attirer l’attention du visiteur sur une certaine partie de l’écran et ainsi faire passer votre message.
Dans cet exemple, la photo attire immédiatement l’attention du visiteur.
Typographie: Choisissez les polices qui correspondent à votre message
Comme les images, les polices ont une forte influence sur le ton et la convivialité de votre site web. Analogue à la voix d’une personne, elles peuvent être douces, fortes, élégantes…
Nos yeux sont attirés par les polices en gras, les gros caractères…N’hésitez donc pas à les utiliser pour transmettre rapidement votre message clé. Souvent, la taille et le style de la police peuvent être aussi accrocheur que les mots ou la police elle-même. Vous pouvez utiliser des polices contrastées pour attirer l’attention du visiteur comme le montre, en exemple, le site de Stéphanie Thillard ci dessous
Le type de police envoie également un message. Choisissez les polices qui reflètent fidèlement votre message clé et n’oubliez pas de garder les choses simples. Utiliser trop de polices va submerger le visiteur, fatiguer l’œil et – in fine – nuire à votre message, essayez donc de vous en tenir à deux ou trois polices maximum pour votre site.
Le contraste attire l’attention
Nos yeux sont naturellement attirés vers les endroits avec beaucoup de contraste. Lorsqu’un élément de votre page contraste avec l’arrière-plan de votre site, il va attirer l’attention de vos visiteurs. Plus le contraste est grand, plus il va attirer l’attention. Le contraste du texte augmente également la lisibilité. Par exemple, si vous placez des lettres blanches sur un bouton noir, il sera plus lisible que les lettres blanches sur un fond gris.
La taille compte
Cela peut sembler évident, mais il est important de le garder à l’esprit. Plus le texte ou l’image sera grand, plus il va attirer le regard de vos visiteurs. Une fois que vous avez leur attention, le texte peut devenir progressivement plus petit grâce à l’utilisation de sous-titres et de texte de plus petite taille pour leur donner des faits plus détaillés. Idem pour les images.
Soyez Minimaliste
Plus votre design et votre message seront simples et clairs, plus vous aurez de résultats. Apple reste le roi dans ce domaine et il est serait sage de s’en inspirer. Exprimez ce que vous avez à dire en un minimum de mots et un minimum d’images. Soyez clair et concise.
