La teoría de los colores se ha ido desarrollando con numerosos estudios cuyos inicios datan del siglo XV y se asocian a nombres como Batista Alberti, Da Vinci, Newton, y muchos más. Estos estudios son hoy la base de la “Ciencia de la Visión” y se utilizan en Marketing como forma de comprender el mensaje que un color – o combinación de varios – puede transmitir de manera aislada. Pero, lamentablemente, son pocos los que hacen uso del poder de los colores en la creación de piezas de comunicación, incluyendo los sitios web.

Recientemente leía un post de Seth Godin en el cual comenta el problema de diseño de la señalética del aeropuerto de Minneapolis que, si bien es bastante nueva y cool, encontrar la dirección para dar con la parada de taxis resulta muy complicado. Para descubrir el porqué, se me ocurrió entonces proponer este breve ejercicio.

Consigna:

Piensa que estás en ese aeropuerto por primera vez, llegado de un largo viaje, buscando las señales que te indiquen hacia dónde ir….

¿Estás allí? Bien, ahora ¿de qué color esperarías encontrarte las siguientes señales?

A. Salida ………….. B. Taxis ……………. C. Solo personal autorizado

Muy probablemente, a menos que se seas daltónico de toda la vida, provengas de una tribu amazónica muy poco civilizada o hayas aterrizado recientemente desde un planeta remoto, habrás asignado el color verde a “Salida”, el amarillo a “Taxis” y el rojo a “Solo personal autorizado”. ¿Cierto?

Seth escribía enojado por qué demoró el doble en encontrar la señal de taxis que resultaba estar en blanco y negro, muy coherente con el diseño del resto de la señalética y colores del aeropuerto, pero muy poco práctico al saltarse unos estándares muy poderosos como se habrá podido comprobar en el ejercicio anterior. De eso trata, entre otras cosas, el poder de los colores…

¿Acaso los colores en un sitio web pueden impactar en la capacidad de atracción y conversión del mismo?

Por supuesto que sí; absolutamente.

En la siguiente tabla podrás ver las emociones o impulsos que denota el efecto subliminal de los colores y algunos casos en los que puede convenir utilizarlos con ejemplos de sitios web conocidos que hacen buen uso de ellos.

Los Botones: elementos de gran impacto en la capacidad de conversión

En post anteriores, en los talleres que doy y en mis ponencias, siempre resalto que hay colores que son más apropiados para los botones de llamada a la acción de compra o suscripción de un servicio. Normalmente cito el color verde como favorito; eso es porque en mi experiencia personal y luego de haber realizado muchos experimentos, es el que mejores resultados me ha dado. Pero el color naranja es también muy eficaz para esos fines.

En cualquier caso, nada es bueno per se sino en relación a algo. Cuando yo aconsejo probar el verde como fondo de botón, lo hago desde una presunción, y es que en el resto del contenido de la página no prime el verde también.

Quizás, si el marco o el fondo que encuadra el diseño de la página es verde, pues lo mejor sería probar un botón que resalte por su contraste. En este caso, el naranja podría ser una excelente opción, como sugiere la imagen a continuación.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Y si tuvieses la necesidad de incluir 2 botones para acciones diferentes, entonces tendrías que hacer uso del color – o del tamaño – para definir aquel que resulte prioritario dados unos objetivos concretos.  Veamos el ejemplo de la imagen que sigue:

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

En este caso, la prioridad es que realicen la acción de “Download NCover”. Por tanto se resaltó el botón con el contraste verde sobre el fondo azul, dejando con menos contraste el botón de “Watch the Ncover” para centrar la atención en la llamada a la acción prioritaria.

Es importante entender también que no se trata solo de colores. Los colores son poderosos aunque por si mismos no harán una gran diferencia. Son parte de un todo que cualquier buen profesional que esté dedicando esfuerzos en el desarrollo de un sitio web, un anuncio, una landing page, o cualquier pieza de comunicación electrónica (o no) debería considerar para que la coherencia del mensaje llegue no solo a la parte consciente sino también al subconsciente de la audiencia y consiga su objetivo.

.

¿Estas de acuerdo? ¡Genial! ¿No estás de acuerdo? ¡Mucho mejor! .  Más abajo puedes comentar tu opinión.