Percepción del color en la interfaz: por qué lo vemos diferente

Recientemente, mientras trabajaba en uno de mis productos, descubrí que veo el color de manera diferente a otras personas. Si miro solo con el ojo derecho, los colores están más saturados, con el izquierdo son apagados, y si miro con ambos ojos, el color resulta ser de saturación media.

En este artículo, comparto información básica sobre las características de la visión del color, así como herramientas y recursos útiles que yo mismo uso. ¡Me alegraría que continuara con el tema con sus conocimientos y casos en los comentarios! 

Color, ojo, cerebro: un poco de teoría

Mucho puede depender de cómo una persona ve y siente el color: por ejemplo, su impresión del producto, si se sentirá cómodo interactuando con él. Esta característica no está en la superficie: si la interfaz en su conjunto está bien pensada, es conveniente y agradable a la vista, en la mayoría de los casos hará frente a sus tareas de todos modos. Y al comparar dos sitios con contenido similar, los usuarios elegirán aquel en el que se sientan más cómodos, gracias a una interfaz de usuario bien desarrollada.

Pero si miras un poco más profundo, resulta que hay casos en los que dos personas perciben la misma interfaz de formas completamente diferentes. Esto puede verse influenciado por las peculiaridades de la visión del color.

Para comprender todos los problemas, debe tener una idea de qué color es y cómo lo percibe el ojo humano.

El color no es una propiedad de un objeto, sino una característica de su percepción. Por ejemplo, durante el día o bajo iluminación artificial, todos los objetos tienen un color saturado. Pero cuando el nivel de luz disminuye, el contraste de color también disminuye, hasta que todos los objetos se vuelven grises (por ejemplo, en la oscuridad de la noche en ausencia total de luz).

Nosotros percibimos el color de manera diferente por varias razones. Uno de ellos son las características de la estructura y el trabajo del ojo humano.

Hay receptores especiales en la retina del ojo: conos y bastones, cada persona tiene un promedio de 7 y 130 millones, respectivamente. Los conos son responsables de la percepción del color, mientras que los bastones son responsables del crepúsculo y la visión periférica.

Los bastones son receptores de la visión crepuscular. Siempre funcionan, independientemente de las condiciones externas, y brindan visibilidad general: gracias a ellos, vemos los contornos y tamaños de los objetos. Los conos, por otro lado, funcionan activamente solo en condiciones de luz, y a medida que oscurece, la intensidad de su trabajo disminuye, por lo que los objetos aparecen grises.

Además de las propiedades físicas del ojo, la percepción del color está influenciada por el estado psicoemocional de una persona y la experiencia previa. Es decir, es importante no solo lo que una persona siente aquí y ahora, sino también las emociones experimentadas en el pasado.

Causas de la diferente percepción del color.

Resulta que la diferencia en la percepción de un mismo color puede deberse a varias razones:

  • Un número impar de conos en la retina. Cuantos más conos tiene una persona, más matices distingue. Y también hay posibles violaciones en el trabajo de los conos, luego hay violaciones de la visión del color. A continuación nombraremos algunos de ellos.
  • La diferencia está en el nivel de iluminación. Los elementos de la interfaz visual son, de hecho, píxeles, que constan de tres colores primarios: rojo, azul y verde. Si estos colores se combinan o cambia su intensidad, también se perciben de una forma nueva. Y se ven iguales solo en condiciones absolutamente idénticas, por ejemplo, en ausencia total de iluminación. Si añades luz, esta se mezclará con la que emite cada elemento de la imagen, y la percepción cambiará.
  • Características psicológicas de una persona. Mucho depende del cerebro. Por ejemplo, si vemos un limón por la noche, en realidad será gris. Pero es más probable que el cerebro lo perciba como amarillo.

El contexto, la experiencia y las características personales del usuario afectan la forma en que ve la interfaz, pero este es un tema extenso aparte. En este artículo, propongo echar un vistazo más de cerca a las características fisiológicas y los trastornos de la visión del color, y cómo se pueden tener en cuenta en el diseño de la interfaz de usuario.

Trastornos de la visión del color

Dichos trastornos son congénitos y adquiridos. Estos últimos se observan en diversas enfermedades de la retina y del nervio óptico, especialmente en sus atrofias. La sensibilidad se reduce entonces a los tres colores primarios: rojo, verde y azul.

Pero también la visión del color puede debilitarse para colores individuales, cuando se altera el trabajo de los conos. Luego están tales trastornos:

  • protanopia  – el usuario no puede percibir el color rojo;
  • deuteranopía  : alteración de la percepción del verde;
  • tritanopia  : el usuario no percibe el azul;
  • monocromático  : no hay visión del color, solo se conserva la percepción en blanco y negro.

Nosotros percibimos el color de manera diferente por varias razones. Uno de ellos son las características de la estructura y el trabajo del ojo humano.

Hay receptores especiales en la retina del ojo: conos y bastones, cada persona tiene un promedio de 7 y 130 millones, respectivamente. Los conos son responsables de la percepción del color, mientras que los bastones son responsables del crepúsculo y la visión periférica.

Los bastones son receptores de la visión crepuscular. Siempre funcionan, independientemente de las condiciones externas, y brindan visibilidad general: gracias a ellos, vemos los contornos y tamaños de los objetos. Los conos, por otro lado, funcionan activamente solo en condiciones de luz, y a medida que oscurece, la intensidad de su trabajo disminuye, por lo que los objetos aparecen grises.

Además de las propiedades físicas del ojo, la percepción del color está influenciada por el estado psicoemocional de una persona y la experiencia previa. Es decir, es importante no solo lo que una persona siente aquí y ahora, sino también las emociones experimentadas en el pasado.

Causas de la diferente percepción del color.

Resulta que la diferencia en la percepción de un mismo color puede deberse a varias razones:

  • Un número impar de conos en la retina. Cuantos más conos tiene una persona, más matices distingue. Y también hay posibles violaciones en el trabajo de los conos, luego hay violaciones de la visión del color. A continuación nombraremos algunos de ellos.
  • La diferencia está en el nivel de iluminación. Los elementos de la interfaz visual son, de hecho, píxeles, que constan de tres colores primarios: rojo, azul y verde. Si estos colores se combinan o cambia su intensidad, también se perciben de una forma nueva. Y se ven iguales solo en condiciones absolutamente idénticas, por ejemplo, en ausencia total de iluminación. Si añades luz, esta se mezclará con la que emite cada elemento de la imagen, y la percepción cambiará.
  • Características psicológicas de una persona. Mucho depende del cerebro. Por ejemplo, si vemos un limón por la noche, en realidad será gris. Pero es más probable que el cerebro lo perciba como amarillo.

El contexto, la experiencia y las características personales del usuario afectan la forma en que ve la interfaz, pero este es un tema extenso aparte. En este artículo, propongo echar un vistazo más de cerca a las características fisiológicas y los trastornos de la visión del color, y cómo se pueden tener en cuenta en el diseño de la interfaz de usuario.

Trastornos de la visión del color

Dichos trastornos son congénitos y adquiridos. Estos últimos se observan en diversas enfermedades de la retina y del nervio óptico, especialmente en sus atrofias. La sensibilidad se reduce entonces a los tres colores primarios: rojo, verde y azul.

Pero también la visión del color puede debilitarse para colores individuales, cuando se altera el trabajo de los conos. Luego están tales trastornos:

  • protanopia  – el usuario no puede percibir el color rojo;
  • deuteranopía  : alteración de la percepción del verde;
  • tritanopia  : el usuario no percibe el azul;
  • monocromático  : no hay visión del color, solo se conserva la percepción en blanco y negro.

WCAG (Web Content Accessibility Guidelines)  es un estándar internacional con recomendaciones generales sobre cómo hacer que Internet sea accesible para todos los usuarios, incluidas las personas con discapacidades. El estándar WCAG se usa en todo el mundo para minimizar la diferencia en la percepción de los elementos de la interfaz por parte de diferentes usuarios. Aquí está la recomendación de las WCAG para elementos que no son de texto:

  • El contraste  de los componentes de la interfaz y los objetos gráficos debe ser  de al menos 3:1  en relación con los colores circundantes.
  • Se permiten excepciones para elementos menores, es decir, imágenes que no son muy importantes para comprender el contenido.

¿Cómo puede un diseñador adaptar la interfaz en la práctica?

  • Proporcionar elementos de alto contraste (suficiente contraste especificado en el estándar WCAG). Puede comprobar el nivel de contraste con Adobe Photoshop. Y si necesita arreglarlo, aplique una capa de ajuste o un filtro de Blanco y negro al diseño terminado.
  • Resalte elementos importantes con subtítulos y acentos gráficos adicionales. La desventaja de este método es el riesgo de sobrecargar la interfaz, y luego será más difícil de percibir para las personas sin daltonismo.
  • Creando un tema separado para personas daltónicas. Consume mucho tiempo, pero es la forma más efectiva de resolver el problema.

Comentarios

Comentarios

Search