Cómo elegir los colores para tu tienda online.

Cuando una lleva cierto tiempo dedicándose al diseño web ya mira las páginas de internet de manera diferente, siempre desde un punto de vista técnico.
A menudo pregunto a los propietarios de comercios electrónicos por la elección de los colores de su comercio. La mayoría de las respuestas son del tipo “Me gustan esos colores y pensé que quedarían bien” o “Mi diseñador web los eligió así”. Si esa es la manera en la que elijes los colores, puede que estés perdiendo una gran oportunidad para transmitir la personalidad de tu marca a tus potenciales clientes y dar forma a su experiencia en tu tienda.

El estudio de cómo los colores afectan al subconsciente de la mente se llama “psicología de los colores”. Los colores son una forma de comunicar. A través de las influencias de la sociedad aprendemos a asociar los colores con emociones, conceptos, acciones, y cualidades. Por ejemplo, los españoles asociamos el color rojo a la acción porque las señales de tráfico de “Stop” y peligro son rojas. Debido a esta asociación, utilizar el color rojo en un texto de error parpadeante en tu carrito de la compra, será una forma efectiva de llamar la atención del cliente.

A continuación describimos los conceptos más importantes a tener en cuenta a la hora de elegir o cambiar el esquema de colores de tu tienda online.

1. Usa la psicología del color para tu propio beneficio.

Necesitas comprender qué sensaciones y emociones evocan los distintos colores. He aquí algunas interpretaciones habituales de los colores básicos. Desde luego, hay variedad de interpretaciones, significados y percepciones en función de las culturas y contextos.

  • Rojo: Atención, emoción, enfado, amor, calidez, confort, vida, sangre, stop.
  • Amarillo: Aventura, felicidad, competencia, entusiasmo, riqueza, sofisticación.
  • Verde: Equilibrio, buen gusto, envidia, salud, dinero, harmonía.
  • Azul: Honestidad, corporativo, alta calidad, masculinidad, competencia, frialdad, lealtad, confianza, fiabilidad.
  • Rosa: Amor, compasión, sofisticación, sinceridad, romance, docilidad.
  • Violeta y púrpura: Creatividad, autoridad, realeza, respeto, misterio.
  • Marrón: Amigable, rudeza, tristeza, confort, orgánico, natural.
  • Negro: Dolor, sofisticación, caro, inteligente, muerto, adelgazamiento.
  • Blanco: Sencillez, orden, inocencia, pureza, limpieza, neutro.
  • Gris y plata: Atemporal, práctico, neutro, refinado, contemporáneo.

2. Utiliza los colores apropiados para tu mercado y tus productos.

Algunos colores apelan a ciertos mercados. Algunos colores son más apropiados para productos de lujo mientras que otros son más apropiados para productos alimenticios. La psicología del color no es una ciencia exacta pero la puedes aprovechar en términos generales en tu sitio web. He aquí algunos ejemplos:

Mercedes. Mercedes tiene una fuerte y sencilla paleta de negro (caro y sofisticado), gris (refinado) y blanco (limpio). Esta asociación de colores es apropiada para los clientes a los que se dirige (clientes objetivo): Personas de alto poder adquisitivo que presumiblemente quieren ser vistos como distinguidos e importantes.

mercedes

Disney. La página de Disney utiliza un sentimiento diferente, si bien su objetivo demográfico son los niños y los padres (más las madres). Los niños tienden a preferir los colores brillantes, colores sencillos. Las mujeres tienden a preferir los colores suaves. Los azules vivo de Disney (confianza) y los grises apagados (contemporáneo, atemporal) atraen a ambos objetivos.

disney

Victoria’s Secret. Las características de colores de Victoria’s Secret están llenas de sombras de rosa (romance y docilidad), que habla perfectamente a su mercado objetivo de mujeres interesadas en productos de belleza y lencería.

victoria-secret

Presta especial atención a los esquemas de colores de las tiendas online que visites. Después, piensa en la experiencia que estás creando en tu propio sitio a través de los colores que elijas. Toma nota de cómo los colores combinan entre ellos y de cómo te hacen sentir. ¿Son enérgicos, suaves o neutros? ¿Tus colores “luchan” entre ellos o envían mensajes complementarios?

Si no estás seguro, la mejor apuesta es insertar colores suaves y reservados como los azules, grises y el blanco, lo opuesto a colores vibrantes y llamativos como el rojo, el amarillo o el purpura.

3. Utiliza el efecto Aislamiento.

El efecto aislamiento, también conocido como el efecto Von Restorff, indica que un objeto (en este caso un color) que destaca se recuerda más fácilmente. Por ejemplo, si alguien ojea una lista de palabras impresas en negro y una palabra destacada en púrpura, con toda probabilidad recordará mejor la palabra en púrpura que las impresas en negro.

Utiliza esto para tu beneficio teniendo un color que sea el color de aislamiento de tu tienda para inducir a la acción (call-to-action), añadir al carrito, dar permisos (opt-in) y otros enlaces. Utiliza ese color solo en aquellos sitios que quieres destacar. Por ejemplo, si el verde es tu color de aislamiento, utilízalo solo en los botones de “añadir al carrito” y en los enlaces de texto que conducen a los clientes directamente al proceso de ventas. Siendo persistente con este patrón de uso de los colores, estarás entrenando a tus visitantes para que hagan clic cuando vean el color de aislamiento (el verde es un ejemplo). Esta es una forma sutil y poderosa de hacer que los clientes avancen hacia la compra. Es como inculcarles en el subconsciente las señales que les indican el camino a seguir.

dell-1

dell-2

En los ejemplos de arriba, Dell usa el verde de forma eficaz como color de aislamiento utilizándolo solo en los lugares que conducen a los visitantes hacia el proceso de compra.

barstools

BarStools.com ha elegido el naranja como color de aislamiento. Solo aparece en las opciones de “seleccionar”, “añadir al carrito” y “finalizar compra y pagar”, es decir, los pasos que mueven a los clientes a lo largo del proceso de compra.

4. Elije un color de fondo.

Los blancos y los grises claros son los mejores colores de fondo ya que producen contraste con la mayoría de los colores sin distraer al visitante. La mayoría de las tiendas utilizan una ligera sombra en sus fondos.

ebags

Los fondos oscuros buen funcionar muy bien si tienes colores muy brillantes y texto.

foot-locker

Este estilo le funciona a Foot Locker dados los colores brillantes y sombras sencillas de sus productos y el objetivo de clientes masculinos.

Como norma, mantén tu sitio web limpio y simple no utilizando más de tres colores principales. Puedes utilizar algunas sombras diferentes de estos colores principales para acentuar tu tienda, pero por lo general, menos es más.

Cuando elijas tu esquema de colores, piensa más allá de tus colores favoritos. Tu esquema de colores habla con tus clientes sobre el valor y la personalidad de tu tienda.

Si deseas descargarte este archivo en formato PDF para imprimirlo solo tienes que pinchar ESTE ENLACE