Original ou banal ? Le bleu : couleur la plus populaire du web

Le bleu fait-il partie de votre stratégie pour enrichir votre site web ? Si tel est le cas, sachez que vous n’êtes pas le seul.

Après avoir épluché les codes couleur des 10 sites web les plus visités au monde en septembre 2016, notamment Google, Facebook et Twitter, le designer Paul Hebert en a conclu que le bleu était la couleur la plus populaire.** **Et pas seulement pour son utilisation dans les hyperliens — le fameux bleu #ooooEE. Le designer a débusqué dans les sites web les plus visités toute une palette de nuances de bleu.

La tendance bleue offre un formidable éclairage sur la manière dont certains designers appréhendent l’expérience de leur audience web. En mal d’inspiration pour séduire une multitude d’individus aux préférences hétéroclites, les designers sont souvent tentés de suivre les tendances du moment.

Cela signifie-t-il que le bleu est la couleur passe-partout ? Pas vraiment. Car si demeurer à la pointe des tendances en matière de design d’interface ou d’expérience (UI/UX) est essentiel, suivre le mouvement n’est pas toujours la meilleure stratégie. Se soumettre aux tendances du moment — comme le bleu — ou, au contraire, s’en démarquer représente une décision stratégique qui appartient à chaque enseigne.

Comment déterminer les couleurs les plus efficaces pour votre marque ? Commençons par examiner certaines des raisons qui expliquent cette tendance.

Comment s’explique la popularité du bleu en ligne ?

Pour savoir ce qui fonctionne en matière de design web, il faut aller voir du côté des marques performantes. C’est ce que s’est dit Paul Hebert lorsqu’il s’est intéressé, il y a quatre ans environ, aux couleurs utilisées sur les sites web les plus populaires. Après avoir créé un outil pour identifier les couleurs au sein des pages d’accueil et des feuilles de style de ces sites, il a découvert que le bleu était très largement dominant.

Laurie Pressman, vice-présidente du Pantone Color Institute, dévoile certaines des raisons qui expliquent le succès de la couleur bleue sur le web. « À l’heure actuelle, il n’y a pas que sur le web que le bleu est la couleur la plus populaire ; il s’agit aussi de la couleur la plus plébiscitée dans le monde. Longtemps associé à la sérénité d’un beau ciel et aux eaux bienfaisantes des mers calmes, le bleu évoque la constance pour l’esprit humain, lequel le transforme par extension en symbole de fiabilité et de fidélité. »

Selon Laurie Pressman, la popularité croissante des méthodologies UI/UX a contribué à celle du bleu en design web. « Le bleu inspire confiance — il fait partie de notre quotidien. Il n’interfère pas avec notre monde ; au contraire, il est accueillant et rassurant. Le bleu est également unisexe. C’est la famille de couleur la plus populaire au monde, tous sexes confondus ; le bleu est le ciment de notre culture internationale. »

Le caractère passe-partout du bleu peut également expliquer la popularité de cette couleur sur le web. Sachant que le daltonisme touche environ 10 % de la population, le bleu est une couleur qui peut faire l’unanimité. Mark Zuckerberg déclare d’ailleurs dans un article du New Yorker paru en 2010 avoir choisi cette couleur pour cette raison (il est lui-même daltonien).

Le bleu constitue-t-il toujours la meilleure option en matière de design ?

Si le bleu est actuellement en vogue dans les projets de design web, cela ne signifie pas pour autant que les marques devraient tout abandonner pour l’adopter à tout prix. Selon Gage Salzano, designer senior pour le studio de création Nelson Cash, il existe une explication logique à la popularité du bleu en ligne, de même qu’au fait que certaines marques pourraient vouloir l’éviter.

« Le bleu est simplement la couleur la plus populaire, pas uniquement dans le design web », affirme Gage Salzano. « Je pense que le bleu est la couleur la plus utilisée dans tous les domaines du design. Pourquoi ? Parce qu’elle n’est ni controversée ni polarisante. » Pour Gage Salzano, le bleu évoque la sûreté, le professionnalisme et la sécurité. Avec le bleu, vous n’aurez aucune surprise.

Mais parfois, un peu de surprise peut avoir du bon. « La plupart du temps, nous évitons d’utiliser le bleu dans nos concepts de branding chez Nelson Cash, à moins d’avoir une bonne raison conceptuelle pour le faire », explique Gage Salzano. « Tout simplement pour se démarquer. J’imagine que c’est également la raison qui a incité quelques entreprises à revoir leur marque pour s’éloigner du bleu au cours des deux dernières années. »

Sonja Hernandez, responsable du design d’expériences chez Adobe, partage cet avis. « Baser une décision de design sur le fait qu’elle obéit ou non une tendance ne me séduit pas. L’essentiel réside dans ce que le design reflète pour le produit ou l’entreprise, et dans le ressenti de l’utilisateur. Les tendances vont et viennent. Par conséquent, si vous souhaitez marquer les esprits sur la durée, il vaut probablement mieux tabler sur un design plus atemporel. »

Le rouge d’Adobe illustre particulièrement bien cette idée. « Le “A” rouge d’Adobe est l’un des logos les plus reconnus », souligne Sonja Hernandez. « Son utilisation continue au fil des ans a développé le capital image de l’éditeur. Je ne pourrais pas imaginer le logo Adobe autrement. »

Le bleu est-il adapté à votre marque ?

Si vous envisagiez de miser sur le bleu, ne vous précipitez pas. La popularité du bleu en ligne est indéniable. Cependant, quelques facteurs sont à prendre en considération avant de remanier votre site web, à commencer par la connotation des couleurs.

Cernez votre audience et sa perception des couleurs. La connotation des couleurs est l’interprétation que l’on peut en faire. Elle varie d’une culture à l’autre. Il convient donc de s’informer sur la démographie et la zone géographique de son public avant de prendre toute décision de design.

L’image que vous souhaitez renvoyer par le biais de votre marque est un autre facteur à prendre en considération. En effet, une compagnie aérienne ou une marque d’eau minérale pourront utiliser le bleu pour rappeler respectivement le ciel et l’eau. À ce titre, Paul Hebert évoque une couleur dont il a été démontré qu’elle ouvrait l’appétit. « Vous rencontrerez très souvent l’orange avec les produits alimentaires », déclare-t-il. « Les restaurants utiliseront les teintes orangées [car] elles stimulent en quelque sorte l’appétit. »

Tenez compte de la saturation et de la valeur chromatique. Toujours selon Paul Hebert, la saturation et la valeur des couleurs jouent un rôle majeur dans le design web. « Les couleurs saturées se détachent plus et attirent le regard, tandis que les moins saturées se marieront mieux avec d’autres couleurs de la palette. En ce qui concerne la valeur. . . On voit généralement des valeurs contrastantes. Vous aurez ainsi des couleurs aux valeurs très faibles, telles qu’un fond blanc ou clair, qui contrasteront avec une couleur de valeur plus élevée comme le noir. »

Testez vos choix. Au bout du compte, les outils de test sont indispensables à tout designer soucieux de créer des interfaces ou expériences qui plairont au plus grand nombre. Les solutions tout-en-un comme Adobe XD accélèrent le processus de design. Elles permettent de créer rapidement des séries d’itérations pour accéder plus vite à l’étape de prototypage et de collecte des commentaires.

La stratégie chromatique de votre marque

Quelle que soit la marque et quel que soit le type de décision à prendre, une chose est sûre : abandonner une stratégie chromatique qui fonctionne pour suivre une tendance s’avère rarement une bonne idée. Il est plus judicieux, par contre, de s’en tenir aux fondamentaux, à savoir cerner son audience et comprendre comment elle percevra les messages de vos designs. Existe-t-il une véritable bonne raison d’utiliser telle couleur ou ne fera-t-elle que fondre vos designs dans la masse ? Votre design doit-il donner une image simple et posée, ou est-ce qu’un rouge ardent ne véhiculerait-il pas mieux sa ténacité et sa force ? Mais si le bleu est la couleur qui s’impose à vous, alors vous n’avez rien à craindre.

Pour plus d’inspiration, consultez notre galerie Adobe Stock dédiée : https://stock.adobe.com/collections/BEfKMZR6UwrQgOHdZfmqO3k2l7GJL9UM