El color puede afectarnos de forma inesperada. Puede:
- Cambiar el sabor del chocolate caliente
- Cambiar nuestro ritmo cardíaco
- Hacernos más fuertes y rápidos
Si puede hacer todo eso, ¿puede cambiar los hábitos de compra?
Sí.
Los efectos emocionales de los diferentes colores están bien documentados.
Fuente
Obviamente, cada uno de estos colores es un arma de doble filo: es fácil que el azul resulte frío, o que el rojo asuste a la gente.
Pero si se hace bien, el color puede influir en las conversiones.
El efecto puede ser contundente.
Por ejemplo, el 85% de los compradores dicen que el color es su principal razón para comprar un producto. Y el 66% de la gente no comprará un producto si no viene en su color preferido.
Hablando de eso, ¿cuáles son exactamente los colores preferidos de la gente? ¿Se pueden predecir?
Sí, pero sólo vagamente. La gente elige los colores en función de cómo se siente en ese momento, aunque hay algunas tendencias constantes.
Fuente
Si ciertos estados de ánimo pueden hacernos pensar en determinados colores, lo contrario también es cierto. Los colores pueden desencadenar cambios en el estado de ánimo:
Fuente
Lo que significa que podemos utilizar los elementos de diseño del sitio web para desencadenar cambios emocionales en nuestros visitantes, aumentando las conversiones.
Además, los colores pueden afectar en gran medida a la forma en que los visitantes y los clientes ven un negocio. Los colores contribuyen mejor a las conversiones cuando refuerzan la personalidad de la marca.
Es una cuerda floja.
El color correcto aumentará sus conversiones. Y el color incorrecto alejará a la gente.
¿Cómo nos aseguramos de que estamos utilizando los colores correctos?
Aquí hay 6 con un sólido historial.
- 1: Rojo
- ¿Dónde puedes verlo en acción?
- 2: Azul
- ¿Qué hace el azul por las ventas?
- ¿Dónde se puede ver en acción?
- ¿Dónde debería utilizarlo?
- 3: Verde
- ¿Qué hace el verde para las ventas?
- ¿Dónde puedes verlo en acción?
- ¿Dónde debe usarlo?
- 4: Púrpura
- ¿Qué hace el púrpura para las ventas?
- ¿Dónde se puede ver en acción?
- ¿Dónde deberías utilizarlo?
- 5: Negro
- ¿Qué hace el negro por las ventas?
- ¿Dónde se puede ver esto en acción?
- ¿Dónde debe usarlo?
- 6: Naranja
- ¿Qué hace el naranja para las ventas?
- ¿Dónde se puede ver en acción?
- ¿Cómo debe utilizarlo?
- Conclusión
1: Rojo
Científicos de la Universidad de Durham publicaron una investigación en 2005 que mostraba que los atletas que vestían de rojo tenían más probabilidades de vencer a sus oponentes:
Encontramos que vestir de rojo se asocia sistemáticamente con una mayor probabilidad de ganar, escribieron Russell Hill y Robert Barton.
El rojo se asocia con la urgencia, el peligro y el poder. Suena como una potente combinación con la que querrías andar con pies de plomo, y tendrías razón. Deberías usar el rojo con moderación. ¿Qué hace el rojo por las ventas?
El rojo desencadena la acción. Si ya has preparado a alguien para que compre con un gran diseño (que no es todo rojo brillante), y un texto sólido, entonces tus botones rojos de «comprar ahora» pueden funcionar muy bien.
¿Dónde puedes verlo en acción?
En todas las ventas de ladrillos y morteros: todos los carteles de venta son rojos, y no es sólo una convención. Cuando llega el Black Friday, la gente ya está preparada para ir a buscar algo con un 99% de descuento y comprarlo a toda prisa. El estímulo que necesitan es comprar en esta tienda y no en otra, por lo que las señales de venta son brillantes, urgentes y de color rojo. Pero también es más efectivo para los vendedores de software B2B. Cuando HubSpot probó el color del botón CTA para Performable, el rojo superó al verde en un 21%.
El rojo parece tener el mejor rendimiento en todos los ámbitos.
Fuente
2: Azul
El azul impulsa las ventas indirectamente. Se asocia con la calma, la tranquilidad y la estabilidad, lo que significa que es un color popular para las instituciones financieras.
También es un color popular siempre que se quiera hacer pensar a la gente en seguridad y serenidad. Así que los artículos de gran valor que tienen mucho en juego suelen utilizar el azul.
¿Qué hace el azul por las ventas?
El azul puede aumentar las ventas indirectamente, al tratar la ansiedad antes de que surja. Con el rojo, tratamos de provocar la excitación del sistema nervioso: queremos que la gente se levante, tome nota y se dé cuenta de que es el momento de comprar. Con el azul, ocurre lo contrario: en lugar de excitar la intención de compra, estamos calmando la ansiedad.
Esto hace que el azul sea una buena elección para los elementos de fondo y de conversión en los sitios web que se ocupan de cosas intrínsecamente aterradoras como las finanzas, la medicina o los seguros.
¿Dónde se puede ver en acción?
La mayoría de los sitios financieros y de seguros utilizarán el azul. Los azules más claros dan una sensación de libertad y seguridad, mientras que los azules más oscuros se asocian con la tradición, la seriedad y la inteligencia. Paypal hace uso de ambos, mientras que otros sitios de servicios financieros optan por los azules reales y marinos por su asociación con la seguridad sobria.
Fuente
Nótese el uso de un color contrastante -con las asociaciones emocionales opuestas- para los encabezados.
Consulte también Versiones. Ofreciendo abrir el SVN a los diseñadores y desarrolladores que no están familiarizados con él (o quieren una interfaz más sencilla), Versions utiliza botones azules y verdes: uno para la descarga y el otro para la compra.
Fuente
¿Dónde debería utilizarlo?
Utilice el azul cuando sus ventas dependan de proyectar una imagen de fiabilidad y seriedad. Es un buen elemento de conversión sobre un fondo blanco, y el texto azul y amarillo juntos se consideran los más legibles. Así que, a pesar de ser colores tranquilizadores, pueden ser los más visibles, y la mayoría de los daltónicos son daltónicos rojo-verde y pueden ver el azul y el amarillo.
3: Verde
Las asociaciones del verde son con el medio ambiente: «verde» es una referencia de una sola palabra para toda la extensión de lo natural, lo orgánico, lo respetuoso con el medio ambiente. Así que lo utilizan las empresas que quieren atraer a un público similar o que se alinean con intereses parecidos, aunque no haya una conexión directa.
¿Es este estudio de yoga especialmente respetuoso con el medio ambiente? Tal vez. Probablemente sólo atrae a personas que lo consideran positivo.
Esta asociación instintiva tiene algunas pruebas que la respaldan: los estudios sugieren que la exposición al verde, en contraposición a otros colores, puede hacer que las personas sean más creativas.
Además de sus connotaciones medioambientales y de aire libre, el verde es la señal de «adelante» en los semáforos. Los elementos de conversión verdes tienen sentido para las compras que se sienten menos como una urgencia, y más como un permiso – como la compra de tecnología de consumo de alta gama.
¿Qué hace el verde para las ventas?
El verde es una sólida elección de CTA y botón de compra.
En 2010, RIPT Apparel decidió realizar su primera prueba A/B, sustituyendo un botón de compra negro por uno verde.
Fuente
El resultado fue un aumento del 6,3% en la conversión.
¿Dónde puedes verlo en acción?
El gigante de la informática Dell parece estar leyendo este artículo. En sus páginas de productos, utilizan el azul para la fiabilidad y la inteligencia, y un banner de oferta rojo para hacerme sentir que es urgente que haga clic en él ahora.
Desplácese hacia abajo, sin embargo, y podrá ver que todos sus elementos de conversión son verdes.
¿Dónde debe usarlo?
En el espacio blanco y en colores contrastantes, o en lugares donde pueda dominar la jerarquía visual y llamar la atención sin gritar. Si cree que sus compradores son más propensos a necesitar una luz verde que una venta de fuego, también vale la pena probar los botones de compra verdes.
El verde parece funcionar mejor en los sitios que venden productos electrónicos de consumo, donde supera ligeramente al rojo.
Fuente
4: Púrpura
El color púrpura se asocia con la realeza, la riqueza y el poder – antiguamente, había leyes que prohibían a la gente corriente llevar este color. En los tiempos modernos, es un color atrevido que no está cargado con la urgencia de «¡hazlo ya!» del rojo, ni con la seriedad de «te ayudaremos con tus impuestos» del azul. También tiene connotaciones de espiritualidad y creatividad.
Vale la pena echar un vistazo a quién le gusta el morado:
Está entre los tres primeros para las mujeres:
… y entre los tres últimos para los hombres.
Fuente
Así que podemos pensar en ello como una especie de «rosa para adultos»: no pongas la marca en morado si tu público son los hombres adultos convencionales, y tampoco esperes que esas personas estén ansiosas por hacer clic en los botones de compra en morado.
¿Qué hace el púrpura para las ventas?
El púrpura es un color brillante, y es complementario con el amarillo-verde y análogo con los rosas y los azules. (No haga su sitio verde y púrpura a menos que tenga diseños de Gotham City). Así que a menudo se utiliza en los sitios con un montón de blanco y negro como un chapoteo destacado para la marca, los elementos de menú o elementos de conversión.
¿Dónde se puede ver en acción?
Roku, la compañía de streaming de TV, utiliza el color púrpura para su marca. También se utiliza para los elementos del menú en el sitio.
¿Dónde deberías utilizarlo?
En una nota práctica, el púrpura da un gran color destacado para la marca y los elementos de conversión en los sitios que utilizan un esquema de color azul – crema – marrón apagado destinado a transmitir seriedad y competencia. Esta es una opción común para las empresas financieras, pero las organizaciones educativas como Pearsons lo utilizan con el mismo efecto.
Tenga en cuenta que el tono o tinte afectará en gran medida la forma en que sus elementos de color púrpura se ven. Si no quieres que se lean como femeninos, opta por tonos altos de saturación y profundos, y emparéjalos con azules. Si lo desea, opte por tonos fuertes y claros y emparéjelos con rosas y rojos.
¿Una cosa sobre el púrpura? Destaca. Si lo haces con audacia por las razones adecuadas, tendrás una alternativa sólida al BOB.
5: Negro
No pensarás que el negro juega un papel importante en los esquemas de color de la mayoría de los sitios web. Y tendrías razón: la mayoría de los sitios optan por el espacio blanco y un par de colores fuertes. Pero el negro puede ser poderoso.
Las marcas que utilizan el negro con buenos resultados son marcas de lujo o de alta gama, que se dirigen a un público principalmente masculino. Rolls-Royce. Lamborghini. Universidad de Rutgers.
¿Nota la tendencia?
¿Qué hace el negro por las ventas?
El negro no es un gran elemento de conversión porque es difícil de ver, excepto como un contorno. Pero un esquema de color blanco y negro le da automáticamente el contraste. Squarespace utiliza un botón blanco en sus fondos negros:
En sus fondos de colores más claros, el botón es negro con texto blanco:
Esta decisión les permite utilizar una gama de colores y matices en sus imágenes, sabiendo que su marca en blanco y negro destacará entre todo ello.
¿Dónde se puede ver esto en acción?
Si se mira cualquier marca de lujo de alta gama con una clientela orientada a los hombres, es probable que se vea mucho negro. Por ejemplo, Rolls Royce:
La marca de ron Don Q también saca provecho del negro, combinándolo con el oro y con una línea de copias dirigida a hombres jóvenes que quieren ser sofisticados.
¿Dónde debe usarlo?
Si no está vendiendo coches de lujo, use el negro con moderación. Pero puede ser un color eficaz como elemento, incluso en un sitio web de color claro.
6: Naranja
El naranja es un color brillante y atrevido que no tiene la urgencia de palpitación del rojo. Además, no sufre tanto como el rojo por estar matizado: los rojos pálidos no son agradables a la vista y los rojos oscuros son difíciles de ver el texto, pero el naranja soporta una gama tonal mucho mayor.
Ese es el aspecto técnico. El naranja está muy presente en muchos sitios web, donde se utiliza para las llamadas a la acción y los botones de compra. Destaca claramente sobre un montón de fondos diferentes, y parte de su éxito puede deberse al hecho de que es un color de marca comparativamente raro, por lo que un botón naranja es a menudo la única cosa naranja en la página.
¿Qué hace el naranja para las ventas?
El naranja es una opción común para los elementos de conversión en sitios web limpios y de aspecto sencillo. Destaca claramente en la mayoría de las combinaciones de colores y es un color que la gente considera positivo, aunque esté en los tres colores inferiores de hombres y mujeres.
¿Dónde se puede ver en acción?
Penguin tiene la marca naranja, los botones de suscripción naranja…
Y los botones de compra naranja.
Básicamente, todo lo que se puede pulsar en la página es naranja.
Y mira cómo Blogger utiliza el naranja.
Es una página de registro clásica y sencilla.
Pero también es un deslizador de fondo. A medida que el deslizador gira, vemos otros dos colores de fondo.
El azul da paso al azul…
Pero el botón de registro sigue siendo naranja, porque se ve brillante, legible y coherente contra todos esos fondos diferentes.
¿Cómo debe utilizarlo?
Compruebe cómo Harley Davidson utiliza el naranja:
Contra un fondo oscuro, el naranja intenso destaca. El color se recoge en los elementos del menú, e incluso se hace eco en el rojo de los muelles traseros de la moto destacada. Y lo que es más importante, todo el sitio tiene los colores del logotipo: negro, naranja y blanco.
Conclusión
Algunos colores son eficaces porque estimulan la urgencia, otros porque calman la ansiedad. Algunos actúan evocando sentimientos de seguridad. Otros evocan la emoción y el peligro.
Entonces, ¿cuál debe utilizar?
Es vital alinear los colores que utiliza con la identidad de su marca. Si su marca tiene que ver con la emoción, el poder y la libertad, entonces los colores como los de Harley Davidson podrían funcionar muy bien para usted. Victoria’s Secret utiliza una combinación de colores muy diferente, porque su marca trata de algo muy distinto.
Nunca vayas en contra de la marca cuando elijas un color.
Pero más allá de eso, los consejos sobre el color son sólo indicativos. Algunos de estos colores tienen datos concretos que demuestran que mejoraron las conversiones… para alguien más. HubSpot lo dijo mejor: ‘Lo más que podemos decir es que se mantienen para las condiciones en las que se produjeron: en este diseño de página, en este sitio, con la audiencia que lo vio.’
Si van a mejorar las conversiones en su sitio es una pregunta diferente.
La única manera de averiguar cómo se verán afectadas sus ventas al cambiar el color de sus botones de compra y CTAs es realizar sus propias pruebas.
- Autor
- Postes recientes
- 6 colores que están probados para aumentar las ventas – 21 de marzo de 2020
- Grabador de ratón: Cómo puedes ver la interacción de tus visitantes – 15 de enero de 2018
- 5 sitios web terribles que deberías copiar – 4 de octubre de 2017
.