La cromoterapia o terapia del color aplicada a tu página web

La cromoterapia o terapia del color aplicada a tu página web

La cromoterapia o terapia del color aplicada a tu página web

¿Te has preguntado alguna vez por qué la mayoría de las páginas web de servicios médicos son azules, las de boda rosas y de ecología verdes?

¿Casualidad?

No creo en las casualidades.

El Correo del Sol habla en un estupendo artículo de la cromoterapia y los efectos de los colores en la salud.

Según este artículo, la teoría científica de la cromoterapia se basa en la acción de la luz sobre la glándula pineal, donde estimula o inhibe la secreción de determinadas hormonas y neurotransmisores.

La luz y los colores activan diferentes procesos bioquímicos en el organismo.

Así, se han estudiado los efectos que los distintos colores tienen sobre el cuerpo, que se detallan muy bien en este artículo.

 

Qué dicen los colores

Este conocimiento puedes usarlo también en el diseño de tu página web.

Como sabemos el efecto que produce cada color, puedes elegir los colores de tu sitio web teniendo en cuenta estos resultados.

Tomando los colores principales tendríamos:

Rojo: Poder, pasión, apetito, amor, peligro

Naranja: alegría, jovialidad, energía, simpatía

Amarillo: Juventud, felicidad, sol, calor

Verde: Crecimiento, fertilidad, naturaleza

Azul: Confianza, paz, lealtad, seguridad

Violeta: Realeza, misterio, espiritualidad, creatividad

Rosa: Intimidad, romance

Negro: Elegancia, lujo, sofisticación, muerte

Blanco: Pureza, claridad, bondad, frescura

 

Puedes verlo más gráficamente en esta infografía (en inglés)

Psicología del color

(color-wheel-pro.com/color-meaning.html)

 

Te estarás dando cuenta entonces de que la elección del color no debe ser (sólo) una cuestión de gustos.

Debe estar alineada con la imagen y las sensaciones que quieres transmitir en tu página web.

 

Sin ser fundamentalista

Además de estos efectos conocidos, hay que tener en cuenta otros aspectos como:

  • Preferencias de color entre hombres y mujeres: existen estudios que determinan que en una página web las mujeres prefieren colores como el azul, violeta, o verde. Mientras que los hombres tienen como favoritos el azul, verde y negro.
  • Asociaciones de colores según la cultura: esta «psicología de los colores» puede variar de una cultura a otra.
  • Colores de moda: sobretodo si te diriges a un público joven, tendrás que tener en cuenta también los colores que están de moda a la hora de seleccionar el de tu página web.
  • Asociaciones de colores populares: las personas ya nos hemos acostumbrado a asociar determinados colores con cierto tipo de industrias, como el azul para agencias de viajes, verde para terapias alternativas y rojo para la comida rápida.
    Elegir «el color de tu industria» tiene la ventaja de la rápida asociación del cliente de la imagen que proyecta tu página web con la que transmite tu proyecto.
    Pero también podrías elegir arriesgar y romper con esta asociación seleccionando un color diferente al de tu sector, con la ventaja de que te diferencias del resto.

 

Me gusta el color de esa web ¿cuál es?

Seguro que, buscando inspiración en internet para tu página web, te has encontrado con alguna web que dices: «guau, me encanta cómo queda este color».

Si tiene sentido para ti, teniendo en cuenta todo lo explicado antes, puedes descubrir cuál es ese color y usarlo en tu sitio.

Para ello te muestro 2 maneras:

  • Pinchar con el botón derecho en la zona del color que te gusta y seleccionar «inspeccionar elemento».
    Se te abrirá un marco de ventana al pie de tu navegador.
    En el marco derecho aparece el código de estilo de la página. Busca la línea que ponga background o background-color y el valor que empieza con el símbolo # es tu color.
  • Complemento ColorZilla: una forma aún más fácil es mediante el complemento de Firefox ColorZilla. Lo instalamos a través del menú Herramientas->Complementos, que nos añade un icono de cuenta gotas en la barra de herramientas.
    Cuando lo tengas, pinchas sobre el icono y haces clic encima del color que quieres seleccionar. Ya tienes seleccionado tu color en el portapapeles.
    Con este complemento puedes seleccionar el color de cualquier elemento, ya sea una imagen, icono, etc.

 

Conclusión

Es tentador usar nuestro gusto a la hora de pensar en el diseño de nuestra página web, pero, sin dejarlo de lado, ten en cuenta estos datos con los que cuentas ahora sobre las asociaciones de los colores.

Alíate con las distintas frecuencias de luz para transmitir con tu página web una experiencia en sintonía con el mensaje de tu proyecto.

usertesting.com/blog/2014/12/02/color-ux-conversion-rates

Compartir: 
Come up