Autor: Leo Widrich (Traductor: Mu Feng Reviewer: Gogi)

Resulta que sólo unos pocos cambios simples, como ajustar el color del botón, pueden hacer que los usuarios como su producto mejor. En este artículo, Leo Widrich de Buffer explica la importancia del color en el diseño del sitio web y de la marca.

En primer lugar, ¿por qué el logotipo de Facebook es azul?

Según The New Yorker, la razón es simple, porque Mark Zuckerberg es ciego de color rojo-verde y el azul es el color más legible para él.

No suena muy científico, ¿verdad? Puede que este no sea el caso. Pero aquí hay algunos ejemplos sorprendentes de cómo el color afecta nuestras decisiones de compra. Después de todo, la visión es uno de los sentidos más poderosos del desarrollo humano.

Los datos muestran que cuando la gente mira una mercancía, el 90% de ella se toma del color del producto.

Entonces, ¿cómo afecta el color a nuestro comportamiento? ¿Cuál es la explicación científica detrás del marketing de color? A medida que tratamos de aumentar las ventas en Buffalo, es importante mirar este tema.Vamos a profundizar en algunos de los últimos y más interesantes estudios de color.

En segundo lugar, ¿se puede confiar sólo en el color para identificar las marcas en línea correspondientes? 

Antes de profundizar en él, aquí hay algunos experimentos bastante notables que muestran lo poderosos que son los colores. Es mejor que intente, sólo por el color de estos botones, ¿puede adivinar qué compañía corresponde a qué botón? (La respuesta está al final del artículo)

Ejemplo 1 (simple):

Ejemplo 2 (simple):

Ejemplo 3 (medio):

Ejemplo 4 (difícil):

Los mejores ejemplos anteriores provienen de Marc Hereon, un diseñador de YouTube, y creo que muestran el poder del color más que cualquier otro estudio.

¿Cuántas empresas puedes adivinar bien? (¡Todas las respuestas están al final del texto!) )

Tercero, ¿cómo nos desencadena cada color?

A menudo no nos damos cuenta exactamente de cómo los diferentes colores desencadenan nuestras emociones y sentimientos. The Logo Company, una firma de diseño con sede en Nueva York, ha elaborado una clasificación increíble que revela qué color es el mejor para qué empresa y por qué. Aquí hay tres grandes ejemplos:

Negro:

（Negro significa determinismo, fuerza, precisión, profesionalismo y franqueza, por lo que las áreas más adecuadas son la construcción, el petróleo, las finanzas, la moda, la fabricación, etc.)

Verde:

（El verde representa la naturaleza, primitiva, joven, cultivada, educada, etc., tan adecuado para la medicina, la ciencia, el gobierno, el talento, la ecología y otros campos)

Azul:

（El azul significa confianza, calma, limpieza, concentración, profesionalidad y justiciapor lo tanto, es el más adecuado para la medicina, la ciencia, la alta tecnología, el derecho, la tecnología de la información y otros campos)

Obviamente, cada empresa está buscando el color adecuado para transmitir un tipo especial de emoción psicológica al usuario:

El color juega un papel importante cuando tenemos que comprar cosas.

KISSmetrics, una empresa de análisis de datos, ha creado un gran mapa en profundidad del impacto del color en el comportamiento de compra.

Como puede ver, el verde transmite el estado más relajado al usuario, lo que facilita al usuario manejar el proceso de compra. De hecho, sin embargo, no elegimos deliberadamente el verde como el tono principal en Buffer - a pesar de que siempre funcionó bien.

Además, podemos ver en la imagen por qué el negro se utiliza a menudo en artículos de lujo.

Cuarto, ¿cómo usar mejor el color para mejorar la identidad de su marca?

Es una pregunta interesante, pero tenemos que averiguar qué decisiones prácticas podemos aplicar a nuestro sitio web o aplicación.

Si está creando una aplicación dirigida a las mujeres, KISSmetrics recomienda usar los colores azul, púrpura y verde que prefieren las mujeres, evitando al mismo tiempo el naranja, el marrón y el gris.

Si su APP está dirigida principalmente a usuarios masculinos, es un poco diferente en términos de color. Porque los hombres prefieren el azul, el verde y el negro al marrón, el naranja y el púrpura.

En otro experimento, Performable (ahora HubSpot) quería explorar si simplemente cambiar el color del botón podría afectar a las tasas de conversión.

Comienzan tratando de adivinar cuál será la diferencia con los botones verde y rojo.

"El verde suele significar 'natural' y 'medio ambiente', y es ampliamente utilizado en los semáforos para indicar el significado de avanzar. El rojo, que a menudo representa emoción, pasión, sangre y advertencia, también se utiliza en los semáforos, pero significa detenerse. Al mismo tiempo, el rojo es ampliamente considerado como llamativo. "

Como resultado, especularon que el verde funcionaría mejor como un color de amabilidad después de una prueba A/B entre los botones verde y rojo. Al menos esa es su suposición. La interfaz del sitio web para la prueba A/B es tan larga como esto:

Entonces, ¿cuál es el resultado de este experimento? Los hechos son sorprendentes:

La tasa de conversión del botón rojo es un 21% mayor que la del botón verde.

Vale la pena señalar que todo lo demás en la interfaz es el mismo excepto el color del botón: sin embargo, 21% más de personas hacen clic en el botón rojo que el botón verde. Todas las variables se controlan, por lo que el color del botón es la única razón para los diferentes resultados.

Me sorprendió: pero si le preguntara a todos los investigadores que hubieran leído lo anterior que adivinaran los resultados de este experimento de botón rojo-verde, estoy seguro de que casi todo el mundo pensaría que el botón verde lo haría mejor.

Mi empresa también ha realizado una serie de experimentos que cambian de color para mejorar las tasas de conversión. Aunque los resultados no son del todo claros, vemos que las diferencias de color pueden hacer una gran diferencia. Creo que es probablemente porque para las herramientas de uso compartido de redes sociales, los cambios de color de los botones no hacen la diferencia tan obvia como otros productos.

A pesar de toda la investigación que se ha hecho, es difícil sacar conclusiones generales. Si desea realizar algunos cambios en el producto, haga una hipótesis y luego verifique su hipótesis con los resultados del experimento. Personalmente, prefiero hacer suposiciones basadas en los hallazgos de investigación existentes. Pero al final, son los datos experimentales.

V. Último hecho: ¿Por qué los hipervínculos usan azul?

He estado interesado en esta pregunta durante mucho tiempo, y en realidad es muy interesante. En pocas palabras, el azul proporciona el mayor contraste de los colores utilizados en sitios web anteriores.

La explicación completa es:

TIM BERNERS-LEE, el principal inventor de la World Wide Web, también se cree que es el primero en utilizar hipervínculos azules. En la antigua interfaz MOSAIC del navegador, el color más oscuro que se puede identificar fácilmente a partir del texto negro es azul debido a su fea parte de fondo gris y texto negro. Por lo tanto, con el fin de distinguir los hipervínculos del texto sin formato sin afectar a su legibilidad, azul tuvo la suerte de ser seleccionado.

Es maravilloso cambiar los resultados del producto ajustando solo pequeños detalles como el color.

Pruebe la respuesta en el encierro:

1. Ejemplo 1 - Facebook

2. Ejemplo 2 - Google

3. Ejemplo 3 - Flickr

4. Ejemplo 4 - LinkedIn

Foto: Usuario de Flickr Darrel Birkett

¡Sigue la cuenta pública de UXRen para obtener más productos secos de experiencia de usuario!