Diseño UI/UX para usuarios con dislexia

Actualmente, empresas de todas las escalas están trabajando para mejorar su inclusión. Esta loable iniciativa permite que las personas obtengan los beneficios de los bienes y servicios sin importar sus limitaciones de salud.

Los servicios digitales también están tratando de adoptar la inclusión, con las industrias de desarrollo web y móvil liderando esta carrera. Instagram lanzó recientemente una actualización de su aplicación con dos funciones de accesibilidad, texto alternativo automático y texto alternativo personalizado.

Estas características permiten a los usuarios con discapacidad visual obtener la mejor experiencia al usar la aplicación.

Actualmente, la industria todavía está aprendiendo a crear diseños de UX/UI inclusivos que serían igualmente fáciles de usar para diferentes personas. En este texto encontrarás información sobre el diseño de UI/UX para usuarios con dislexia.

Si se pregunta por qué es importante, aquí hay un hecho: en base a sus estudios, el Centro para la Dislexia y la Creatividad de Yale llegó a la conclusión de que hasta el veinte por ciento de la población del mundo podría sufrir dislexia en algún grado. Es decir, es posible que dos de cada diez usuarios de su aplicación o sitio web no puedan obtener una experiencia de usuario decente mientras la usan.

Concienciación sobre la dislexia

La dislexia es una condición que causa dificultades para escribir, deletrear y leer en niños y adultos de todas las edades, etnias, estados sociales y niveles de inteligencia. La dislexia es una discapacidad de aprendizaje neurológico común que no es completamente curable. No es contagioso y no heredable. Esta condición no tiene nada que ver con la pereza y la renuencia a estudiar. Aunque esta discapacidad de aprendizaje basada en el lenguaje no es curable, no evita automáticamente que las personas con esta afección tengan éxito académico, profesional y personal. Con la intervención adecuada y la asistencia tecnológica, los disléxicos pueden llevar una vida exitosa como todos los demás.

Algunas de las personas famosas y exitosas tienen dislexia. Albert Einstein, Richard Branson, Tom Cruise, Jim Carrey, Walt Disney y Whoopi Goldberg fueron diagnosticados con dislexia. Esta condición no ha impedido que John F Kennedy, George Washington y George W Bush se conviertan en presidentes de los Estados Unidos. Cuando no se diagnostica y se trata adecuadamente, la dislexia puede causar bajo rendimiento académico, mucha ansiedad, frustración y baja autoestima.

También hay aspectos legales de hacer que la web sea accesible para todos. Puede consultar los recursos de políticas de accesibilidad web de WAI para ver artículos sobre políticas legales relacionadas con la accesibilidad.

Diseñando para la dislexia

La educación moderna está altamente digitalizada. Muy a menudo, los niños aprenden los conceptos básicos de lectura y escritura desde sus iPads. Sin embargo, no son el único grupo que necesita soluciones accesibles. Diferentes personas en todo el mundo necesitan herramientas web y móviles accesibles que puedan usar y de las que puedan beneficiarse independientemente de sus limitaciones.

Ya existen algunas soluciones educativas digitales bastante exitosas para disléxicos. Entre ellas se encuentran aplicaciones como Leo, Teen and Adult Phonics Library, Knoword, Reading Machine y Draw Something. Échales un vistazo para inspirarte cuando trabajes en el diseño de tu producto apto para disléxicos.

Diseñar UX y UI para la dislexia puede ser más difícil que crear una aplicación web o móvil normal. En este caso, un diseñador debe hacer más que simplemente seguir las mejores prácticas de la industria. Para diseñar una UX/UI apta para disléxicos, hay que mantenerse al día con los desarrollos recientes en este sector y seguir las pautas que ya han demostrado ser exitosas. Al hacer que su sitio web o aplicación sea fácil de usar para los disléxicos, es mejor trabajar con diseñadores que tengan una experiencia exitosa relevante y que puedan mostrarle sus portafolios o estudios de casos.

Cuando haces que tu producto sea accesible para un grupo peculiar de personas, seguir las mejores prácticas para el caso no es suficiente. Siempre debes dejar que el público objetivo pruebe el producto para ver cómo interactúa con él. Incluso después de una prueba exhaustiva de control de calidad, puede haber un problema que solo un disléxico puede notar. No importa qué producto digital diseñe, debe vigilar a sus usuarios todo el tiempo. Una solución que le parece mejor a usted puede ser confusa y desfavorable para las personas que realmente la están usando.

Mejores prácticas de diseño de UX/UI para disléxicos

Se puede desarrollar una UX/UI accesible y fácil de usar para disléxicos de la siguiente manera:

• El alto contraste y la dislexia no combinan bien. A las personas con dislexia a menudo les resulta difícil leer textos en las pantallas con altos niveles de contraste. Desde su punto de vista, parece que las letras, las palabras y las líneas "bailan", cambiando de lugar y haciendo que el lector pase un mal rato. Para hacerlo más fácil para los usuarios, opte por fondos pastel en lugar de fondos de alto contraste. colores. Elija texto gris oscuro en lugar de negro cuando trabaje con un fondo blanco. No afectará la claridad y la legibilidad para los usuarios regulares, pero mejorará significativamente para los disléxicos.

• Tenga cuidado con las fuentes. Las fuentes, adecuadas para la dislexia, tienen un mayor espacio entre líneas y elementos tipográficos distintivos para las letras que suelen ser confusos para ellos. Hay fuentes adaptadas a disléxicos como Dyslexie o Open Dyslexic. Una fuente Comic Sans a menudo ridiculizada también funciona sorprendentemente bien para esta audiencia. La razón detrás de esto es bastante simple: las letras de esta fuente tienen grandes espacios entre ellas y tienen elementos tipográficos únicos que ayudan a los usuarios a distinguir entre letras similares más fácilmente. Cuando su elección de fuente se limite a las opciones regulares, elija Arial, Century Gothic, Tahoma, Trebuchet o Verdana.

• Mantenga el texto corto. Este consejo se refiere a las líneas de texto en particular ya las pantallas en general. Los estudios sugieren que una línea en una pantalla no debe tener más de 45 caracteres para una mejor comprensión. Además, no se recomienda elegir fuentes más pequeñas de doce a catorce puntos.

• No sobrecargue el estilo del texto. Aunque las letras tienden a bailar ante los ojos de los disléxicos, vestirlas con cursivas elegantes y subrayar no mejorará las cosas. Para que los puntos clave del texto sean claros para los disléxicos, use negrita. También puede enfatizar bloques de texto importantes con cuadros y letras minúsculas de fuente más grande.

• Incorporar herramientas de legibilidad. Ofrezca a sus usuarios más formas de comprender los textos de su producto habilitando herramientas de legibilidad. Los disléxicos y los usuarios con discapacidad visual se beneficiarán enormemente de la función de texto a audio. Puede implementar esta función de una de las dos maneras: utilice una herramienta automatizada de terceros o incluya clips de audio de alguien leyendo las áreas de texto del producto.

• Funcionalidad dividida. Cuando hay demasiadas funciones en una pantalla, intente disminuir la cantidad de funciones o dividir la pantalla en dos. Es mejor tener varias pantallas de aplicaciones extra claras que varias sobrecargadas que pueden causar dificultades para que los usuarios se adapten a ellas.

• Prioriza la flexibilidad. Cuando diseñe para usuarios disléxicos, haga que su prioridad sea crear un producto flexible. No estaría de más construir varios caminos para llegar al mismo destino para sus usuarios. Evite crear esquinas ciegas que hagan que sus usuarios repitan pasos largos y complejos y escriban líneas de texto una y otra vez. Ni un solo usuario estaría feliz de hacerlo.

• Permitir personalización. Un diseñador puede elegir la mejor combinación posible de colores, contrastes, fuentes y estilos. Sin embargo, para algunos de los usuarios de su producto digital, las opciones predeterminadas pueden seguir siendo desfavorables. No estaría de más permitir un nivel razonable de personalización del diseño. Deje que los usuarios elijan las fuentes, la ampliación del texto, el texto y los colores de fondo.

• Potencia el texto con gráficos. Siempre que sea posible, use íconos para apoyar el texto, o utilícelos en lugar de texto para una mejor comprensión. Las imágenes y los videos deben ayudar a los textos y hacer que el diseño sea más claro y mejorar su accesibilidad. Acompañe los videos con subtítulos para usuarios con discapacidades visuales.

• Use autocompletar, recordatorios y sugerencias. No haga que los usuarios de su aplicación recuerden todo lo que escribieron y buscaron en su aplicación. Habilitar un campo de búsqueda similar a Google con sugerencias del historial de un usuario será muy útil. Cuando sea posible, dé consejos a sus usuarios.

• Incorpora autocorrección. Es molesto cuando una aplicación no te entiende simplemente porque escribiste mal una letra. Servicios como Pinterest adivinan lo que quiere decir el usuario y les dan opciones para elegir. Tal característica puede ser valiosa para los usuarios disléxicos. También será útil para el público más joven y los hablantes no nativos.

• Más simple es mejor. No sobrecargue su diseño con elementos innecesarios que puedan distraer y desconcertar a sus usuarios. El diseño de UX/UI para la dislexia debería disminuir la carga cognitiva del usuario. Debe ser lo más claro y libre de distracciones posible.

Malas prácticas para el diseño de dislexia

Hay algunas prácticas de UX/UI que parecen lógicas y útiles para los desarrolladores y usuarios habituales, pero que son algo desfavorables para los disléxicos. Aquí hay una breve descripción de las malas prácticas que debe evitar:

• Grandes bloques de texto pesado. Si bien parecen una buena opción para incluir la mayor cantidad de texto posible en una pantalla, siempre son una mala elección en términos de legibilidad y facilidad de uso.

• Pantallas abrumadoras. No exprima todo en una sola pantalla. De acuerdo con las recientes tendencias de diseño y desarrollo de aplicaciones móviles y web, el minimalismo es el nuevo negro. Echa un vistazo a la página de perfil de Instagram. No ves todas las características de la aplicación en él. No hay distracciones ni ruido visual.

• Doble espacio al final de la oración. Algunos podrían pensar que los espacios dobles al final de las oraciones hacen que el texto sea más claro. Sin embargo, no es el caso de los usuarios con dislexia. El doble espacio hace que el texto se vea borroso como un río a los ojos de un disléxico.

• Uso de botones imprecisos. Cuando un botón dice "Haga clic aquí", su significado es claro para el desarrollador y creador de la aplicación, pero puede no ser tan obvio para los usuarios disléxicos. Haga que los comandos de los botones sean lo más simples e inequívocos posible.

• Toda la información en una sola página. Si bien puede ser lógico poner toda la información sobre una cosa en un solo lugar, no es una buena idea para los usuarios disléxicos. Ofrezca a sus usuarios la oportunidad de acceder a los mismos datos utilizando varias rutas diferentes.

Pensamientos finales

Internet surgió como una tecnología accesible para todos. Los desarrolladores y diseñadores deben mantener la tecnología digital no discriminatoria para todos los tipos de usuarios, sin importar cuán avanzada y compleja se vuelva.

El desarrollo de la tecnología de los teléfonos inteligentes hizo que millones de personas se pasaran a los dispositivos móviles como fuente principal de comunicación, interacción y entretenimiento en línea. La creación de aplicaciones web y móviles teniendo en cuenta la accesibilidad debería ser algo natural para los desarrolladores y diseñadores.

El tema de la accesibilidad para disléxicos se ha estudiado durante un tiempo y ya hay algunas buenas prácticas que puede utilizar para su proyecto. No hay nada abrumadoramente complejo en hacer que el diseño de su producto digital sea accesible para los usuarios con dislexia. La accesibilidad no quitará el estilo y la elegancia de su producto. Como beneficio adicional, lo hará más enfático y humano. Después de todo, la información debe ser accesible para todos, ya que es una parte inseparable de nuestras vidas.

Recursos para trabajar con dislexia:

A continuación, encontrará una lista de recursos relevantes actualizados que pueden ayudarlo a crear mejores diseños de UX/UI para usuarios con dislexia:

1. 20 recursos de diseño para facilitar el aprendizaje en niños disléxicos
2. Asociación Británica de Dislexia: Guía de estilo de dislexia
3. UX Planet: Diseño para la dislexia
4. Dyslexia International i (recurso de información sin fines de lucro)
5. The Helen Arkell Dyslexia Center (Recurso de caridad e información)
6. Asociación Internacional de Dislexia
7. Usabilla: Cómo diseñar para la dislexia