Comparez les prix de terminaux de paiements

Obtenez les meilleurs prix en moins de 1 MINUTE

Utiliser la psychologie des couleurs pour augmenter les conversions des sites web Wordpress

À propos | Nous contacter

  2017 © Réseau Expert Québec. All rights reserved.

Réseau Expert Québec inc. 

9160, Boul Leduc, Brossard Québec

c: conseils@expertquebec.ca

t: 450-910-1570

INTRODUCTION

Quand on parle du design de sites web, une des décisions les plus importantes que vous prendrez est liée au choix de bonnes couleurs. C’est une sélection qui peut faire réussir ou échouer votre projet, spécialement quand vous considérez tous les éléments qui sont essentiels pour la création d’un site Wordpress réussi.

De nos jours, les chances sont grandes que si vous avez un site web, vous avez aussi une entreprise. La chose la plus importante pour un site web d’une entreprise est d’avoir un bon taux de conversion. Si votre site web ne convertit pas, votre entreprise est aussi bien d’avoir une bannière indiquant « officiellement fermée ».

Voilà pourquoi il est important que les couleurs de votre site internet soient planifiées, voulues, et optimisées pour la conversion.

Dans cette article, nous aborderons comment les couleurs influencent nos vies et comment elles peuvent être employées pour améliorer comment vos clients potentiels ou actuels perçoivent votre site et votre marque.

POURQUOI LA COULEUR EST-ELLE SI IMPORTANTE?

La couleur joue un rôle important dans notre vie quotidienne. Elle se connecte à nos sentiments de façon unique, la rendant un outil marketing puissant pour maîtriser quand effectuer des décisions de design. Vos choix de couleurs peuvent refléter le message que vous voulez partager concernant votre événement futur ou votre produit. D’habitude, la couleur est la première chose qui va attirer l’œil et guider visuellement vos visiteurs, ce qui explique pourquoi il est important que les couleurs de votre design soient significatives et aient un but précis dans leur utilisation.

Selon une infographie de Kissmetric, 85% des consommateurs basent leurs décisions strictement sur la couleur. Selon le même infographique, le bon usage de la couleur aboutit à une augmentation de 80% de la reconnaissance de la marque.

Des études et des testes variés ont démontré que la couleur peut faire augmenter la mémoire, générer et augmenter la participation, ainsi qu’informer.

Si vous regarder plus attentivement l’infographie mentionnée ci-haut, vous pouvez voir que kissmetrics vous suggère quelle couleur vous devriez choisir en fonction de la nature de votre entreprise. Il serait facile d’assumer à ce moment que si vous êtes un magasin de vêtement vous devriez avoir une couleur rose. Cependant, la procédure de prise de décision n’est pas précise et des réponses définitives n’existent pas. Je réalise que cela n’est pas trèes utile. Mais regardons comment la théorie des couleurs fonctionne pour obtenir plus d’informations sur comment aboutir à la bonne couleur pour votre prochain site.

LA THÉORIE DES COULEURS

La théorie des couleurs est tellement vaste et diversifiée que plusieurs livres ont été écrits sur le sujet. Nous nous tiendrons donc aux principes de base. Essentiellement, la théorie des couleurs peut être divisée en trois catégories majeures quand elle se réfère au design web :

1. Le contraste. En termes simples, le contraste est la différence entre deux couleurs. Le contraste a deux fonctions: il établit la lisibilité ainsi qu’attire l’attention du lecteur vers un élément spécifique sur la page. Lorsque vous avez un doute, la meilleure pratique est de choisir une couleur très pâle pour l’arrière-plan et un couleur très foncé pour le texte lui-même.

2. La complémentarité. Les couleurs complémentaires sont à l’opposé l’une de l’autre dans la roue des couleurs. Par exemple, la couleur complémentaire du rouge est le vert et la couleur complémentaire du bleu est l’orange. Quand utilisés correctement, ces couleurs peuvent s’accentuer l’une et l’autre et créent un jeu de couleurs très efficace.

3. La vitalité. Ceci se réfère à l’humeur générale qu’une couleur particulière établie, les couleurs vives (rouges, orange, jaune) ont tendance à nous donner de l’énergie tandis que des couleurs plus sombres (vert, bleu, mauve) ont tendance à être plus relaxantes et tranquilles.

LA SIGNIFICATION DES COULEURS ET LA CULTURE

Les couleurs ont différentes significations dans cultures distinctes. La façon dont nous, au Canada, percevons une couleur particulière pourrait être distincte de quelqu’un au Japon ou au Moyen-Orient. Lorsque nous planifions un site web, il est important de comprendre qui est votre marché cible et comment cette culture particulière associe les couleurs. Web Designer Depot a une excellente analyse des couleurs et leurs significations transculturelles. En voici un résumé :

ROUGE

• Dans les cultures occidentales, telles l’Amérique du Nord et l’Europe, rouge est la couleur de la passion et de l’excitation. Il symbolise le danger, l’amour, l’excitation, et le pouvoir mais peut aussi avoir une connotation négative quand en connexion avec les pays qui appartenaient au groupe communiste oriental.
• Dans les cultures orientales et asiatiques, le rouge représente la joie et la célébration; et de ce fait il est souvent porté par des épouses le jour de leur mariage parce que l’on croit que cela apporte la bonne chance et la joie
• Dans le Moyen-Orient, le rouge représente le danger et l’avertissement. Certains le considèrent aussi comme étant la couleur du mal.

ORANGE

• L’Occident voit l’orange comme étant la couleur de la moisson et de l’automne. Traditionnellement, aux États-Unis, l’orange signifie l’automne de Septembre à l’Halloween et ensuite l’action de grâce en fin Novembre.
• Les cultures indiennes considèrent l’orange comme une couleur sacrée tandis qu’au Japon, l’orange symbolise le courage et l’amour.
• Finalement, le Moyen-Orient associe l’orange avec le deuil et la perte d’un être cher.

JAUNE

• Dans les cultures occidentales, le jaune est associé avec la chaleur, l’été et l’hospitalité. Étrangement, en Allemagne, le jaune est associé avec l’envie alors que les reste du monde associe ce sentiment avec la couleur verte.
• Dans les cultures orientales et asiatiques, le jaune est non seulement considéré sacré mais également impérial. En Inde cette couleur symbolise le commerce.
• Contrairement à cela, en Amérique latine et en Égypte, le jaune est associé avec la mort et le deuil. 
• Le reste des cultures du Moyen-Orient voient le jaune comme étant la couleur de la joie et la prospérité.

BLEU

• Plusieurs cultures occidentales emploient le bleu pour des logos d’institutions financières parce que cette couleur représente la confiance et l’autorité. Elle est aussi associée à la naissance d’un petit garçon et considéré comme étant paisible et apaisant. Dans un contexte péjoratif, elle représente la tristesse et la dépression.
• Dans les cultures orientales et asiatiques, le bleu est associé avec l’immortalité et la force. Contrairement au monde occidental, le bleu est une couleur féminine en Chine.
• En Amérique latine, le bleu est souvent associé avec la religion en raison de la grande présence de l’église catholique.
• Le Moyen-Orient voit le bleu comme étant sécuritaire et protecteur car c’est la couleur associée avec le paradis, la spiritualité et l’immortalité.

VERT

• Tandis que les cultures occidentales associent le vert comme étant la couleur des Irlandais et de la chance, le vert se réfère également à la nature, à l’environnement, la protection des causes environnementales, et la progression. Dans un contexte négatif le vert symbolise l’envie ou la jalousie.
• Dans les cultures orientales et asiatiques, vert est la couleur de la nature, la fertilité et la jeunesse. Par contre, elle est associée également à l’infidélité et l’exorcisme.
• En Amérique latine le vert est la couleur de la mort.
• Pour la majorité du Moyen-Orient le vert représente la force, la fertilité, la chance et la richesse, et est communément associée avec l’Islam.

MAUVE

• Pour les cultures occidentales, ainsi que la majorité des cultures orientales et asiatiques, le mauve est la couleur de la royauté et est associée avec la richesse et la célébrité.
• Au contraire, en Amérique latine et en Thaïlande le mauve est perçu comme la couleur du deuil et de la mort.
• Le Moyen-Orient voit le mauve comme symbolisant la richesse.

ROSE

• Dans les cultures occidentales, le rose est la couleur de la féminité et signifie la naissance d’une fille. Elle représente aussi la gentillesse, l’enfance ou le plaisir.
• Dans les cultures orientales et asiatiques, le rose est aussi considéré féminin ou cette couleur représente le mariage. L’exception est la Chine qui, comme mentionné plus haut, voit le bleu comme étant la couleur féminine.
• En Amérique latine, le rose est souvent utilisé comme une couleur pour les édifices, tandis que le Moyen-Orient n’associe pas le rose avec quoi que ce soit.

BRUN

• Les cultures occidentales associent le brun avec la terre mais aussi la santé et ou même la stérilité. Le brun est stable, fiable est sain.
• Dans les cultures orientales et asiatiques le brun est la couleur du deuil tandis qu’en Amérique latine le brun décourage les ventes est symbolise généralement la désapprobation.
• Les cultures du Moyen-Orient associent le brun avec la terre et le confort.

NOIR

• Le monde occidental voit le noir comme étant la couleur de la finalité, la mort, la formalité, et le deuil, ainsi que la couleur du contrôle et de la force.
• Dans les cultures asiatiques et orientales, le noir représente la masculinité et est la couleur pour les garçons en Chine. Il symbolise aussi la richesse, la santé et la prospérité, alors qu’en Thaïlande et au Tibet, le noir est étroitement associé avec le mal.
• Comme dans l’Orient, l’Amérique latine associe cette couleur avec la masculinité et le deuil.
• Pour sa part, paradoxalement, le Moyen-Orient utilise le noir pour symboliser à la fois la renaissance et le deuil.

BLANC

• Dans les cultures occidentales, le blanc est la couleur de la pureté et la paix. C’est la couleur associée aux mariages, aux hôpitaux et à la sainteté.
• Cependant, en Italie, et pour les cultures orientales et asiatiques, le blanc est employé pour des funérailles et représente la stérilité, le deuil, le mécontentement et la malchance.
• En Amérique latine, le blanc a plusieurs des mêmes associations qu’en Amérique du nord et est relié à la pureté et la paix.
• Similairement au noir, le Moyen-Orient associe à la fois la pureté et le deuil avec le blanc.

LA COULEUR ET LE CHEMINEMENT DE VOS VISITEURS

Le cheminement de vos visiteurs vous permet de visualiser et comprendre la progression de vos clients potentiels une fois qu’ils arrivent à votre site web et effectue l’action désirée. Dans sa forme la plus basique, le cheminement de vos visiteurs comporte quatre éléments principaux : la prise de conscience, l’intérêt, le désir et la conversion. Analysons-les :

LA PRISE DE CONSCIENCE

La prise de conscience a pour but d’attirer les clients actuels ou potentiels à votre site. C’est la partie du cheminement où ils sont introduits à votre marque. Ils se familiarisent avec votre commerce, votre culture d’entreprise, et votre promesse de marque. C’est ici que les couleurs commencent à jouer un rôle de premier plan. En connaissant qui est votre marché cible et sachant les émotions que vous souhaitez évoquer, vous pouvez planifier votre modèle de couleurs.

L'INTÉRÊT

À cette étape, vous tentez de piquer l’intérêt des visiteurs de votre site. Vous voulez les guider pour explorer plus loin et aller en profondeur dans votre site internet. Votre stratégie devrait être centrée sur polir des images, des bannières, et écrire un texte convaincant.

LE DÉSIR

Maintenant que vous avez leur intérêt, vous devez les faire vraiment vouloir votre produit. L’imagerie de votre site web, les très bonnes options de produits, vidéos et les témoignages doivent fournir toute l’information nécessaire dont ils ont besoin afin d’agir.

Durant l’étape de planification du site web, vous devriez choisir 3 couleurs qui représenteront le site web de votre marque. La règle générale est typiquement d’utiliser des couleurs neutres comme le blanc ou le noir comme arrière-plan et utiliser votre couleur principale pour créer un effet visuellement frappant. Votre couleur principale devrait être utilisée pour des liens, le menu de navigation et les grands titres. La troisième couleur devrait être une couleur de votre marque accentuée qui aura un but spécifique. Cela m’emmène à la 4e étape du cheminement des visiteurs.

LA CONVERSION

C’est ici que les visiteurs prennent l’action désirée, ou en d’autres termes, se convertissent. Ce que cette action est dépend entièrement de vous mais le but principal est qu’il prenne acte. C’est à ce stade que vous avez besoin d’attirer leur attention vers ce geste précis. La meilleure façon de faire cela? Utiliser couleur accentuée de votre modèle de couleurs. C’est ici que vous voulez une couleur qui complimente votre modèle de couleur mais donne assez de contraste pour attirer l’œil à votre appel à l’action principal.

En d’autres mots, si votre site internet utilise principalement le bleu il ne ferait pratiquement aucun sens de faire votre bouton d’appel à l’action un teint plus foncé de bleu. Employer une couleur comme l’orange ou un teint de jaune ou rouge serait plus bénéfique.

Assurez-vous cependant que vos appels à l’action contrastent assez avec les couleurs de votre marque pour se démarquer, mais non générer une discordance. Vous voulez attirez l’œil des gens, les poussant vers une conversion, et non les repousser avec un modèle de couleur déplaisant.

COMMENT OPTIMISER LES COULEURS DE VOTRE SITE INTERNET DE WORDPRESS

Maintenant que vous savez ce que les couleurs veulent signifient et comment le cheminement des visiteurs fonctionne, nous allons aborder la façon de trouver un modèle de couleurs pour votre site web qui est optimisé pour la conversion.

Planifier votre modèle de couleur pour votre site est une partie intégrante de votre stratégie de conversion. Votre préférence personnelle de couleur n’a que trèes peu d’importance à cet effet. Avant de franchir cette étape, vous devriez garder en tête quel est le but de votre site interner et qui est votre audience cible.

Basée sur votre clientèle cible, votre modèle de couleurs sera différent si votre cible est de genre féminin d’une entreprise qui cible des adolescents et des jeunes adultes.

Quoique vous pouvez penser que vous ne pouvez pas vous trompez avec le rose si vous ciblez des femmes, vous pourriez être surpris d’apprendre qu’environ 35% des femmes ont le bleu comme couleur préférée, suivi par le vert et le mauve.

Le site web Estee Lauder emploie le bleu comme couleur principale, alors que Colour Pop cible le même marché féminin avec un modèle de couleur mauve.

Pour compliquer les choses encore plus, Jimmy Choo cible les femmes aussi, mais utilise majoritairement un modèle élégant de blanc et noir qui est conçu pour fournir un sens de luxe et de raffinement.

Les hommes, de leur côté, préfèrent le bleu, suivi par le vert et le noir, tandis que la population plus jeune préfère le bleu, le vert et le mauve. Cette dernière couleur devient de plus en plus populaire chez les personnes plus âgées.

Dewalt fait un excellent travail avec son modèle noir et jaune; noir étant la troisième couleur préférée des homes et la couleur qui signifie la masculinité et la force. Le jaune constitue une très bonne couleur de contraste dans leur appel à l’action et slogan.

COMMENT DÉTERMINER LA MEILLEUR COULEUR POUR VOTRE APPEL À L'ACTION?

Malheureusement, il n’y a pas de réponse définitive à cette question. En termes de bouton d’appel à l’action sur le Web, le rouge, l’orange et le vert sont utilisés avec prééminence. Quand vous considérez le fait que le vert signifie « Allez », ce n’est pas surprenant que plusieurs ont essayé de transmettre cela sur le web. Par contre, plusieurs études ont démontré que le vert n’est pas le choix optimal pour un appel à l’action.

Une étude par Hubspot montre que leur bouton rouge a mieux performé que le bouton vert avec une hausse du taux de conversion de 21%.

Similairement, une etude par Dmix montre une augmentation dramatique de conversions lorsqu’un bouton rouge a remplacé le bouton vert, améliorant les conversions par 34%.

Amazon, d’autre part, montre que l’orange peut être employé efficacement comme une couleur d’appel à l’action. Si vous regardez leur site web, vous remarquerez que leurs appels à l’action les plus importants sont orange, qui est un choix excellent pour une entreprise qui veut paraître comme étant la plus ouverte possible.

LES 10 MEILLEURS APPLICATIONS WORDPRESS POUR AUGMENTER VOTRE  OPTIMISATION COULEUR

Vu que vous ne devriez pas faire cette optimisation de couleurs de par vous-mêmes, nous avons rassemblé une liste d’applications utile que pouvez utiliser pour assurer que vos choix de couleurs soient idéaux.

OptinMonster

Optinmonster offre plusieurs options. Avec OptinMonster, vous pouvez créer des fenêtres pop-up incroyables est personnalisé l’aspect de chacun d’entre eux. Sa grande force est dans sa haute technologie la rendant capable de reconnaître quand un visiteur est sur le point de quitter votre site et affiche une fenêtre pop-up à ce moment précis. Un autre bénéfice de OptinMonster est que vous avez la capacité de tester différentes fenêtres pour voir lesquelles aboutissent le plus à des conversions.

OptinMonster est une application de haut calibre et la tarification débute à 9$ par mois pour un site (ou 49$ si vous choisissez un plan annuel), avec le plan le plus coûteux étant de 29$ par mois pour utilisation dans un nombre illimité de sites (199$ si vous choisissez un plan annuel)

OptimizePress

OptimizePresse est une excellente option à bas prix pour ceux qui, parmi vous, veulent créer des pages d’accueil personnalisés. Avec Optimize Press, vous pouvez créer des pages de ventes, des pages d’accueil, des sites affiliés et plus. Leur éditeur est facile à utiliser et vous pouvez voir tous les changements alors que vous les faites, ce qui signifie que vous n’avez pas besoin de rafraîchir votre page ou faire un aperçu pour voir à quoi le design va ressembler. Ils offrent une belle sélection de thèmes prédéfinis pour vous aider à démarrer, ainsique plus de 40 éléments personnalisés qui ajoutent différentes fonctions à votre site web.

Optimize Press offre trois differents groupe de tarification: Le groupe de base à 97$ pour utilisation sur 3 sites, le groupe Publisher à 197$ pour utilisation sur 10 sites, et le groupe Pro à 297$ pour utilisation sur 30 sites.

ExtraWatch

Extra watch est une application utile qui vous permet d’avoir des informations pertinentes sur la performance de votre site internet et de tester les idées en vous montrant tous les clics des visiteurs de votre site WordPress. Avec cette application, vous pouvez optimisez vos pages d’accueil en regardant des graphiques, retraçant des clics, observant la performance de vos boutons, et en voyant quels éléments de votre site web sont les plus populaires. Il offre une perspective plus

précise du comportement réel de votre visiteur et est disponible dans un forfait gratuit et un forfait avec prime. Leur plan avec prime a un coût unique de 19$

Q2W3 Fixed Widget

Le « Q2W3 Fixed Widget » est une application qui vous donne l’option de marquer n’importe quel widget comme widget fixe à votre barre latérale. Cela signifie que le widget restera visible peu importe à quel point l’usager fait défiler la page vers le bas. Cela peut dramatiquement augmenter le taux de conversion de vos appels à l’action les plus importants.

Gravity Forms

Si vous travaillez sur des formulaires et voulez vous assurer qu’ils parviennent à convertir, alors Gravity Forms est votre première étape. Il est très personnalisable et vous permet d’intégrer facilement et rapidement avec une variété de services offerts par des tiers tels Paypal, Mailchimp, Freshbooks et plusieurs autres. Gravity Forms est une application avec prime disponible pour 39$.

Welcome Gate

Récemment, plusieurs blogueurs ont intégré des affiches de bienvenue dans leur site web. Au cas où vous demanderiez ce qu’est une page de bienvenue, c’est une couverture plein écran qui est placée sur votre page d’accueil lorsqu’un visiteur arrive sur votre site. Les affiches de bienvenue offre à l’utilisateur deux choix: ils peuvent accepter votre offre (ou s’inscrire à votre groupe) ou peuvent sauter cela et continuer directement à votre site. Cette application est gratuite pour un temps limité.

Title Experiments Free

Un excellent grand titre peut faire toute la différence entre votre article étant lu ou mis de côté en faveur d’un autre article avec un titre plus attirant. « Title Experiments Free » vous permet de configurer différents grands titres à vos articles et voir lesquels convertissent le mieux. Chaque titre que vous crée est affiché aléatoirement et l’application assure que chaque usager voit un titre différent. Un visiteur qui revient, cependant, verra toujours le même titre qu’il avait vu au départ. « Title Experiments Free » est gratuit. Une version avec prime de l’application, contenant plus de fonctions avancées, est aussi disponible pour 29.99$ par année.