web-dev-qa-db-fra.com

Des études sur l'utilisation des couleurs rouges dans les appels à l'action?

Je dois commencer par mentionner que je recherche des études ou des observations générales sur l'utilisation de la couleur rouge. Je m'intéresse moins à la critique du design. La préoccupation spécifique que j'ai est que si le rouge avertit l'utilisateur qu'il fait quelque chose de mal ou qu'il s'arrête. Le rouge est généralement utilisé comme alerte. Je me demande donc comment le rouge impacte l'expérience utilisateur en les faisant peut-être hésiter.

La raison pour laquelle j'utilise même le rouge est qu'il correspond à l'identité de notre marque et que je dois déjà utiliser le rouge comme couleur pour les liens.

Voici mes prototypes de boutons actuels

par défaut

default button state

Survol

hover button state

Donc, l'autre option que j'envisage est de conserver la couleur de la police et de l'utiliser également pour la bordure

[Alternative] survoler

enter image description here

Bien sûr, les téléchargements peuvent ne pas être vraiment des appels à l'action secondaires mais tertiaires, ce qui pourrait changer notre approche.

1
JGallardo

Hubspot dit que le rouge bat le vert

http://blog.hubspot.com/blog/tabid/6307/bid/20566/The-Button-Color-A-B-Test-Red-Beats-Green.aspx

Ils ont des données assez complètes pour les sauvegarder, et mon expérience personnelle montre la même chose.

2
AutomaticLuke

Je n'ai certainement pas d'études pour me soutenir comme vous le demandez. Cependant, j'ai quelques commentaires basés sur les expériences avec les produits lancés.

Dans de nombreux cas, il est tout à fait correct d'utiliser les couleurs de votre marque dans un appel à l'action. Tant que le rouge n'est pas différent du rouge que l'on trouve sur le site Web. La clé est d'utiliser la cohérence. Souvent, lorsque vous utilisez la couleur dans votre appel aux actions, vous utiliserez une couleur neutre comme le gris comme bouton d'annulation.

Dans votre cas, si vous changez la couleur du bouton pour qu'elle soit soulignée en rouge comme l'état de vol stationnaire, vous confondrez probablement l'utilisateur en pensant qu'il y a une erreur. Différents états de vol stationnaire peuvent souvent être obtenus en utilisant une teinte plus foncée ou en jouant avec des ombres. Il est rare que vous utilisiez une couleur différente tous ensemble (du gris au rouge).

Il y a certainement des moments où l'utilisation du rouge peut prêter à confusion et, comme vous l'avez mentionné, signaler qu'il y a une erreur. Vous devrez jouer avec. Tant que vous êtes cohérent avec votre conception, les utilisateurs doivent savoir ce que vous faites.

Je pense qu'un bon exemple à utiliser serait Target. Ils utilisent du rouge, mais ils y ajoutent un dégradé pour être moins alarmant.

1
Francis Pelland

Le rouge n'est vraiment pas la même que n'importe quelle autre couleur en matière de psychologie. Le rouge est à la fois un avertissement et un appel à l'attention, passionnant et dangereux. Cela peut attirer l'attention de l'utilisateur mais ne pas lui donner la confiance nécessaire pour cliquer sur un bouton.

Avec n'importe quelle interface utilisateur, vous voulez que l'utilisateur navigue en toute confiance, il ne devrait pas avoir à réfléchir trop à savoir s'il est sûr de cliquer sur un bouton. Une meilleure stratégie pour un appel à l'action de téléchargement consiste à utiliser une icône de flèche pointant vers le bas à côté du texte du bouton.

Si le client/l'entreprise veut vraiment coller au rouge pour l'identité de marque, cela vaut vraiment la peine de faire des tests d'utilisabilité pour voir si ce sera un problème. Si c'est un problème, vous pouvez y revenir avec des preuves tangibles.

1
Franchesca