Se estima que alrededor del 8% de los hombres y el 0.5% de las mujeres nacen sin color. Puede parecer un número bajo, pero si está diseñando para una gran audiencia, tener un sitio que no pueda usarse para ocho de cada cien hombres es definitivamente menos que deseable.
Afortunadamente, puede asegurarse con bastante facilidad de que su sitio sea daltónico para los colores teniendo siempre en cuenta la información a continuación. Echaremos un vistazo a lo que realmente significa la ceguera al color y cómo puede modificar sus diseños basándose en unos pocos principios simples.
Me gustaría comenzar diciendo que, aunque no soy en ningún caso un oftalmólogo, la mayoría de los hombres de mi familia son daltónicos y todos los ejemplos que se dan a continuación han sido realizados por auténticos ciegos de color. Si eres una persona daltónica, tu descripción de los ejemplos a continuación puede ser un poco o incluso considerablemente diferente, ya que no hay dos conjuntos de ojos daltónicos que sean iguales.
La ciencia
Una discusión sobre la ceguera al color puede ser realmente científica realmente rápida. Términos como Protanopia y Anomalous Trichromacy son suficientes para que las personas aún más inteligentes y atadas con la lengua se confundan.
Afortunadamente, como diseñador, no necesita convertirse en un experto en la ceguera al color. En su lugar, puede hacer generalizaciones ampliamente aplicables sobre lo que hacen los usuarios de daltónicos y no tienen problemas para percibir. Esto no solo le ahorra una lección de ciencia, sino que también le ayuda a asegurarse de que está diseñando, de modo que casi todos los usuarios de color daltónicos pueden usar su sitio de manera efectiva en lugar de solo un tipo.
Tenga esto en cuenta al leer la información a continuación. Todas las declaraciones hechas no serán ciertas para todos los usuarios con daltonismo, pero al menos parte se aplicará a una gran mayoría de ellos.
Si estás interesado en la ciencia, revisa la explicación de Wikipedia, ya que es mucho más avanzada que es apropiada en este artículo.
Rompiendo el mito
En primer lugar, puedes apostar con confianza que nadie que conozcas es literalmente Color Blind. 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.
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 más molestas que puede hacer a las personas que no saben colorear es si pueden o no ver. Amarillo, verde o cualquier otro color.
El problema real es que es bastante difícil para los usuarios con daltonismo distinguir dos colores que son similares. Esto es realmente difícil de descifrar cuando consideras que los colores que no se parecen a ti en lo más mínimo pueden parecer muy similares a los de una persona daltónica, y viceversa.
Se trata de sombras
Para que esto sea más fácil de entender, piensa en todos los tonos de todos los colores que hayas visto. Por ejemplo, cuando piensas en el color? Verde? piense en cuántas muestras de colores completamente diferentes podrían coincidir con su definición de verde. Brillante, oscuro, mudo, acuarela, neón; incesantemente. Esto incluye las variaciones más leves donde 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, asigne la misma tarea a una persona que no tiene color y podrían llegar a 500,000 o menos.
Así que ya ves, no es que las personas daltónicas (en la mayoría de los casos) sean incapaces o perciban "verde". en su lugar, simplemente distinguen menos tonos de verde que tú. Por lo tanto, cuando vea tres tonos de verde similares, un usuario de color daltónico solo podrá ver un tono de verde
Para hacerlo aún más complicado, los tonos similares de diferentes colores a menudo se juntan y hacen difícil determinar con precisión 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 mira las dos muestras de abajo. Considere principalmente el brillo de las muestras, incluso más que el color básico. Los usuarios de Colorblind deben poder distinguir fácilmente entre estas dos muestras; al igual que usted puede Si una persona que no conoce el color identificará correctamente los colores es una historia completamente diferente, pero al menos es fácil decir que son colores diferentes.
Ahora, las dos mejores muestras son una historia diferente. El ejemplo anterior puede hacer que piense que los usuarios con daltonismo pueden diferenciar fácilmente entre marrón y verde, pero estaría equivocado. De nuevo, al comparar solo el brillo / la oscuridad relativa de las dos muestras, es probable que pueda ver cómo estas dos muestras pueden parecer más similares. Ahora considere que, para muchos individuos con daltonismo al color, las dos muestras superiores serán idénticas.
Para recorrer aún más el agujero del conejo, repitamos el marrón oscuro y agregue 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 con daltonismo no tendrá problemas para distinguirlas.
Un conjunto de ojos normales debería ver cinco muestras de colores diferentes en la disposición anterior (se repite una). ¡Un juego de ojos daltónicos probablemente verá tres o menos!
Combinaciones de color dolorosas
Mezcla tonos similares a los de los ejemplos anteriores y los usuarios que no sean conscientes del color no se darán cuenta de que estarán ligeramente 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.
Los rojos y azules, los púrpuras y los rojos, los 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.
Si bien es posible que veas simplemente un texto feo, muchos usuarios de colores ciegos verán colores tan vibrantes que sus ojos casi comienzan a llorar (cuanto más lejos están, peor es). 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 causa una experiencia totalmente desagradable para muchos usuarios con daltonismo al ver una imagen como la que se muestra 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 de daltónicos podrían experimentar su sitio de manera diferente.
Uno de los errores más comunes que veo es en los efectos de desplazamiento del vínculo. Innumerables diseñadores simplemente aplican un cambio de color como efecto de desplazamiento y lo llaman un día porque pueden percibirlo perfectamente.
En caso de duda, recuerde que los usuarios que no ven el color pueden percibir los cambios de brillo, en su mayor parte, al igual que usted. Un azul muy oscuro y un azul muy claro será 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 se desplaza sobre un enlace, agregue un trazo, una sombra paralela o cualquier otra cosa que pueda imaginar para lograr una mayor diferencia visual que no se basa simplemente en un cambio de color.
Infografia
Otra área clave donde las diferencias de color son importantes es con la visualización de datos. La elección de los colores incorrectos para un gráfico puede hacer que sea literalmente ilegible para un usuario que no usa color.
Incluso si sus colores son muy diferentes, a menudo es una buena idea agregar un poco de patrón o textura a diferentes partes de una tabla para facilitar la diferenciación visual.
En el ejemplo anterior, a pesar de que los colores siguen siendo lo suficientemente similares como para que un usuario con daltonismo no pueda ver la diferencia, las rayas constituyen una referencia visual rápida y fácil para todos los usuarios.
Juegos
Como se puede imaginar, las posibilidades de que los usuarios de daltónico se queden fuera son infinitas, pero un último lugar que quiero discutir es que esto puede ser particularmente frustrante para ellos con los juegos.
Imagínate intentando jugar el juego de iPhone que aparece a continuación como un usuario de color daltónico. ¡Combinar los colores para completar el rompecabezas puede ser bastante difícil!
Muchos juegos de iPhone han compensado esto al tener un modo opcional de colorblind, pero para simplificarlo solo considere agregar símbolos además de color para que sea más fácil para todos jugar. Como ilustración, consideremos una baraja de cartas. Hay más cosas que las tarjetas rojas y las negras. Todos los que juegan, daltónicos o no, saben que los diamantes y los corazones son las cartas rojas, mientras que los clubes y las espadas son las cartas negras. Incluso cuando ve estos símbolos en una fotografía en blanco y negro, puede distinguir con confianza entre las tarjetas rojas y las negras. Así es exactamente cómo deben desarrollarse sus juegos.
Conclusión
Para terminar, recuerde que en realidad es realmente fácil hacer que su sitio sea accesible para los usuarios que no tienen color. Solo tiene que hacer un esfuerzo consciente cuando afecte a cómo funciona el 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 de color daltónico creen que es verde? La mayoría de las veces, seguro que no.
Solo asegúrese de que cuando sea importante, como con los enlaces, cuadros y juegos, busque 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 ceguera al color 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 a los usuarios que no conocen los colores cuando diseña un sitio y cómo satisface sus necesidades.