Resulta que algo tan simple como ajustar el color de un botón cambia el comportamiento del usuario o hace que la gente se entusiasme con su producto. Buffer’s Leo Widrich explica la importancia del color en el sitio web y el diseño de la marca.

¿Por qué Facebook es azul?

Según The New Yorker , la razón es simple. Es porque Mark Zuckerberg es daltónico de color rojo-verde; azul es el color que Mark puede ver mejor.

No es muy científico, ¿verdad? Ese puede no ser el caso de Facebook, pero hay algunos ejemplos sorprendentes de cómo los colores realmente afectan nuestras decisiones de compra. Después de todo, la vista es el sentido desarrollado más fuerte en la mayoría de los seres humanos. Es natural que el 90% de una evaluación para probar un producto se haga solo por color.

Entonces, ¿cómo nos afectan realmente los colores, y cuál es la ciencia de los colores en el marketing? A medida que nos esforzamos por mejorar nuestro producto en Buffer , estudiar este fenómeno es clave. Analicemos algunas de las últimas investigaciones más interesantes sobre el tema.

Primero: ¿Puedes reconocer las marcas en línea solo por color?

Antes de sumergirnos en la investigación, aquí hay algunos experimentos increíbles que te muestran lo poderoso que es el color en sí mismo. Según los colores de los botones, ¿puedes adivinar qué compañía pertenece a cada uno de ellos?

Ejemplo 1 (fácil):

Ejemplo 2 (fácil):

Ejemplo 3 (medio):

Ejemplo 4 (difícil):

Estos increíbles ejemplos del diseñador de YouTube Marc Hemeon , creo, muestran el poder real del color más que cualquier otro estudio.

¿Cuántos supiste adivinar? (¡Todas las respuestas están en la parte inferior de esta publicación!)

¿Qué colores disparan qué sentimiento para nosotros?

Ser completamente consciente de qué color nos lleva a pensar de qué manera no siempre es obvio. The Logo Company ha creado un desglose increíble que muestra qué colores son mejores para qué empresas y por qué. Aquí hay 4 grandes ejemplos:

Negro:

Verde:

Azul:

Claramente, cada una de estas compañías busca provocar una emoción muy específica:

Cuando nos sentimos obligados a comprar algo, el color puede jugar un papel importante. La compañía de análisis KISSmetrics creó una infografía increíble sobre la ciencia de cómo los colores afectan nuestras compras.

Green se destaca por ser el color más relajante que podemos usar para facilitar la compra. No elegimos intencionalmente este como el color principal para Buffer, aunque parece haber funcionado muy bien hasta ahora.

En una segunda mirada, también me di cuenta de con qué frecuencia se usa el negro para los productos de lujo. Aquí está la infografía completa:

Cómo mejorar tu marketing con un mejor uso de los colores:

Todo esto puede ser bastante entretenido, pero ¿cuáles son algunas decisiones reales que podemos aplicar hoy en nuestro sitio web o aplicación? La respuesta proviene una vez más de una gran investigación realizada por las buenas personas en KISSmetrics.

Si está creando una aplicación dirigida principalmente a mujeres, KISSmetrics sugiere que a las mujeres les encanta el azul, el morado y el verde, y que les desagraden el naranja, el marrón y el gris.

En caso de que su aplicación esté dirigida estrictamente a hombres, las reglas del juego son ligeramente diferentes. Los hombres aman el azul, el verde y el negro, pero pueden prescindir de marrón, naranja y morado.

En otro experimento, Performable (ahora HubSpot ) quería saber sisimplemente cambiar el color de un botón supondría una diferencia en las tasas de conversión.

Comenzaron tratando de adivinar el resultado de una simple elección entre dos colores (verde y rojo) e intentando adivinar lo que sucedería.

“Verde connota ideas como” natural “y” medio ambiente “, y dado su amplio uso en semáforos, sugiere la idea de” avanzar “o avanzar. El color rojo, por otro lado, a menudo se piensa que comunica excitación, pasión, sangre y advertencia. También se usa como el color para detenerse en los semáforos. El rojo también es conocido por ser llamativo “.

Entonces, claramente una prueba A / B entre verde y rojo daría como resultado un color verde, el más amigable. Al menos esa fue su suposición. Este es el aspecto de su experimento:

Entonces, ¿cómo resultó ese experimento? La respuesta fue sorprendente: el botón rojo superó al botón verde en un 21%.

Lo más importante a tener en cuenta es que nada más se modificó: 21% más personas hicieron clic en el botón rojo que en el botón verde. Todo lo demás en las páginas era igual, así que solo el color del botón marcaba la diferencia.

Esto definitivamente me hizo preguntarme: si tuviéramos que leer toda la investigación antes de este experimento y preguntar a cada investigador qué versión supondrían que funcionaría mejor, estoy seguro de que el verde sería la respuesta en casi todos los casos. No tanto.

En mi compañía, también realizamos docenas de experimentos para mejorar nuestras tasas de conversión usando cambios de colores . Si bien los resultados no fueron tan claros, aún vimos un gran cambio. Una hipótesis es que para una herramienta de intercambio de redes sociales, hay menos barreras para registrarse, lo que hace que las diferencias sean menos significativas.

A pesar de todos los estudios, las generalizaciones son extremadamente difíciles de hacer. Cualquier cambio que realice, trátelo primero como una hipótesis, y vea si el experimento real respalda sus ideas. Personalmente, siempre soy muy propenso a ir con la opinión basada en la investigación que he encontrado. Sin embargo, los datos siempre superan la opinión, no importa qué.

Último hecho: ¿por qué los hipervínculos son azules?

Esto es algo que siempre me ha interesado y en realidad es una historia divertida . En resumen, ofrece el mayor contraste entre los colores utilizados en los primeros sitios web.

Aquí está la explicación completa: “Se cree que Tim Berners-Lee, el principal inventor de la web, fue el hombre que primero hizo hipervínculos azules. Mosaic, un navegador web muy antiguo, muestra páginas web con un fondo gris (feo) y texto negro. El color más oscuro disponible en ese momento que no era el mismo que el texto negro era ese color azul. Por lo tanto, para hacer que los enlaces se distingan del texto sin formato, pero que aún sean legibles, se seleccionó el color azul “.

Creo que es fascinante que ajustar algo tan pequeño como el color puede cambiar por completo un resultado. ¿Cuáles han sido tus hallazgos en términos de colores y marketing? Dimelo en los comentarios.

Solución al enigma : Ejemplo 1: Facebook, Ejemplo 2: Google, Ejemplo 3: Flickr, Ejemplo 4: LinkedIn