Como sabes, trabajar en los canales de redes sociales es sumamente importante hoy en día. Seguramente a estas alturas le das más importancia a tu Facebook, Twitter o Google Plus que a tu página web. O tal vez ni siquiera hayas creado uno todavía, por miedo a que quede inútil. ¿Estoy en lo cierto?
Entonces, ¿listo para empezar a leer? ¡Aquí vamos!
A- La ciencia del color: un repaso rápido por algunos datos que quizás no tenías idea
1.A- El Factor más influyente sobre los sentidos en la decisión de compra. :
- Hombres: Azul, Verde y Negro.
- Mujer: Azul, Morado y Verde.
Cada ícono representa una industria:
El rojo es agresivo, enérgico, provocativo y llamativo.
Es popular entre industrias relacionadas: Alimentos, tecnología, automóviles y agricultura..
Es popular entre industrias relacionadas: tecnología, atención médica y finanzas.
Es popular entre industrias relacionadas: tecnología, atención médica, finanzas, energía, agricultura y aerolíneas.
Es popular entre industrias relacionadas: Alimentación, tecnología, finanzas, energía y hogar..
Es popular entre industrias relacionadas: alimentos, energía y hogar.
Es popular entre industrias relacionadas: tecnología y cuidado de la salud.
Es popular entre industrias relacionadas: Ropa, automóviles y agricultura..
Es popular entre industrias relacionadas: tecnología, automóviles y ropa.
Es popular entre industrias relacionadas: ropa y cuidado de la salud.
B- Errores con los colores que deberías dejar de cometer en tu landing page
Como mencionamos al principio, el La ciencia del color es extremadamente poderosa.. El factor color es lo más importante en el proceso de conversión. en una página de destino, además de otros elementos de diseño como: Tamaño, forma, ubicación y movimiento.
Utilicemos esto Excelente análisis realizado por Marketing Experiments para desarrollar los siguientes 5 errores fatales. relacionados con el uso de colores. De esa manera, Puede comenzar a analizar su sitio y optimizarlo de inmediato.:
7.B- Error 1: Énfasis
El error puede residir en el falta de énfasis o poniendo énfasis en el elemento o lugar equivocado.
Marketing Experiments analiza un caso donde el sitio necesitaba conseguir más suscriptores.
Original: En esta página nada se destaca ni llama la atención. No había ningún elemento que guiara al usuario a tomar una decisión concreta. Cuando una persona se enfrenta a muchas opciones y todas parecen “iguales”, confundirse. Ellos Preferiría abandonar el dilema, en lugar de detenerse por un minuto y Intente averiguar qué se ofrece exactamente y cuál es la mejor opción. En cambio, cuando se simplifica el proceso, resaltando e indicando una opción sobre otra, la duda desaparece rápidamente y es más fácil obtener un SÍ del cliente.
Optimización: Se utilizó un juego de sombras y degradados de color para guiar la vista hacia el punto principal. Aquí se resalta con un color diferente para fortalecer el valor propuesto.. Además, se simplifica la información que se estaba dando a través del texto. Eso, junto con el uso de colores, ahora guía al usuario exactamente hacia lo que la empresa quiere que elija. Con estos cambios se registró un aumento del 81% en el CTR.
El error en este caso es que los colores generan una distracción y dejan el botón de llamada a la acción (CTA) fuera del formulario y lo colocan justo en el medio del viaje visual. el usuario está navegando por la página. En el Versión optimizada, el color del botón CTA es más intenso. y es colocado al pie de la página. Esto obliga al usuario a revisar todo el formulario y finalmente llegar al botón CTA, básicamente, a la acción deseada.. Resultado: aumento del 97 % en el CTR
8.B- Error 2: Número
En este caso, el La saturación de colores o la “falta de” afecta en gran medida el proceso de decisión. Ya que puede ser un factor de confusión, o por el contrario, algo que ayude a asimilar mejor la información.
Considere este ejemplo analizado por Marketing Experiments:
Original: Demasiados colores compiten por la atención de la persona. al mismo tiempo.
9.B- Error 3: Combinación
En este punto, creo que resulta útil incorporar una explicación de Derek Halpern en una de sus publicaciones de video, lo cual es súper lógico, pero aparentemente es difícil acostumbrarse. Él afirma que Hay dos colores que debes usar. en su pagina web: Colores pasivos y Colores de acción:
- Colores Pasivos: aquellos utilizados para generar el atractivo visual del sitio. y dale personalidad a tu marca.
- Colores de acción: mostrarle a la gente que Color “X” = clic. Este color debe usarse para educar a los visitantes y usuarios habituales para que sepan que se debe hacer clic en ciertos botones, enlaces y cuadros“. Si usamos los mismos colores para resaltar titulares, enlaces o para otros mensajes que no llevan a ninguna parte, estamos desperdiciando los recursos que nos brinda el color. Que, en este caso, es mostrarle a la persona que mira la página lo que queremos que haga.
Marketing Experiments destaca este caso, un gran error de combinación en un cuadro de diálogo que contiene una CTA para acceso premium al contenido que ofrece este sitio.
10.B- Error 4: Mensaje
Cada color transmite un mensaje. Por eso es fundamental conocer el significado de cada uno, qué emociones activan y qué asociaciones que pueden desencadenar. En el siguiente caso, la versión original no transmite credibilidad ni seriedad ni fiabilidad, que son los valores necesarios para este tipo de producto.
11.B- Error 5: Flujo
El caso que vimos antes sobre el error de “énfasis” también podría encajar en esta categoría. Es Es necesario utilizar colores para acompañar y guiar a las personas que visitan tu página. De esta forma, cada usuario podrá interpretar correctamente los mensajes que transmiten los diferentes elementos de diseño.
El siguiente es otro ejemplo de cómo el El mal uso del color puede en realidad interrumpir el viaje visual y el hilo natural de pensamiento que cada persona experimenta al revisar el contenido de un sitio o página de destino.. Con un buen uso del color y el diseño, puedes lograr que el usuario realice las acciones que desea, sin esfuerzo.
Original: Aunque se utiliza color para el Botón CTA y potencialmente podría atraer mucha atención, se ha colocado en un cuadro blanco fuera del mensaje principal.. Esto interrumpe el hilo natural de pensamiento de la persona, dejando un espacio que no genera más que ruido. Desconecta al usuario, y en ese preciso instante, comienza a dudar—-
Optimizado: el El botón ahora es el del mensaje. No interrumpe el viaje visual y simplifica la toma de decisiones, sin crear mucho ruido no deseado en el medio de la página.. Puedes ver que el botón azul es el único elemento que llama la atención. Este escenario opta por una estrategia de diseño que utiliza poco contraste, menos color, pero mucho énfasis en un único elemento bien ubicado.
C- Consejos para optimizar su botón de llamada a la acción
12.C- Encapsulación
No dejes que el mensaje o el punto de interés Piérdete entre los demás elementos de tu página de destino.. Encapsula el botón para incorporarlo al mensaje y llamar la atención correctamente.
13.C- Señales direccionales
No le dé al usuario la oportunidad de pasear visualmente por la página.. Guíelos e indíqueles directamente a los lugares a los que desea que presten atención en su página de destino. Si es necesario, utilice elementos que ayuden a dirigir la mirada sobre la página.
14.C- Contraste de color
Como hemos mencionado en algunos de los otros temas anteriores, recuerde que El contraste no significa usar muchos colores. Significa aplicar el peso del color en el lugar correcto.
15.C- Espacios en blanco
Puedes resaltar botones o cuadros con CTA usando espacios en blanco y evitar generar ruido con demasiados colores o elementos adicionales. eso podría robarle la atención.
16.C- Además del color, optimiza tu sitio y tus botones con un CTA inteligente y distintivo.
Mohita Nagpal reúne una excelente colección de ideas para optimizar botones y texto en su página de destino en el blog Visual Optimizer. Repasémoslos rápidamente:
- Utilizar frases a las que sea difícil decir NO, o que sean tan incómodas o ridículas que hagan que la persona reconsidere su decisión.. Visitantes sorpresa en tu sitio, recuerda que están constantemente expuestos a CTA y debes romper la barrera del escepticismo que todos hemos generado al bombardearlos constantemente con información
- También puedes optimizar mensajes como errores del sistema, el “404 – Página no encontrada” o ventanas emergentes, para no perder clientes potenciales.. Ya no puedes simplemente decir Página no encontrada. Piense en las personas que visitan su sitio, qué idioma usan y qué sería inteligente decir para llamar su atención y mantenerlos en su sitio.
D- ¡Dos herramientas que te encantarán y que te ayudarán a tomar mejores decisiones sobre los colores!
17.D- Flujo de navegación:
Esta aplicación analiza el camino que toman los visitantes a través de su sitio y le permite saber dónde les resulta difícil seguir el flujo de acciones.
18.D- Kuler de Adobe:
Esta aplicación te permite analizar y probar los colores de tu sitio utilizando diferentes criterios y te ayuda a determinar cuáles son la mejor combinación.
Concluyamos:
Comprender el poder del color y la ciencia detrás de él es realmente importante para optimizar su página. Los colores no sólo sirven para captar la atención del usuario, sino más aún porque comunican. mensajes utilizando el marco de asociaciones que cada uno desencadena. Como dijimos al principio, también debes aprender a comercializar dentro de su página weby Aprovecha cada elemento de diseño para conectar con las personas que visitan tu sitio, guiarlas y lograr que realicen la acción que deseas.
Ahora bien, si te ha gustado este artículo…
Fuentes principales :
http://unbounce.com/conversion-rate-optimization/design-principles-increase-conversions/
http://visualwebsiteoptimizer.com/split-testing-blog/copywriting-examples-for-high-conversions/
http://socialtriggers.com/
http://www.marketingexperiments.com/site-optimization/website-colors-and-conversion.html
http://blog.kissmetrics.com/psychology-of-color-and-conversions/
http://thelogocompany.net/blog/infographics/psychology-color-logo-design/
http://brandongaille.com/how-colors-influence-consumer-buying-decisions/
http://blog.kissmetrics.com/how-colors-affect-conversions/?wide=1
http://www.pinterest.com/pin/100838479128968459/
http://blog.kissmetrics.com/color-psychology/
