El color es una parte esencial de cómo experimentamos el mundo. Pero, ¿los colores realmente importan para la optimización de la conversión? ¿Puede el color de un botón garantizar un mejor rendimiento para una llamada a la acción (CTA)?
Ningún color es mejor que otro.En última instancia, lo que importa es cuánto contrasta el color de un botón con el área que lo rodea.
Esta publicación explica lo que realmente importa para las llamadas a la acción del sitio web y los colores de los botones. Los estudios “definitivos” que ha leído están lejos de ser definitivos, y un enfoque superficial de las pruebas (es decir, pruebe cualquier color de botón al azar) no lo ayudará a construir un programa de experimentación riguroso.
Curso de optimización de conversiones
Por Peep Laja
Las preguntas de la encuesta son solo una parte del pastel de optimización de conversiones. Profundice más en cómo optimizar toda su investigación de conversiones en este curso gratuito.
Las asociaciones psicológicas de los colores.
Los diferentes colores pueden levantarnos o derribarnos. También hay un lado psicológico de los colores: ciertos colores están asociados con diferentes cualidades y emociones.
En diferentes culturas, diferentes colores significan cosas contradictorias. Por ejemplo, el blanco es el color del luto y la muerte en la cultura china, pero el color de la muerte en Brasil es el púrpura. El amarillo simboliza la felicidad y la paz en el hinduismo, pero representa la tristeza en Grecia y los celos en Francia.
Las personas de países tropicales responden favorablemente a los colores cálidos; las personas de los climas del norte prefieren colores más fríos, etc.
También se dice que, en la cultura norteamericana, el color azul crea un sentimiento de confianza, pero también estimula el apetito. Verde supuestamente significa naturaleza, frescura, crecimiento y dinero. El amarillo trae consigo sol y felicidad.
Hay algo de verdad en estas interpretaciones, pero ¿podemos traducir estas supuestas asociaciones en ascensores de conversión?
Experimentos con el uso del color
El rojo puede convertirte en un ganador ...
Casi universalmente, el rojo significa detenerse. El rojo significa peligro. Rojo significa caliente. Y al analizar los resultados de los Juegos Olímpicos de 2004, los investigadores encontraron que el rojo también significa dominio.
Examinaron el box, el taekwondo, la lucha grecorromana y la lucha libre, básicamente todos los deportes uno a uno. En esos deportes, a los competidores se les asignan trajes rojos o azules al azar, por lo que no es posible manipularlos.
Los competidores con atuendos rojos tienden a desempeñarse (ligeramente) mejor en los Juegos Olímpicos, incluso cuando los colores se asignan al azar. (Crédito de la imagen )
En 16 de 21 rondas, los que vestían de rojo ganaron. Se encontraron tendencias similares en el Campeonato Europeo de Fútbol de 2004. Los investigadores tienen cuidado de señalar que el efecto es, en el mejor de los casos, sutil. Y ese rojo puede ser un factor decisivo solo entre competidores igualados, pero aún existe.
“Descubrimos que vestir de rojo se asocia consistentemente con una mayor probabilidad de ganar”, escribieron Russell Hill y Robert Barton, investigadores de la Universidad de Durham.
... o un perdedor
Investigadores de la Universidad de Rochester descubrieron que el color rojo también puede evitar que rindamos lo mejor en las pruebas. En sus experimentos, querían averiguar si la percepción del rojo afectaría los resultados de las pruebas de coeficiente intelectual o exámenes académicos importantes. En un contexto académico, el color rojo se asocia tradicionalmente con errores de calificación.
Cuatro experimentos mostraron que solo una breve percepción del color tenía un impacto negativo en los resultados. “ Llevó a la gente a hacer cosas peores sin su conocimiento”, dijo Elliot, uno de los autores.
Los hallazgos mostraron que "se debe tener cuidado en cómo se usa el rojo en contextos de logros", informaron los investigadores, "e ilustran cómo el color puede actuar como una señal ambiental sutil que tiene importantes influencias en el comportamiento".
Color y sabor a chocolate caliente
¿Qué hace que ese chocolate caliente sea tan bueno? Puede ser del color del recipiente del que lo bebe. (Credito de imagen)
Resulta que el color del recipiente en el que se sirven la comida y la bebida contribuye a la percepción del sabor. Eso es cierto, al menos, para beber chocolate caliente, explica la investigadora Betina Piqueras-Fiszman.
Piqueras-Fiszman y sus socios de investigación hicieron que 57 participantes probaran chocolate caliente servido en envases de cuatro colores diferentes: blanco, crema, naranja y rojo. Todos eran del mismo tamaño y todos eran blancos por dentro.
Los participantes juzgaron mejor el sabor del chocolate caliente servido en tazas de color naranja y crema. Sin embargo, se consideró que la dulzura y el aroma eran similares, sin importar el color.
“No existe una regla fija que establezca que el sabor y el aroma se realzan en una taza de cierto color o tono”, reconoció Piqueras-Fiszman. “En realidad esto varía según el tipo de alimento, pero lo cierto es que, a medida que se produce este efecto, se debe prestar más atención al color del envase ya que tiene más potencial de lo que uno podría imaginar”.
Si el color puede afectar nuestro rendimiento atlético, rendimiento académico y percepción del gusto, ¿también puede afectar nuestra decisión de hacer clic?
¿Cuál es el mejor color para los botones de llamada a la acción?
El rojo puede aumentar sus posibilidades de ganar en los deportes. Su próximo chocolate caliente puede tener mejor sabor en una taza de naranja. Pero, ¿qué tiene esto que ver con las conversiones en la web? ¿El rojo realmente te da una ventaja para tu botón de llamada a la acción?
Verde contra rojo: una guerra de botones de llamada a la acción
A lo largo de los años, ha habido controversia sobre qué color se convierte mejor para su botón de llamada a la acción. Unbounce declaró que el futuro de los botones de llamada a la acción era "BOB" (Big Orange Buttons).
También hay una serie de estudios de casos de pruebas A / B interesantes en los que un botón naranja o principalmente rojo se probó con otros colores, a menudo verde.
Cuando lo piensas, el verde se asocia principalmente con emociones positivas. Cuando los semáforos se ponen en verde, significa que puede conducir. Viceversa con rojo. El color se asocia principalmente con emociones negativas.
¿Y ... que piensas?¿Qué color de botón ganó? Esto es lo que dijeron los estudios de caso.
Estudio de caso 1
Dmix escribió sobre una prueba de colores de botones verde y rojo. En sus pruebas con 600 sujetos, encontraron que las conversiones aumentaron en un 34% cuando usaron un botón rojo.
Estudio de caso 2
Credito de imagen
La siguiente prueba es cortesía de HubSpot. Hicieron una prueba similar con botones verdes y rojos en el sitio de un cliente. Hicieron la prueba durante unos días y, en total, tuvieron más de 2.000 visitas.
¿Su resultado? El botón rojo superó al botón verde en un 21%.
Estudio de caso 3
(Credito de imagen)
La tercera prueba es cortesía de VWO. Su cliente era un sitio de comercio electrónico que vendía teléfonos móviles y accesorios. Probaron los colores del botón "Comprar ahora" en el sitio. La competencia incluyó un botón blanco con texto verde, un botón verde con texto blanco y un botón rojo (naranja oscuro) con texto blanco.
Y el ganador fue , lo adivinó , el botón rojo, esta vez con un aumento de conversión del 5%.
Estudio de caso 4
Credito de imagen
Este estudio, en lugar de comparar botones rojizos con verdes, analizó un botón naranja con uno azul. En sus pruebas, el botón azul ganó, produciendo un aumento del 9%.
A pesar de ese “malestar” por los botones azules, predominaron los botones rojos o rojizos, una tendencia apoyada también por otros estudios.
Y, sin embargo, ¿no escribió Peep lo siguiente sobre los colores en el diseño web en esta publicación?
Me gustó este tweet de Naomi Niles:
No podría estar mas de acuerdo.Este tipo de narrativa les da a las personas una idea equivocada sobre de qué se tratan las pruebas.Sí, claro, a veces el color afecta los resultados, especialmente cuando afecta la jerarquía visual, hace que la llamada a la acción se destaque mejor, etc.Pero "verde vs naranja" no es la esencia de las pruebas A / B.Se trata de comprender al público objetivo.Hacer investigación y análisis puede ser tedioso y definitivamente es un trabajo duro, pero es algo que debes hacer.
Para que sus conversiones aumenten seriamente, debe realizar una investigación de conversiones.Tienes que hacer el trabajo pesado.
Las ganancias serias en las conversiones no provienen de engaños psicológicos, sino de analizar lo que realmente necesitan sus clientes, el lenguaje que les resuena y cómo quieren comprarlo.Se trata de la relevancia y el valor percibido de la oferta total.
Por qué debería ser escéptico con los estudios de caso de colores de botones
Echemos un vistazo a un último ejemplo, que ayudará a que esto tenga mucho más sentido. RIPT Apparel probó el color de su botón "Comprar ahora" para ver si haría alguna diferencia en sus resultados.
Esta es la versión original:
Credito de imagen
Y este fue el nuevo botón:
Credito de imagen
No fue una gran sorpresa que las cifras de conversión aumentaran. Mirando los casos anteriores, se podría decir que si cambiaran el botón a rojo, podría convertir aún mejor. Bueno, no del todo.
Eche un vistazo al original de nuevo. ¿Ves algo que debería estar ahí pero no lo está? ¡Al original le falta un botón! El CTA "Comprar ahora" se pierde en el diseño. Puede ver el nuevo botón con claridad, independientemente de si es verde, rojo, amarillo o cualquiera de los varios colores.
Desafortunadamente, así es como comenzó la gran controversia sobre los colores de los botones. Ves resultados asombrosos que sugieren que un color siempre convierte lo mejor. Es decir, hasta que mires más de cerca.
La mayoría de las veces, estas pruebas revelan que, anteriormente, no había ningún botón, o que el botón es mucho más prominente. Se destaca del resto de la página y convierte mejor porque es un color de alto contraste, no un solo color.
Monetate, que ejecutó la prueba del botón azul frente a naranja, dijo lo siguiente:
Pero, si profundiza en los resultados, verá que los botones naranjas casi siempre se probaron con un control de ningún botón. En casos como estos, no sorprende que los botones naranjas marquen la diferencia. Por supuesto que sí ... ¡en comparación con ningún botón! Prácticamente cualquier botón marcará la diferencia, independientemente del color.
En el caso de RIPT Apparel, probaron una versión final, con un botón amarillo:
Credito de imagen
Las conversiones aumentaron un 6,3% más. ¿Entonces el amarillo vence al verde? No no no.
El color del botón de CTA hace poca diferencia por sí solo
El color del botón tiene poco o ningún efecto por sí solo.Lo que es más importante es cómo cambia la jerarquía visual de la página y cómo hace que el llamado a la acción se destaque.
También depende de lo que estamos acostumbrados a ver. Bing aumentó sus ingresos en $ 80 millones al encontrar el color exacto de azul para sus enlaces. La gente está acostumbrada a ver enlaces azules. Cuando surgió la World Wide Web, el azul era el color de los enlaces. (Los ingenieros de Microsoft que trabajan en esto también admitieron que "... era un tono de azul bastante similar al que usa Google").
No existe el mejor color para las conversiones. En el caso del botón amarillo, también agregaron urgencia ("$ 10 solo por 24 horas"), lo que se ha demostrado una y otra vez para aumentar las conversiones. En el caso de Bing y azul, fue el poder de la convención en acción.
Volver a HubSpot
Lo mismo puede decirse del ejemplo de HubSpot. Míralo de nuevo:
Credito de imagen
¿Notas algo que pueda contribuir a que el botón rojo sea una mejor opción? ¿Algo en el diseño general de la página?
¡El verde es uno de los colores principales del sitio! ¿Y qué pasa cuando agregas un botón verde a la mezcla? No se destacará. Podrían haber probado el verde contra casi cualquier otro color brillante y hubieran visto los mismos resultados “asombrosos”.
Para crédito de HubSpot, dijeron en el estudio de caso que "no pueden generalizar estos resultados a todas las situaciones". Pero aún así, ¿un botón verde en una página con un diseño verde dominante? ¿En serio?
Conclusión
El color es importante para sus llamadas a la acción. Pero decir que un color se convierte mejor que otro no es válido. No existe el mejor color universal. Lo que funciona en un sitio no necesariamente funciona en otro.
La jerarquía visual es importante. Lo mismo ocurre con hacer que sus botones de llamada a la acción se destaquen con un color de alto contraste. El debate "verde vs. rojo" tiene menos que ver con el color en sí y más con si el color ayuda a que el botón se destaque.
