El rol de el color en el diseño UI

color diseño UX
El papel de los colores en el proceso de diseño de una UX

Entender la psicología de los colores es un aspecto clave en crear paletas de colores que funcionen bien en el diseño digital. Alguna veces el color es visto por los diseñadores como una elección enteramente estética, pero de hecho, un componente clave del impacto psicológico del diseño en el usuario, por tanto es diseño UX.

Una paleta de colores bien pensada puede elevar un diseño de "bueno" a "excelente", mientras que una selección mediocre mala de la paleta colores puede restar a la experiencia de el usuario en incluso interferir en la usabilidad del sitio o app en cuestión.

Mientras que el tema de la teoría del color es un tema complejo, y el uso de colores en el diseño UX implica mucho mas que solo crear una paleta de colores que se vea bien, los diseñadores pueden gradualmente incorporar un mejor uso de los colores en sus diseños sin necesidad de tener que re-prensar todo el proceso.


La psicología del color

La teoría del color y los efectos psicológicos que el color pueden tener en los usuarios son un tema complejo y generalmente subjetivo. Sin embargo, hay ciertos aspectos que pueden ser tratados de una manera mas universal. 

Cosas como los significados comunes de los colores principales (primarios, secundarios y terciarios), paletas de colores tradicionales, y las variaciones culturales en los significados de los colores son bastante sencillas de entender. Los diseñadores pueden aprender fácilmente estos conceptos básicos y aplicarlos a su trabajo. Pero,hay puntos mas delicados y profundos que aprender en relación al uso de colores en el diseño UX.
Color psychology is a complex aspect of color theory.
El impacto emocional de los colores de la interfaz no debe ignorarse, y mientras algunos colores son universales (blanco, negro, gris), los colores con los que que combinan  pueden tener un impacto enorme en la percepción del usuario.

Diferencias culturales en el color

Un problema que los diseñadores tienden ignorar son las diferencias culturales que duende existir sobre distintos colores en distintas partes del mundo, Por ejemplo, en las culturas occidentales, el blanco es sinónimo de pureza, inocencia y esperanza, mientras que en artes de asía simboliza muerte, duelo y mala suerte.

Algunos colores tienen connotaciones generales positivas independientemente de la cultura (como el naranja), en contraste con el ejemplo que dimos sobre el blanco  en el párrafo anterior. Esto ciertamente puede complicarle la vida al diseñador cuando intenta crear un diseño que atraiga a la audiencia mas grande posible.

Es importante que los diseñadores  vean las implicaciones cutrales de sus paletas de color basados en la audiencia objetivo del producto o sitio web. Si un producto va dirigido a una audiencia mundial, asegúrate de balancear los colores e imágenes utilizados para prevenir connotaciones culturales negativas. Ahora, si el producto tiene como objetivo principal una cultura en particular, los diseñadores pueden restar menos atención a las implicaciones que la paleta de colores escogida pueda tener en tras culturas.

Color psychology varies around the world, based largely on cultural associations.


Parear los colores de la UX con loas de la marca.

Los colores de la marca deben tener un papel crucial al crear la paleta de colores, pero no son el único factor importante, las normas de la industria también son claves, al igual que los colores utilizados por competidores, por razones mas que obvias.

Conocer los significados básicos de cada color le da al diseñador una base solida sobre la cual contribuir paletas de colores para cualquier producto o marca. La teoría del color, es sin embargo, parte ciencia y parte arte.

Usar colores poco convencionales
Es una forma muy buena de diferenciar una marca. Siendo los colores de acento el lugar mas fácil para comenzar cuando se trata de añadir colores poco convencionales en un diseño.

La regla 60-30-10

Esta regla es una teoría simple para crear paletas de colores que son bien balanceadas y visualmente interesantes. la idea es que un color (algo neutral) represente el 60% de la paleta. Otro color complementario el 30% y luego un tercer color utilizado como acento sea el 10% restante.

Esta regla permite a los diseñadores experimental con colores poco convencionales sin desviarse demasiado de las normas esperadas dentro de una industria o marca.

An excellent example of the 60-30-10 rule in web design color theory
Fuente: Toptal


Comentarios