Consejos para diseñar para usuarios daltónicos
Se estima que aproximadamente el 8% de los hombres y el 0.5% de las mujeres nacen daltónicos. Puede parecer un número bajo, pero si está diseñando para una gran audiencia, tener un sitio que sea inutilizable para ocho de cada cien hombres es definitivamente menos deseable.
Afortunadamente, puede asegurarse con bastante facilidad de que su sitio admita el daltonismo teniendo en cuenta siempre la información a continuación. Echaremos un vistazo a lo que realmente significa el daltonismo y cómo puede modificar sus diseños en base a unos principios simples.
Quisiera comenzar diciendo que, aunque de ninguna manera soy oftalmólogo, la mayoría de los hombres de mi familia son daltónicos y los ejemplos dados a continuación han sido realizados por hombres daltónicos de buena fe. Si es una persona daltónica, su descripción de los ejemplos a continuación puede ser ligeramente o incluso considerablemente diferente, ya que no hay dos pares de ojos daltónicos que sean iguales.
La ciencia
Una discusión sobre daltonismo puede volverse realmente científica muy rápido. Términos como Protanopia y Tricromacia anómala son suficientes para que incluso las personas considerablemente inteligentes se atasquen y confundan.
Afortunadamente, como diseñador no necesita convertirse en un experto en daltonismo. En cambio, puede hacer generalizaciones ampliamente aplicables sobre lo que hacen los usuarios daltónicos y no tienen problemas para percibir. Esto no solo le ahorra una lección de ciencias, sino que le ayuda a asegurarse de que está diseñando para que casi todos los usuarios daltónicos puedan usar su sitio de manera efectiva en lugar de un solo tipo.
Tenga esto en cuenta al leer la información a continuación. Cada declaración realizada no será cierta para todos los usuarios daltónicos, pero al menos parte de ella se aplicará a una gran mayoría de ellos.
Si está interesado en la ciencia, consulte la explicación de Wikipedia, ya que es mucho más avanzada que la apropiada en este artículo.
Rompiendo el mito
En primer lugar, puede apostar con confianza que nadie que conozca es literalmente daltónico. El título es de hecho (en la mayoría de los casos) un nombre inapropiado completo. Un pequeño porcentaje de humanos nace con una visión verdaderamente monocromática.
Los términos mucho más precisos incluyen "color deteriorado" o "color deficiente". En lugar de ver el mundo en blanco y negro, las personas daltónicas generalmente pueden percibir y comprender casi todos los colores del espectro. Una de las preguntas más tontas y molestas que puede hacerle a las personas daltónicas es si pueden "ver" amarillo, verde o cualquier otro color.
El verdadero problema es que es bastante difícil para los usuarios daltónicos distinguir entre dos colores que son similares. Esto es realmente difícil de entender cuando considera que los colores que no le parecen similares en lo más mínimo pueden parecer muy similares a una persona daltónica, y viceversa.
Se trata de sombras
Para que sea más fácil de entender, piense en todos los tonos de todos los colores que haya visto. Por ejemplo, cuando piense en el color "verde", piense en cuántas muestras de color completamente diferentes podrían coincidir con su definición de verde. Brillante, oscuro, apagado, acuarela, neón; incesantemente. Esto incluye las variaciones más leves en las que un verde puede contener solo un poquito más de luz roja o azul que el otro verde.
Ahora imagine que contó todos estos diferentes tonos de verde que sus ojos son capaces de percibir y que igualaron, digamos 1 millón (número completamente arbitrario). Ahora dele la misma tarea a una persona daltónica y podría llegar a 500, 000 o menos.
Como puede ver, no es que las personas daltónicas (en la mayoría de los casos) sean incapaces o perciban "verde", sino que simplemente distinguen menos tonos de verde que usted. Entonces, cuando vea tres tonos de verde similares, un usuario daltónico podría ver solo un tono de verde
Para hacerlo aún más complicado, los tonos similares de diferentes colores a menudo se combinan y dificultan determinar con precisión de qué color es realmente algo.
Ejemplos
Siempre es un poco más fácil de entender con algunos ejemplos sólidos frente a ti. Considere las siguientes cuatro muestras.
Primero mire las dos muestras inferiores. Considere principalmente el brillo de las muestras, incluso más que el color básico. Los usuarios daltónicos deberían poder distinguir fácilmente entre estas dos muestras; tal como puedes Si una persona daltónica identificará correctamente los colores es una historia completamente diferente, pero al menos, es fácil decir que son colores diferentes.
Ahora, las dos muestras principales son una historia diferente. El ejemplo anterior podría hacerte pensar que los usuarios daltónicos pueden diferenciar fácilmente entre marrón y verde, pero estarías equivocado. Una vez más, al comparar solo el brillo / oscuridad relativa de las dos muestras, probablemente pueda ver cómo estas dos muestras podrían verse más similares. Ahora considere que, para muchas personas daltónicas, las dos muestras superiores serán idénticas.
Para viajar aún más abajo por la madriguera del conejo, repitamos el marrón oscuro y agreguemos un tono de rojo oscuro.
Nuevamente vemos dos tonos que son de diferentes colores, pero nuevamente el brillo relativo de las muestras es tan similar que un usuario daltónico tendrá problemas para distinguirlos.
Un conjunto de ojos normales debería ver cinco muestras de color diferentes en la disposición anterior (una se repite). ¡Un conjunto de ojos daltónicos probablemente verá tres o menos!
Combinaciones de colores dolorosos
Mezcle tonos similares a los de los ejemplos anteriores y sus usuarios daltónicos tampoco se darán cuenta de que se sentirán un poco molestos. Pero si realmente desea que su sitio sea completamente inutilizable, comience a superponer tonos de colores que tengan valores de brillo similares pero que tengan el potencial de chocar seriamente.
Rojos y azules, púrpuras y rojos, rosas y azules y casi cualquier combinación de estos son un gran ejemplo. Como ejemplo de lo que no debe hacer, considere la imagen a continuación.
Mientras que es posible que vea solo texto feo, muchos usuarios daltónicos verán colores tan vibrantes que sus ojos casi comienzan a llorar (cuanto más lejos están, peor se vuelve). Es difícil de explicar correctamente cuando no se puede ver, pero básicamente lo que sucede es que es evidente que los colores son muy diferentes, pero en realidad son lo suficientemente similares como para que los bordes donde se encuentran los dos colores se vuelvan muy difíciles de distinguir. Esto provoca una experiencia totalmente desagradable para muchos usuarios daltónicos cuando ven una imagen como la de arriba.
¿Y qué? ¿Cómo afecta esto a mis diseños?
Esta información está muy bien, pero ¿cómo se aplica prácticamente al diseño? La respuesta es que hay algunas áreas clave en las que realmente debería prestar atención a cómo los usuarios daltónicos pueden experimentar su sitio de manera diferente.
Uno de los errores más comunes que veo es en los efectos de desplazamiento del enlace. Innumerables diseñadores simplemente aplican un cambio de color como efecto de desplazamiento y lo llaman un día porque pueden percibirlo bien.
En caso de duda, recuerde que los usuarios daltónicos pueden percibir cambios de brillo, en su mayor parte, igual que usted. Un azul muy oscuro y un azul muy claro serán un cambio obvio. Por lo tanto, si cambia los colores en un vuelo estacionario, asegúrese de que los dos colores sean muy diferentes en su brillo relativo. Puede cambiar de un marrón oscuro a un verde brillante, pero no de un marrón oscuro a un verde oscuro.
Además, siempre es mejor agregar algo más visualmente además de los cambios de color. Cuando el usuario pasa el cursor sobre un enlace, agregue un trazo, una sombra paralela o cualquier otra cosa que se le ocurra para lograr una mayor diferencia visual que no dependa simplemente de un cambio de color.
Infografia
Otra área clave donde las diferencias de color son importantes es con la visualización de datos. Elegir los colores incorrectos para un gráfico puede hacer que sea literalmente ilegible para un usuario daltónico.
Incluso si sus colores son muy diferentes, a menudo es una buena idea agregar un pequeño patrón o textura a diferentes partes de un gráfico para facilitar la diferenciación visual.
En el ejemplo anterior, aunque los colores siguen siendo lo suficientemente similares como para que un usuario daltónico no pueda ver la diferencia, las franjas constituyen una referencia visual rápida y fácil para todos los usuarios.
Juegos
Como puede imaginar, las posibilidades de que los usuarios daltónicos se queden fuera son infinitas, pero un último lugar que quiero discutir donde esto puede ser particularmente frustrante para ellos es con los juegos.
Imagina intentar jugar el juego de iPhone a continuación como un usuario daltónico. ¡Combinar los colores para completar el rompecabezas podría ser bastante difícil!
Muchos juegos de iPhone han compensado esto al tener un modo daltónico opcional, pero para simplificarlo, solo considera agregar símbolos además del color para que sea más fácil para todos jugar. Como ilustración, considere una baraja de naipes. Hay más cosas que las tarjetas rojas y las tarjetas negras. Todos los que juegan, daltónicos o no, saben que los diamantes y los corazones son las tarjetas rojas, mientras que los clubes y las espadas son las tarjetas negras. Incluso cuando vea estos símbolos en una fotografía en blanco y negro, puede distinguir con confianza entre las tarjetas rojas y negras. Así es exactamente como deberían desarrollarse sus juegos.
Conclusión
Para finalizar, solo recuerde que en realidad es muy fácil hacer que su sitio sea accesible para usuarios daltónicos. Solo tiene que realizar un esfuerzo consciente cuando afecte el funcionamiento del sitio o cuando la percepción del color pueda afectar la legibilidad del texto. ¿A quién le importa si tienes un fondo marrón que los usuarios daltónicos piensan que es verde? La mayoría de las veces, seguro que no lo harán.
Solo asegúrate de que cuando sea importante, como con enlaces, gráficos y juegos, busques formas de agregar contraste. Use colores de colores altamente contrastantes, implemente patrones, aplique símbolos y use trucos con trazos, sombras y similares para asegurarse de que haya una diferencia visual significativa en todos los lugares correctos. A menudo puede ser útil usar un simulador de daltonismo para ayudar a decidir cómo los colores de la página afectan la experiencia general.
Deje un comentario a continuación y háganos saber si alguna vez considera usuarios daltónicos cuando diseña un sitio y cómo se adapta a sus necesidades.
