web-dev-qa-db-fra.com

Le rouge est-il une couleur acceptable pour un bouton d'envoi sur un formulaire d'achat ou de réservation?

J'ai été recruté pour fournir des commentaires UX sur un site Web récemment terminé. J'ai fait remarquer que le rouge n'était pas une couleur appropriée pour une action positive, c'est-à-dire remplir un formulaire. La réponse cité cet article

La raison pour laquelle 2.0 continuait d'appuyer sur le bouton rouge - en plus du fait qu'il aime torturer quelqu'un de plus de 3 pieds - c'est qu'il était rouge et que les autres boutons sont noirs. Le rouge est une très bonne couleur pour les boutons de paiement et de formulaire. Dans le cerveau reptilien, le rouge signifie le sang. Le sang est bon. Cela signifie que vous avez tué quelque chose et que vous pourrez dîner ce soir avec votre femme des cavernes.

Quelle est l'opinion de chacun à ce sujet? Ma première réaction est que cela pourrait être source de confusion. Le rouge est-il vraiment une bonne couleur pour une action positive? Cela augmentera-t-il vraiment les conversions?

red button

19
Robin Card

Puisque vous avez formulé votre question "Est-ce acceptable ...", la réponse est: oui, elle est acceptable. Beaucoup de choses sont sous-optimales et toujours acceptables. Dépend de vos normes :)

Est-ce le meilleur choix de couleurs possible pour cette action particulière? Non, très probablement pas!

Il fait une chose et une seule très bonne chose - se démarquer, mais il introduit également un sentiment d'urgence, de danger et d'actions/conséquences négatives principalement en raison des connotations occidentales de cette couleur (énergie, excitation, action, danger, un avertissement pour arrêter) , colère).

Il peut être utilisé avec succès pour l'amour, la passion, les cadeaux de Noël lorsqu'il est combiné avec des designs verts et pour la Saint-Valentin, mais cela ne semble pas être le cas.

L'histoire du cerveau reptilien ne semble pas non plus bien cadrer. Le cerveau reptilien frappe principalement dans des situations de vie/mort et de survie stressantes ou pour des individus très primitifs qui opèrent à ce niveau de conscience. Les achats en ligne ne sont pas une de ces situations pour la plupart des internautes lorsque leur cerveau reptilien prend le dessus :)

Je pense que cette couleur dans ce contexte crée une différence et certains utilisateurs qui ne sont pas sûrs à 100% de vouloir réserver/acheter pourraient être trop alertés et reconsidérer leur achat. Si votre produit est bon et que les gens en ont besoin, ils l'achèteront, mais pour des raisons rationnelles. Cependant, vous pourriez perdre beaucoup d'achats impulsifs car ils seront alertés et pourraient reconsidérer.

28
Harijs Deksnis

Découvrez Google Drive - ils utilisent des boutons rouges. Je ne pense pas que le rouge signale une erreur tant que le thème et les parties GUI de la page deviennent rouges (et c'est probablement pourquoi Google utilise ces couleurs).

S'il y avait eu un bouton rouge et un bouton vert, alors je me serais méfié de cliquer sur le rouge, mais dans ce cas, je n'ai pas ce sentiment.

La capture d'écran provient d'une version suédoise de Google Drive, le bouton principal signifie "Créer".

Google Drive

20
Henrik Ekblom

Les associations de couleurs sont une chose très culturelle. Dans la culture informatique, je suppose que les gens ne pensent généralement pas: oh sang, yammi. Au moins mon expérience est que le rouge implique principalement l'un des éléments suivants:

  • Attention: quoi que ce soit, ça doit être important
  • Erreur: Comme les développeurs ont toujours voulu attirer l'attention sur les erreurs, dans le bon contexte, le rouge est fortement associé aux erreurs.
  • Juste une belle couleur: oui, le rouge est également l'une des couleurs primaires, donc pas toujours quelque chose de spécial. Plusieurs logos de stackexchange sont basés sur une couleur rouge.

Les boutons de couleur rouge ne sont pas mauvais en soi, j'utiliserais quand même une autre couleur.

9
Gustav

Nous testons exactement la même chose en ce moment (j'espère que je reviendrai avec le résultat une fois terminé). D'après notre expérience actuelle et je l'ai vu sur d'autres sites, les gens ont tendance à cliquer sur le bouton rouge SI il n'y a pas d'autres "actions".

Vous avez 3 boutons très proches les uns des autres et personnellement je ne cliquerais pas sur le bouton rouge.

Si c'était Vert je cliquerais probablement dessus. Mais la seule façon de savoir est de tester. C'est ce que nous utilisons pour le moment https://www.optimizely.com/

3
jocken

Sur le Web, vous avez besoin de l'attention de l'utilisateur autant que possible et cela peut être réalisé via des images/couleurs et typographie, etc.

Le rouge est associé à l'empressement, l'énergie et l'attention. Alors quand on voit du rouge (feu de circulation, sang, signes de danger, serveuse au rouge à lèvres, pomme rouge) on s'arrête. Et puis prenez une action.

Donc, selon votre écran, vous voulez que l'utilisateur valide avant d'appuyer sur un bouton et le rouge va certainement aider. Mais je n'ai aucune étude de cas à joindre, cependant, voici une longue pdf à lire

2
Hemchandra

Tout d'abord, cet "article" qui vous a été envoyé soutenant la notion que le rouge est bon est ridicule. Ce n'est même pas un article, c'est une femme qui exprime le comportement de son enfant. C'est stupide et ne veut rien dire.

De plus, l'invocation de la biologie évolutive est idiote et incohérente. Qui est le sang que nous voyons ici? Peut-être que le rouge est une couleur si frappante dans le cerveau reptilien parce que le reptile saigne?

Comme indiqué ci-dessus, le contexte est critique. Selon l'arrière-plan, le rouge peut être utilisé pour se fondre. Mais en général, je soutiens votre jugement. Le rouge n'est pas une bonne couleur pour GO.


[~ # ~] modifier [~ # ~]

Merci pour le commentaire @Charles Wesley. Tu as raison!

Je voulais dire ce que j'ai dit, mais c'est plus acceptable et utile:

La tentative d'établir un lien entre les réactions humaines et les couleurs est extrêmement discutable et lourde. Voir, par exemple, cet article (qui est en fait un article):

http://www.academia.edu/590819/Colour_psychology_and_colour_therapy_Caveat_emptor_2011_

Compte tenu de l'extrême difficulté d'établir des résultats scientifiques solides concernant la psychologie humaine et de la présence multivalente et continue d'informations sur les couleurs dans le monde, il est impossible de faire une affirmation sérieuse sur la psychologie des couleurs basée sur le témoignage d'une personne observant son enfant. . Lorsque ce témoignage s'habille dans un langage scientifique en faisant des gestes vers des théories extrêmement compliquées que des gens très sérieux ont consacré leur vie à développer, ce témoignage devient pire que jetable, il devient pseudoscientifique.

2
Wapiti

La psychologie des couleurs et le marketing sont un sujet spécialisé. Si votre designer a une bonne compréhension de ce sujet, le défier sur la couleur qu'il a choisie n'est probablement pas l'approche la plus intelligente. Cependant, je ne suis pas certain qu'ils l'ont fait, compte tenu du contexte. Le choix n'est certainement pas celui que je ferais dans cette situation. Dans les cultures européennes et nord-américaines, le rouge est parfois utilisé comme appel à l'action pour acheter, mais principalement sur les marchés où les achats impulsifs sont dominants. Étant donné la valeur élevée des articles présentés dans votre exemple de panier, je suggère plutôt que les couleurs soient choisies pour inspirer soit la confiance (généralement le bleu) soit le luxe (le noir est couramment utilisé pour les articles de luxe).

1
Jules

Cela dépend entièrement de la page, du site, de la situation. Ce qui fonctionne pour l'entreprise A peut ne pas fonctionner pour l'entreprise B. Ma suggestion est d'utiliser des testeurs A/B, comme les expériences de Google https://support.google.com/analytics/answer/1745147?hl=en =

Avec les tests A/B, vous pouvez mesurer vos réactions des visiteurs à différentes versions de votre page (vous pouvez changer les éléments de la page, la mise en page, les tailles, etc. ). Il existe des solutions gratuites et payantes. Google n'est qu'un exemple.

1
Rodolfo

J'ai l'impression que le problème n'est pas tellement "est un bouton rouge ok", mais que dans cette image vous avez spécifiquement un bouton blanc, un bouton bleu clair et un bouton rouge vif. Le rouge en soi pourrait signifier beaucoup de choses différentes, mais le contraste entre les deux boutons d'apparence calme et le rouge semble impliquer quelque chose de spécial à propos du rouge.

Un bouton rouge est probablement correct si tous les boutons sont rouges, mais si les boutons sont blancs et bleu clair, un bouton rouge ressemble à la rougeur signifie quelque chose de spécifique, bien que dans l'image, il soit difficile de déterminer ce que c'est possible.

Si dans le programme il y a une association commune entre la couleur des boutons et l'action, et que l'utilisateur peut comprendre que, par exemple, les boutons blancs annulent, les boutons rouges acceptent et les boutons bleus éditent (ou autre), alors ce serait probablement ok, mais dans l'exemple d'image, il semble que les couleurs aient été choisies arbitrairement.

1
Dave Cousineau

Ce n'est pas le cas, sauf si le rouge est déjà utilisé comme une action de confirmation/soumission de manière cohérente dans l'ensemble de votre site et dans ce flux de travail.

Google, pour parler de l'exemple Henrik Ekblom utilise, a le rouge comme ceci car il est utilisé de manière cohérente dans toute l'interface utilisateur. Cela fait partie de leurs modèles globaux d'interface utilisateur sur des produits comme Gmail. Il s'agit d'un cas où le rouge aurait du sens pour l'utilisateur. Sinon, pris hors contexte, le rouge est normalement une couleur associée à des actions destructrices/négatives comme la suppression, l'annulation, l'effacement, etc.

0
Steven

Nous avons effectué de nombreux tests sur divers sites et marchés et, dans tous les cas, les boutons rouges exécutent d'autres couleurs.

Ma pensée est que, même si nous sommes intrinsèquement programmés pour réagir au rouge, nos réactions fonctionnent pour attirer notre attention. La conversion est alors beaucoup plus facile à réaliser.

0
Jules