L’un de mes sujets favoris : le design.
Et l’un des mes sujets favoris dans ces favoris : la couleur …
Dans le design d’un site Internet, il y a une notion à ne jamais oublier. Même s’il faut privilégier, dans l’ordre, la clarté, l’ergonomie (l’aspect pratique) et la rapidité d’affichage dans la conception d’un site, il est néanmoins indispensable (car nous sommes humains), d’associer l’agréable à l’utile. L’œil est sensible à la beauté, à l’esthétique d’une page, même pour un site fonctionnel. Un design original, qui parvient à être esthétique tout en restant fonctionnel, peut avoir un impact positif très important sur la perception d’un site et sur la trace qu’il laissera dans leurs mémoires. En moyenne, la refonte de l’esthétique d’un site réussie en augmente la fréquentation d’en moyenne 20% !
De plus, le choix des couleurs, les dominantes chaudes ou froides, le nombre de couleurs utilisées, ont beaucoup d’impact sur la perception générale du site, mais aussi de la marque. N’oubliez pas qu’un site doit séduire le maximum de visiteurs, même si la cible est spécifique : jeunes mamans, punks, collectionneurs de voitures ou acheteurs d’électronique discount… Sur ces quatre types de cibles, l’impact de la couleur peut être déterminant : imaginez un site de vêtements pour bébés en noir et rouge sang, un site punk en bleu layette… A moins de s’adresser aux jeunes mamans punks, une cible « de niche » il faut l’avouer très restreinte, le chiffre d’affaires risque de pâtir d’un choix de couleur aussi agressif. Mais chaque couleur peut avoir des connotations très variables selon le contenu du site : un fond noir pourra très bien fonctionner pour l’électronique ou une ligne parfums haut de gamme, par exemple.
Mais la couleur n’a pas qu’une influence sur la perception esthétique du site, la sensation de plaisir dû à la beauté des couleurs et des harmonies entre elles. Elle sert aussi, et surtout, à canaliser la lecture et à améliorer la lisibilité. Un simple test : dans un long texte en noir, l’œil sera immédiatement attiré sur une phrase dont les mots sont en rouge… c’est ce qu’on appelle couramment une « mise en valeur » !
Associée à l’emplacement des éléments, la couleur permet de hiérarchiser les informations et de « conduire » la lecture des éléments les plus importants (nom de la marque / produit en promotion) à ceux considérés comme accessoires (informations légales). Les règles bien connues des designers de « packaging » (emballages) s’appliquent également au web : en gras et vert frais, l’atout santé d’un jus de fruit, en corps 8 et en noir, la composition…
On le comprend, ce choix est surtout déterminant pour les sites de e-commerce : choisir de mauvaises couleurs ou harmonies de couleurs peut avoir un impact négatif très profond sur des prospects et affecter les ventes, et à l’inverse, le bon choix de couleurs, la bonne « gamme » (comme dans le marketing produits) peut déclencher des émotions positives et motiver le visiteur à devenir acheteur. C’est notamment très important, comme le packaging, lorsque le site n’est pas orienté « discount ». Dans le cas du « pas cher », l’acheteur cherche avant tout le meilleur prix, et donc refuse de payer pour une « belle boîte ». A l’inverse, lorsqu’on vend un produit en se plaçant en moyenne / haut de gamme, l’acheteur accorde beaucoup d’importance à l’esthétique, à l’emballage, à l’image, et au ressenti de plaisir vis-à-vis du produit. Les pages d’accueil d’un site de voyages, par exemple, peuvent via leurs codes couleurs seuls, donner une idée des tarifs pratiqués…
Jaune fluo et rouge : « promotion » (mots-clés sur Google : « pas cher »)
http://gogppc.partirpascher.com
Orangé néon et bleu vif : promotion !
(Ici, les couleurs évoquent immédiatement :
1) les vacances : blanc et bleu turquoise, couleurs d’une plage
2) Les promotions : jaune vif, rouge vif, orangé)
Noir, rose, pourpre : élégance (« cher »)
Noir, gris, or : élégance (« cher »)
On observe actuellement une nette tendance à la baisse des « tableaux » de couleur sur la page d’accueil des sites e-commerce haut de gamme pour partir vers la sobriété et l’élégance du blanc : deux exemples toujours sur des sites de voyages. Les sites ayant pendant des années rivalisé en explosions de couleurs plus belles les unes que les autres, la tendance au contemporain épuré a gagné le design, et aujourd’hui le luxe, « c’est ce qui ne se voit pas »…
Les couleurs n’évoquent pas seulement des univers, des sensations, des plaisirs et déplaisirs esthétiques, elles influencent directement l’état émotionnel du visiteur de votre site. En règle générale, les couleurs « criardes », « flashy » et notamment les couleurs néons ont tendance à exciter notre cerveau, et donc à favoriser l’acte d’achat… sous le coup de l’émotion.
La juste dose est alors à trouver : jaune fluo + animations Flash rapides et multiples = risque de crise d’épilepsie et… fuite du client !
Les couleurs pastel et le blanc, à l’inverse, ont tendance à calmer, à relaxer, et sont idéales par exemple pour un site de e-commerce orienté vers les produits de bien-être et de relaxation. Néanmoins, ces données doivent être nuancées, car les couleurs ont une signification différente selon l’âge, le sexe et les cultures. Ainsi, le rose pâle relaxera tout le monde, du bébé au vieil homme, mais le blanc est une couleur de deuil en Inde, où l’on se marie en noir.
On garde néanmoins des constantes :
Le rouge est la couleur de la terre, de la vie, de la force physique, de l’énergie,
Le bleu est la couleur de l’océan, de la pluie, de l’eau, de la relaxation,
Le vert représente le monde végétal, la renaissance, la fraîcheur,
Le jaune est la couleur du soleil, de l’énergie spirituelle…
Il s’agit donc d’utiliser la couleur pour évoquer un univers, séduire l’internaute, mais aussi le guider dans sa « promenade » dans le site, pour l’emmener où l’on souhaite le voir venir…
N’utilisez que peu de couleurs dans votre charte graphique, surtout s’il contient déjà des images, des photos. Dans ce cas, vous pouvez même opter pour un fond uni (noir pour des images aux couleurs vives, blanc pour des pastels…), un logo / un titre dont la couleur est assortie voire identique à la couleur dominante de l’image principale, et une navigation dans les mêmes gammes de couleurs. Ensuite, il est tout à fait possible de varier les teintes : un gris foncé, moyen, clair associé à un or : deux couleurs seulement, et pourtant tout un univers.
Assurez-vous donc, lorsque vous créez un site, de respecter les consignes suivantes :
› Bien identifier votre cible et votre ou vos thèmes
› Analysez les couleurs dominantes chez les concurrents
› Réfléchissez : quelles émotions voulez-vous que votre site suscite ?
› Choisir une gamme de trois couleurs maximum, clairement identifiées
› Assurez-vous que ces couleurs se marient bien, et ne « jurent » pas ensemble
› Les textes sont bien lisibles (pas de jaune sur du vert…)
› Le contraste doit attirer l’attention sur les zones les plus intéressantes de votre site, de vos pages, de vos contenus
› Trop de contraste tue le contraste !
Les émotions et les évocations des couleurs
| Le rouge
L’action, l’énergie, la force, le feu, la passion, la chaleur, le pouvoir, l’amour, la romance. C’est une couleur très masculine et puissante. Le rouge est une bonne couleur pour capter l’attention et appelle à l’action. Le rouge est gaieté, excitation et chaleur. |
| Le rose
Une variation plus douce qui est davantage associée à la romance et inspire le calme. C’est une couleur féminine. |
| Le bleu
La confiance, le voyage, la liberté, le professionnalisme, la richesse et le pouvoir. Le bleu procure une sensation de tranquillité, de rigueur, d’acceptation, de patience, de coopération, de confort, de fidélité et de sécurité. C’est l’une des couleurs qui calme le plus et est associée au ciel et à la mer, l’intelligence et la confiance. Le bleu est également pour connu pour réprimer l’appétit, ne l’employez donc pas pour un site en relation avec la cuisine, mais il est par contre vivement recommandé pour les sites sur le régime. |
| L’orange
La santé et la vitalité, l’automne, le jeunesse, le feu, l’immuabilité, le courage, la confiance, l’amitié, la gaieté, la chaleur, l’excitation et l’énergie. Est connu pour stimuler l’appétit. Vibrant et chaud, l’orange est associé à l’automne et à la terre. |
| Le jaune
La lumière, la pureté, la compréhension, la retenue, l’éclat, l’intelligence, la joie, l’organisation, le printemps. Le jaune représente souvent le soleil, la chaleur, la lumière, l’énergie et le bonheur. |
| Le mauve
La dignité, la sophistication, la créativité, la spiritualité et le mystère. Le mauve foncé est associé à la royauté et la richesse, alors que la couleur lavande est associée à la romance et à la nostalgie. |
| Le marron
La crédibilité, la stabilité, la maison, le bois, la terre, le confort et la force. |
| Le noir
L’espace, la nuit, l’autorité, la puissance, l’élégance, le sérieux, la sophistication. |
| Le blanc
La pureté, la paix, la perfection, la fraîcheur, la facilité, la propreté, la spiritualité. Il est intéressant de noter que le blanc représente la vie et le mariage dans les cultures occidentales, la mort et la douleur dans les cultures orientales. |
| Le gris
C’est une couleur conservative qui symbolise la sécurité, la maturité et la fiabilité. |
Sources :
Esthétique et couleur
http://www.mon-design-web.com/esthetique-couleur.php
Concevoir son site Internet : le design et l’ergonomie
http://www.rankspirit.com/design-site-web.php#principes
Des couleurs adaptées pour améliorer l’impact de votre site internet