Conception UI/UX pour les utilisateurs dyslexiques

Actuellement, des entreprises de toutes tailles travaillent à améliorer leur inclusivité. Cette initiative louable permet aux gens de bénéficier des biens et services indépendamment de leurs limites de santé.

Les services numériques tentent également d’adopter l’inclusivité, les industries du développement Web et mobile menant cette course. Instagram a récemment lancé une mise à jour de son application avec deux fonctionnalités d’accessibilité, un texte alternatif automatique et un texte alternatif personnalisé.

Ces fonctionnalités permettent aux utilisateurs malvoyants d’obtenir la meilleure expérience d’utilisation de l’application.

Actuellement, l’industrie apprend encore à créer des conceptions UX/UI inclusives qui seraient tout aussi conviviales pour différentes personnes. Dans ce texte, vous trouverez des informations sur la conception UI/UX pour les utilisateurs dyslexiques.

Si vous vous demandez pourquoi c’est important, voici un fait: sur la base de ses études, le Yale Center for Dyslexia & Creativity est arrivé à la conclusion que jusqu’à vingt pour cent de la population mondiale pourrait souffrir de dyslexie dans une certaine mesure. Autrement dit, deux utilisateurs sur dix de votre application ou de votre site Web pourraient ne pas être en mesure d’obtenir une expérience utilisateur décente lors de son utilisation.

Sensibilisation à la dyslexie

La dyslexie est une condition qui cause des difficultés d’écriture, d’orthographe et de lecture chez les enfants et les adultes de tous les groupes d’âge, ethnies, statuts sociaux et niveaux d’intelligence. La dyslexie est un trouble d’apprentissage neurologique courant qui n’est pas entièrement curable. Elle n’est ni contagieuse ni héréditaire. Cette condition n’a rien à voir avec la paresse et la réticence à étudier. Bien que ce trouble d’apprentissage basé sur le langage ne soit pas curable, il n’empêche pas automatiquement les personnes atteintes de cette maladie de réussir sur le plan scolaire, professionnel et personnel. Avec une intervention appropriée et une assistance technologique, les dyslexiques peuvent mener une vie réussie comme tout le monde.

Certaines des personnes célèbres et prospères souffrent de dyslexie. Albert Einstein, Richard Branson, Tom Cruise, Jim Carrey, Walt Disney et Whoopi Goldberg ont été diagnostiqués dyslexiques. Cette condition n’a pas empêché John F Kennedy, George Washington et George W Bush de devenir présidents des États-Unis. Lorsqu’elle n’est pas diagnostiquée et traitée de manière adéquate, la dyslexie peut entraîner des résultats scolaires insuffisants, beaucoup d’anxiété, de frustration et une faible estime de soi.

Rendre le Web accessible à tous comporte également des aspects juridiques. Vous pouvez consulter les ressources sur la politique d’accessibilité Web de WAI pour consulter des articles sur les politiques juridiques concernant l’accessibilité.

Concevoir pour la dyslexie

L’éducation moderne est fortement numérisée. Très souvent, les enfants apprennent les bases de la lecture et de l’écriture à partir de leur iPad. Cependant, ils ne sont pas le seul groupe à avoir besoin de solutions accessibles. Différentes personnes à travers le monde ont besoin d’outils Web et mobiles accessibles qu’elles peuvent utiliser et dont elles peuvent bénéficier, quelles que soient leurs limites.

Certaines solutions éducatives numériques assez réussies pour les dyslexiques existent déjà. Parmi eux se trouvent des applications comme Leo, Teen and Adults Phonics Library, Knoword, Reading Machine et Draw Something. Consultez-les pour vous inspirer lorsque vous travaillez sur la conception adaptée aux dyslexiques de votre produit.

Concevoir une UX et une UI pour la dyslexie peut être plus difficile que de créer une application Web ou mobile classique. Dans ce cas, un concepteur doit faire plus que simplement suivre les meilleures pratiques de l’industrie. Pour concevoir une UX/UI adaptée aux dyslexiques, il faut suivre les développements récents dans ce secteur et suivre les directives qui ont déjà fait leurs preuves. Lorsque vous rendez votre site Web ou votre application facile à utiliser pour les dyslexiques, il est préférable de travailler avec des concepteurs qui ont une expérience réussie pertinente et qui peuvent vous montrer leurs portfolios ou leurs études de cas.

Lorsque vous rendez votre produit accessible à un groupe particulier de personnes, il ne suffit pas de suivre les meilleures pratiques pour le cas. Vous devez toujours laisser le public cible tester le produit pour voir comment il interagit avec lui. Même après un test d’assurance qualité approfondi, il peut y avoir un problème que seul un dyslexique peut remarquer. Quel que soit le produit numérique que vous concevez, vous devez garder un œil sur ses utilisateurs en permanence. Une solution qui vous semble la meilleure peut être déroutante et défavorable pour les personnes qui l’utilisent réellement.

Meilleures pratiques de conception d’UX/UI pour les dyslexiques

Une UX/UI accessible, user-friendly pour les dyslexiques peut être développée comme suit :

• Contraste élevé et dyslexie ne font pas bon ménage. Les personnes dyslexiques ont souvent du mal à lire des textes sur des écrans avec des niveaux de contraste élevés. De leur point de vue, il semble que les lettres, les mots et les lignes "dansent", changent de place et donnent du fil à retordre au lecteur. Pour faciliter la tâche des utilisateurs, optez pour des arrière-plans pastel plutôt que contrastés. couleurs. Choisissez un texte gris foncé au lieu de noir lorsque vous travaillez avec un fond blanc. Cela n’affectera pas la clarté et la lisibilité pour les utilisateurs réguliers, mais l’améliorera considérablement pour les dyslexiques.

• Soyez prudent avec les polices. Les polices, adaptées à la dyslexie, ont un interligne accru et des éléments typographiques distincts pour les lettres qui sont généralement déroutantes pour elles. Il existe des polices adaptées aux dyslexiques comme Dyslexie ou Open Dyslexic. Une police Comic Sans souvent ridiculisée fonctionne étonnamment bien pour ce public également. La raison derrière cela est assez simple – les lettres de cette police ont de grands espaces entre elles et ont des éléments de typographie uniques qui aident les utilisateurs à distinguer plus facilement les lettres similaires. Lorsque votre choix de police est limité aux options régulières, optez pour Arial, Century Gothic, Tahoma, Trebuchet ou Verdana.

• Gardez le texte court. Ces conseils concernent les lignes de textes en particulier et les écrans en général. Des études suggèrent qu’une ligne sur un écran ne doit pas dépasser 45 caractères pour une meilleure compréhension. De plus, il n’est pas conseillé de choisir des polices inférieures à douze à quatorze points.

• Ne surchargez pas le style de texte. Bien que les lettres aient tendance à danser aux yeux des dyslexiques, les habiller d’italiques fantaisistes et de soulignements n’arrangera pas les choses. Pour que les points clés du texte soient clairs pour les dyslexiques, utilisez le gras. Vous pouvez également mettre en évidence des blocs de texte importants avec des cases et des lettres minuscules de police plus grandes.

• Incorporer des outils de lisibilité. Offrez à vos utilisateurs davantage de moyens de comprendre les textes de votre produit en activant les outils de lisibilité. Les utilisateurs dyslexiques et malvoyants bénéficieront grandement d’une fonction de synthèse audio. Vous pouvez implémenter cette fonctionnalité de l’une des deux manières suivantes : utiliser un outil automatisé tiers ou inclure des clips audio d’une personne lisant les zones de texte dans le produit.

• Fonctionnalité fractionnée. Lorsqu’il y a trop de fonctionnalités sur un écran, essayez soit de réduire le nombre de fonctionnalités, soit de diviser l’écran en deux. Il est préférable d’avoir plusieurs écrans d’application très clairs que plusieurs écrans surchargés qui peuvent entraîner des difficultés pour les utilisateurs à s’y adapter.

• Privilégier la flexibilité. Lors de la conception pour les utilisateurs dyslexiques, faites de votre priorité la création d’un produit flexible. Cela ne ferait pas de mal de construire plusieurs chemins pour arriver à la même destination pour vos utilisateurs. Évitez de créer des angles morts qui obligeront vos utilisateurs à répéter de longues étapes complexes et à saisir à nouveau des lignes de texte. Pas un seul utilisateur ne serait heureux de le faire.

• Autoriser la personnalisation. Un designer peut choisir la meilleure combinaison de couleurs, de contrastes, de polices et de styles possible. Cependant, pour certains utilisateurs de votre produit numérique, les choix prédéterminés peuvent encore être défavorables. Cela ne ferait pas de mal de permettre un niveau raisonnable de personnalisation de la conception. Laissez les utilisateurs choisir les polices, l’agrandissement du texte, les couleurs du texte et de l’arrière-plan.

• Renforcez le texte avec des graphiques. Dans la mesure du possible, utilisez des icônes pour appuyer le texte ou utilisez-les à la place du texte pour une meilleure compréhension. Les images et les vidéos doivent accompagner les textes, rendre le design plus clair et améliorer son accessibilité. Accompagnez les vidéos de sous-titres pour les utilisateurs malvoyants.

• Utilisez le remplissage automatique, les rappels et les conseils. Ne faites pas en sorte que les utilisateurs de votre application se souviennent de tout ce qu’ils ont saisi et recherché dans votre application. Activer un champ de recherche de type Google avec des suggestions de l’historique d’un utilisateur sera très utile. Lorsque cela est possible, donnez des conseils à vos utilisateurs.

• Intégrer la correction automatique. C’est ennuyeux lorsqu’une application ne vous comprend pas simplement parce que vous avez mal orthographié une lettre. Des services comme Pinterest devinent ce que l’utilisateur veut dire et lui proposent des options. Une telle fonctionnalité peut être précieuse pour les utilisateurs dyslexiques. Il sera également utile pour le jeune public et les locuteurs non natifs.

• Plus simple c’est mieux. Ne surchargez pas votre conception avec des éléments inutiles susceptibles de distraire et de déconcerter vos utilisateurs. La conception UX/UI pour la dyslexie devrait diminuer la charge cognitive de l’utilisateur. Il doit être aussi clair et sans distraction que possible.

Mauvaises pratiques pour la conception dyslexique

Certaines pratiques UX/UI semblent logiques et utiles aux développeurs et aux utilisateurs réguliers mais sont quelque peu défavorables aux dyslexiques. Voici un bref aperçu des mauvaises pratiques à éviter :

• Gros blocs de texte épais. Bien qu’ils semblent être une bonne option pour insérer autant de texte que possible sur un seul écran, ils sont toujours un mauvais choix en termes de lisibilité et de convivialité.

• Écrans accablants. Ne mettez pas tout sur un seul écran. Selon les tendances récentes en matière de développement et de conception d’applications mobiles et Web, le minimalisme est le nouveau noir. Jetez un œil à la page de profil Instagram. Vous ne voyez pas toutes les fonctionnalités de l’application dessus. Il n’y a pas de distractions et de bruit visuel.

• Double interligne en fin de phrase. Certains pourraient penser que les doubles espaces à la fin des phrases rendent le texte plus clair. Cependant, ce n’est pas le cas des utilisateurs dyslexiques. Le double interligne rend le texte flou comme une rivière aux yeux d’un dyslexique.

• Utilisation de boutons vagues. Lorsqu’un bouton indique "Cliquez ici", sa signification est claire pour le développeur et le créateur de l’application, mais cela peut ne pas être si évident pour les utilisateurs dyslexiques. Rendez les commandes sur les boutons aussi simples et sans ambiguïté que possible.

• Toutes les informations sur une seule page. Bien qu’il puisse être logique de mettre toutes les informations sur une chose au même endroit, ce n’est pas une bonne idée pour les utilisateurs dyslexiques. Donnez à vos utilisateurs la possibilité d’accéder aux mêmes données en utilisant plusieurs chemins différents.

Dernières pensées

Internet est devenu une technologie accessible à tous. Les développeurs et les concepteurs doivent maintenir la technologie numérique non discriminatoire pour tous les types d’utilisateurs, aussi avancés et complexes soient-ils.

Le développement de la technologie des smartphones a amené des millions de personnes à passer aux appareils mobiles en tant que principale source de communication, d’interaction et de divertissement en ligne. Créer des applications Web et mobiles avec l’accessibilité à l’esprit devrait devenir une seconde nature pour les développeurs et les concepteurs.

La question de l’accessibilité pour les dyslexiques est étudiée depuis un moment, et il existe déjà quelques bonnes pratiques que vous pouvez utiliser pour votre projet. Il n’y a rien d’extrêmement complexe à rendre la conception de votre produit numérique accessible aux utilisateurs dyslexiques. L’accessibilité n’enlèvera rien à l’élégance et à l’élégance de votre produit. En prime, cela le rendra plus emphatique et humain. Après tout, l’information doit être accessible à tous, car elle fait partie intégrante de nos vies.

Ressources pour travailler avec la dyslexie :

Vous trouverez ci-dessous une liste de ressources pertinentes à jour qui peuvent vous aider à créer de meilleures conceptions UX/UI pour les utilisateurs dyslexiques :

1. 20 ressources de conception pour faciliter l’apprentissage chez les enfants dyslexiques
2. Association britannique de la dyslexie : Guide de style de la dyslexie
3. UX Planet : Concevoir pour la dyslexie
4. Dyslexia International i (ressource d’information à but non lucratif)
5. The Helen Arkell Dyslexia Center (Ressource caritative et d’information)
6. Association internationale de la dyslexie
7. Usabilla : comment concevoir pour la dyslexie