Si te importa mejorar las conversiones y ventas en tu sitio web, debes preocuparte por el color.
Los humanos han utilizado el color para comunicarse durante milenios, desde las primeras pinturas rupestres hasta las señales de las calles de hoy en día. El color se comunica de maneras que las palabras y las imágenes no pueden, y usar el color de manera efectiva puede ser una herramienta poderosa para cualquier sitio.
Hoy, aprenderás a usar la psicología del color para hacer que tu sitio sea más fácil de usar y generar más conversiones y clientes.
En el camino, exploraremos un poco el significado detrás de los diferentes colores, y algunas trampas que debe tener en cuenta al incluir el color en su diseño.
¡Entremos!
Cómo usar el color para mejorar la usabilidad
Comencemos con la forma más fácil de usar el color en su sitio: mejorar la usabilidad.
Si su sitio actual es confuso o difícil de navegar, puede agregar algunos bits de color para facilitar las cosas a la vista y mejorar la experiencia del usuario.
Especialmente ahora que la mayoría del tráfico del sitio web proviene de dispositivos móviles, tenemos menos espacio para comunicar nuestro mensaje y necesitamos dejar las cosas lo más claras posible.
Ahí es donde el color puede entrar en juego.
Al utilizar el tipo correcto de colores de la manera correcta, podemos ofrecer una experiencia de usuario más rica y eficiente.
Use contraste para guiar el comportamiento del usuario
El primer paso es usar contraste para mostrar a los usuarios lo que es importante en su sitio. Por ejemplo, es posible que tengas una página en la que es probable que las personas salgan. Puedes usar colores para atraer lectores y mantenerlos comprometidos.
Por ejemplo, esta página de blog en Crazy Egg solo usa colores llamativos (verde y azul) para los enlaces.
Esto significa que el usuario se siente atraído a realizar una acción, como suscribirse al boletín informativo o leer más artículos. Colores contrastantes como este mejoran tus métricas de engagement.
También puede usar colores contrastantes para resaltar la navegación o las áreas separadas de un sitio.
Use bright vs. colores apagados para guiar al usuario
Otra herramienta útil en el mundo de la psicología del color es el uso de colores apagados o grises para indicar acciones no intimidadas o deshabilitadas.
Puedes ver esto todos los días con botones y opciones que son grises. Indica naturalmente que la opción no es deseable.
También puede usarlo para simplificar su sitio. Haga grises los elementos de navegación menos importantes y escóndalos a plena vista.
Utilice símbolos en combinación con colores
Los símbolos son un socio perfecto para los colores. Son versátiles, simples y deben ser claros y comprensibles.
Mientras que el color en la mayoría de las circunstancias contiene más prominencia que un símbolo típico, usarlos juntos simplemente hace que las cosas sean aún más claras.
Cómo usar el color para guiar las acciones del usuario
Lo más probable es que el único objetivo de tu sitio web no sea solo uno que sea fácil de navegar. Es probable que también tengas acciones específicas que te gustaría que los usuarios realizaran, como registrarte en una lista de correo electrónico, comprar un producto o solicitar un presupuesto.
Si ese es el caso, puede usar el color para influir en las decisiones de compra. He aquí cómo.
Use colores positivos y negativos
Una excelente manera de hacer esto es usar colores positivos y negativos para indicar una opción «correcta» e «incorrecta».
La sociedad y la naturaleza han conectado rojo y verde tan profundamente en nuestro subconsciente que ningún otro color comparte significados tan opuestos.
Uno de los ejemplos más obvios de esta conexión es el código de color internacional en los semáforos estándar.
Vemos el verde como un color positivo y progresivo, por lo que palabras como go, yes, good, accept y up all pueden estar relacionadas con el color verde.
El rojo indica lo contrario del verde, con palabras como stop, no, bad, reject y down. El rojo tiene un significado negativo o peligroso y aumenta la frecuencia cardíaca e indica urgencia.
Una excelente manera de usar rojo y verde es con acciones básicas como agregar y quitar o llamar la atención sobre un ajuste.
Incluso LinkedIn, que tiene una paleta de colores casi en su totalidad azul, usa el verde para indicar la configuración de activación y el rojo para mostrar notificaciones.
Notará rápidamente otros ejemplos en la web.
Start, create, post y new suelen estar en verde, con acciones en rojo como end, delete, disconnect y cancel.
Usa colores cálidos y brillantes para llamar la atención y recibir alertas
Por eso las notificaciones en tu teléfono, en Facebook y en casi todas las plataformas son rojas: ¡funcionan!
Los colores cálidos y brillantes como el rojo, el naranja y el amarillo son los mejores para llamar la atención y recibir alertas. El naranja es un favorito en particular para indicar emoción o llamada a la acción.
Si combina un color brillante con un símbolo poderoso, puede hacer que el mensaje sea aún más efectivo.
Por ejemplo, uso un símbolo de advertencia naranja en mi sitio para llamar la atención sobre mi seminario web de SEO.
Si ese símbolo era azul o verde, no tendría el mismo efecto. Si necesitas llamar la atención del lector en algún lugar, usa un color brillante como este.
Use gris para opciones menos deseables
Hay un color adicional en la relación positivo/negativo. Es gris, un color neutro, de planta media. Es un gran color de acento que puedes usar para desviar la atención de una opción secundaria.
Por ejemplo, esta página de suscripción en Ambastha Athletics usa gris para llamar la atención sobre el botón de registro.
Además, notarás que usa naranja para llamar la atención del visitante y llamar la atención sobre el «heck yeah!»formulario de suscripción al boletín informativo.
Conclusión
Si te tomas en serio la idea de mejorar tu sitio, debes profundizar en lo que representan los colores que estás usando.
Sin mirar los colores que estás usando, podrías estar desalentando las acciones de los clientes por algo que es importante, o enfocándote en algo por accidente. Al usar y comprender el significado detrás de los colores, puede mejorar el flujo de usuarios y aumentar las conversiones.
Para empezar, observa cualquier problema que los usuarios parezcan tener en tu sitio. ¿Cómo puedes usar el color para hacer que las acciones comunes destaquen, mantener a la gente involucrada en una página o mejorar la navegación?
A continuación, querrá examinar el flujo de usuario. Puedes usar colores positivos y negativos, como rojo y verde, para indicar una acción preferida. Los colores apagados, como el gris, pueden mostrar una opción desactivada. Y los colores brillantes, como el rojo, el amarillo y el naranja, pueden llamar la atención de un visitante.
Combinar estos colores puede guiar el comportamiento del usuario y mejorar sus conversiones.
¿Qué colores usarás para mejorar tu sitio?
Crecer su tráfico