Les couleurs et la lisibilité : un site agréable à lire
Un beau site qui fatigue les yeux, ça ne sert à rien. Assez de contraste, un texte assez gros, pas trop de couleurs. Voici les bases qui rendent un site facile à lire.
On choisit souvent ses couleurs au feeling : « j’aime le beige », « le gris pâle fait chic ». Le problème, c’est que le résultat est parfois joli sur ton grand écran… et illisible sur le cellulaire de ta cliente au soleil. Un site n’a pas besoin d’être spectaculaire. Il a besoin d’être facile à lire. Voici les quelques règles simples qui font toute la différence.
Le contraste, c’est la base
Du texte gris pâle sur fond blanc, c’est élégant dans ta tête, mais épuisant pour les yeux. La règle est toute simple : plus l’écart entre la couleur du texte et celle du fond est grand, plus c’est facile à lire. Du texte foncé sur fond clair, ou du texte clair sur fond foncé, voilà ce qui fonctionne. Évite les combinaisons molles comme le gris sur beige ou le jaune sur blanc.
Un truc gratuit pour vérifier : regarde ton site en plein soleil sur ton téléphone. Si tu plisses les yeux pour lire, tes clients aussi. Et une bonne partie de tes visiteurs a plus de 45 ans, et leurs yeux méritent un peu de générosité.
Un texte assez gros pour être lu sans effort
Beaucoup de sites ont un texte trop petit parce que « ça fait plus propre ». Mais personne n’a envie de zoomer pour lire ton offre. Sur un téléphone, ton texte principal devrait être confortable sans pincer l’écran. Laisse aussi respirer tes paragraphes : de l’espace entre les lignes et autour des blocs, ça rend la lecture bien plus douce.
- Texte foncé sur fond clair, ou l’inverse. Jamais deux tons proches.
- Une taille de texte confortable, sans avoir à zoomer sur le cellulaire.
- De l’espace entre les lignes et autour des paragraphes.
- Deux ou trois couleurs maximum, pas un arc-en-ciel.
Deux ou trois couleurs, pas trente
La tentation, c’est de mettre toutes tes couleurs préférées. Le résultat ressemble vite à une brochure des années 90. Choisis plutôt une couleur principale (celle de ta marque), une couleur d’accent pour les boutons importants, et des tons neutres pour le reste. Moins il y a de couleurs, plus celles qui restent ont du poids. Le blanc et l’espace vide sont tes amis : ils mettent ton contenu en valeur.
Un site n’a pas besoin d’en mettre plein la vue. Il a besoin qu’on puisse le lire sans forcer.
Penser à tout le monde
Environ un homme sur douze distingue mal certaines couleurs. Si ton seul indice « c’est cliquable » ou « attention, erreur » repose uniquement sur le vert et le rouge, une partie de tes visiteurs ne le voit pas. Ajoute un mot, un soulignement, une icône : ne fais jamais reposer une information importante sur la couleur seule. C’est ça, l’accessibilité, et ça profite à tout le monde, pas juste à quelques-uns.
Si tu n’es pas sûr que ton site est agréable à lire, écris-moi et on regarde ça ensemble. Souvent, deux ou trois petits ajustements de couleur et de taille suffisent pour qu’il devienne beaucoup plus accueillant, sans rien refaire au complet.
- couleurs du site
- lisibilité
- contraste
- design web
- accessibilité
Un projet Web en tête ?
Ces idées te parlent ? On les met en pratique sur ton site. Pis tu parles direct au fondateur.
À lire ensuite
Comprendre tes visiteurs sans te noyer dans les chiffres
Tu n’as pas besoin de cent graphiques. Trois ou quatre chiffres suffisent pour savoir si ton site travaille pour toi. Voici lesquels.
La hiérarchie visuelle : guider l’œil de ton visiteur
Sur une page, tout ne peut pas crier en même temps. La hiérarchie visuelle décide où l’œil se pose en premier. Voici comment t’en servir.