N UX en accessibilité cognitive : concevoir pour la neurodiversité.

La neurodiversité repose sur une idée fondamentale : le cerveau humain n’est pas une seule chose. Il n’existe pas une seule façon « correcte » de penser, de ressentir ou de traiter l’information. Les personnes neurodivergentes – celles atteintes d’autisme, de dyslexie, de TDAH, du syndrome de Tourette, de troubles anxieux, entre autres – ont des schémas neurologiques distincts qui influencent directement la façon dont elles interagissent avec le monde. Et cela inclut bien sûr la manière dont ils utilisent les produits numériques.

En UX, on parle souvent d’empathie. Cependant, cette empathie se construit souvent autour d’un « utilisateur moyen » qui, en réalité, ne représente pas la véritable diversité cognitive de nos publics. Si nous supposons que tout le monde comprend l’interface de la même manière, que tout le monde s’y retrouve avec la même facilité ou que tout le monde peut lire rapidement les instructions techniques, nous concevons pour quelques-uns.

L’important ici est de comprendre que l’accessibilité cognitive n’est pas un « plus », ni une fonction supplémentaire activable depuis un menu. C’est un élément essentiel de la conception centrée sur l’humain. C’est la base pour créer des expériences plus humaines, plus compréhensibles et donc plus efficaces.

Concevoir pour la neurodiversité ne consiste pas à « rendre les choses plus faciles ». C'est le rendre plus clair, plus tolérant aux erreurs, plus prévisible, plus compréhensible... en d'autres termes : mieux.

Points clés pour comprendre l’accessibilité cognitive

• Charge cognitive
  L'effort mental qu'une personne doit investir pour accomplir une tâche. Des conceptions chargées, des processus confus ou des instructions peu claires augmentent ce fardeau, provoquant frustration, abandon ou erreurs.
  
  
• Clarté du langage
  Les mots que nous utilisons comptent. Une instruction mal écrite peut dérouter même un utilisateur neurotypique, mais chez les personnes neurodivergentes, cela est multiplié. Le langage doit être direct, sans ambiguïtés ni surexplications.
  
  
• Structure des informations
  Une interface désorganisée ou sans hiérarchies visuelles claires génère un chaos mental. L’ordre visuel aide le cerveau à classer et à traiter plus rapidement, ce qui est vital pour les personnes ayant des difficultés d’attention ou de traitement.
  
  
• Il est temps de décider
  Les interfaces qui poussent l'utilisateur à agir rapidement (par le biais de minuteries, de disparitions d'animations ou d'interruptions) peuvent conduire à de l'anxiété ou à de mauvaises décisions. Une bonne conception offre un contrôle, pas une urgence.
  
  
• Prévisibilité
  Un environnement prévisible réduit l’anxiété. Si une action produit toujours le même effet et si les règles du système sont facilement comprises, l’utilisateur peut se concentrer sur son objectif sans craindre de « casser quelque chose ».
  
  

Obstacles courants pour les personnes neurodivergentes

Les interfaces que nous considérons comme « normales » sont souvent pleines de frictions cognitives. Quelques exemples du quotidien :

• Longs blocs de texte sans hiérarchie visuelle
  Lire sans pauses ni signes de structure est épuisant. Cela affecte particulièrement les personnes souffrant de dyslexie ou de déficit d’attention.
  
  
• Navigation instable
  Les menus qui apparaissent ou disparaissent, les structures qui changent entre les sections, les itinéraires non linéaires ou le fil d'Ariane mal mis en œuvre sont des labyrinthes invisibles.
  
  
• Formes denses ou peu claires
  Des instructions ambiguës, des champs sans libellés cohérents, des validations qui n'expliquent pas l'erreur ou disparaissent trop vite génèrent frustration et abandon.
  
  
• Stimuli visuels excessifs
  Les gifs clignotants, en boucle, les animations constantes ou les effets inutiles peuvent être ennuyeux, voire handicapants, pour les personnes souffrant d'hypersensibilité sensorielle.
  
  
• Langage technique ou ambigu
  Des expressions telles que « entrez vos informations d'authentification » ou « jeton invalide » n'aident pas. Un message du type « Votre mot de passe est incorrect, réessayez » est plus clair et plus humain.
  
  
• Manque d'espace visuel
  Interface saturée = esprit saturé. L’espace blanc n’est pas le vide, c’est la respiration.
  
  

Principes de conception respectueux de la neurodiversité

Un langage clair et direct
Adoptez une approche langage clair. Évitez le passif, l’abstrait et l’inutile. Utilisez des exemples. Donnez du contexte. Au lieu de « Fournissez vos informations de connexion », essayez : « Entrez votre e-mail et votre mot de passe pour vous connecter. »

Hiérarchie visuelle évidente
Le cerveau scanne et ne lit pas ligne par ligne. Utilisez des titres, des puces, des sous-titres, des icônes fonctionnelles et des couleurs pour le regroupement. Une bonne hiérarchie aide à segmenter le contenu en morceaux digestes.

Un seul focus par écran
Simplifiez chaque vue. Idéalement, une action principale par écran. Plusieurs CTA, menus, fenêtres contextuelles ou panneaux latéraux peuvent être écrasants.

Cohérence du modèle
La répétition des structures réduit la charge mentale. Un bouton qui a toujours le même aspect renforce la confiance. L’incohérence, en revanche, oblige l’utilisateur à réapprendre.

Commentaires explicites
Chaque clic doit avoir une conséquence visible. Chaque erreur doit expliquer ce qui s'est produit, pourquoi elle s'est produite et ce que l'utilisateur peut faire. Le silence ou l'ambiguïté sont les ennemis de l'accessibilité.

Conception inclusive issue de la recherche

Vous ne pouvez pas concevoir pour les personnes neurodivergentes si vous ne les incluez pas dans la phase de recherche. Il ne s’agit pas de parler « d’eux », mais « avec » eux.

• Incluez la diversité dans votre recrutement
  Il ne suffit pas d’avoir une diversité démographique. Assurez-vous également qu’il existe une diversité cognitive.
  
  
• Adaptez vos outils et vos horaires
  Utilisez des tests modérés en cas d'anxiété, évitez les limites de temps sur les tâches, autorisez des pauses et évitez les tests qui dépendent de la vitesse mentale.
  
  
• Prenez soin de la langue lors des entretiens
  Évitez le langage technique, parlez avec empathie et vérifiez si la personne préfère la communication écrite ou verbale.
  
  
• Fournir des résultats contextualisés
  Ne tombez pas dans des conclusions simplistes : ce n'est pas parce qu'une personne se « perd » dans une interface qu'elle ne peut pas utiliser la technologie. Peut-être que le design était exclusif dès le début.
  
  

Microinteractions et accessibilité cognitive

Une microinteraction peut faire la différence entre une expérience fluide ou frustrante. Bien utilisés, ils servent de guide silencieux. Mal utilisés, ils constituent une distraction bruyante.

Mauvaises pratiques :

• De longues animations qui empêchent l'action
  
  
• Retour visuel sans équivalent textuel
  
  
• Changements de couleur sans contraste suffisant
  
  

Bonnes pratiques :

• De brèves transitions qui montrent ce qui change
  
  
• Confirmations avec texte et icône
  
  
• Animations fluides qui renforcent les actions positives (par exemple, coche verte après la sauvegarde)
  
  

Conception de forme et de flux

Les formes sont souvent des épreuves de patience, notamment pour les personnes neurodivergentes. C’est là que de nombreuses expériences échouent. Recommandations clés :

• Divisez en étapes logiques, montre les progrès
  
  
• Indiquez clairement ce qui est obligatoire et éviter les surprises
  
  
• Évitez le défilement infini ou plusieurs champs par écran
  
  
• N'utilisez pas seulement la couleur pour indiquer les erreurs
  
  
• Vous permet de réviser et de corriger avant d’envoyer
  
  

Et surtout : permet de faire des erreurs sans pénaliser. L’erreur fait naturellement partie de l’utilisation d’une interface.

Esthétique accessible ≠ esthétique ennuyeuse

Un design accessible ne doit pas être considéré comme un design gris. La beauté peut se construire à partir de la simplicité, de l’harmonie visuelle et de l’intention. Les personnes neurodivergentes apprécient également l’esthétique, mais elles ont besoin de l’esthétique pour ne pas sacrifier la fonctionnalité.

• Utiliser des contrastes appropriés mais pas agressifs
  
  
• Évitez d’encombrer l’interface avec des éléments décoratifs
  
  
• Privilégiez la clarté et la propreté visuelle
  
  
• Utiliser des illustrations ou des icônes comme points d'ancrage d'orientation
  
  

La clé est de concevoir avec respect et non avec condescendance.

Cas réels de conception neuro-inclusive

Bite de la BBC
Conçue spécialement pour les étudiants, son approche modulaire, colorée et structurée facilite la compréhension des utilisateurs dyslexiques ou ayant des difficultés de concentration. Le contenu est fragmenté, il contient de la vidéo, de l'audio et du texte clair.

Notion
Bien qu’il n’ait pas été conçu comme un outil accessible, sa structure minimaliste et personnalisable a conduit de nombreux utilisateurs neurodivergents à l’adopter comme espace d’organisation. La possibilité de créer vos propres flux mentaux le rend puissant.

Boîte à outils de conception inclusive Microsoft
Une référence incontournable. Non seulement il propose des recommandations techniques, mais il propose également des cadres mentaux pour penser depuis l’inclusion. Il propose des exercices pratiques, des cartes d'empathie et des guides spécifiques pour l'autisme, la dyslexie et le TDAH.

Comment évaluer si votre conception est accessible cognitivement ?

• Testez avec une vraie diversité
  Ne vous contentez pas des testeurs neurotypiques. Invitez des personnes ayant des styles cognitifs différents.
  
  
• Observer le langage corporel et émotionnel
  Des frustrations ? De longs délais d'attente ? Des doutes constants ? Ce sont des signes de friction.
  
  
• Mesurer et comparer
  Taux de réussite sur les formulaires, temps sur les tâches clés, abandon sur les étapes intermédiaires.
  
  
• Utiliser des outils d'évaluation
  Bien que beaucoup se concentrent sur l’accessibilité visuelle, ils détectent également les structures qui pourraient poser problème (ordre des tabulations, étiquettes, focus).
  
  

Rendre les rétrospectives inclusives
Qu’avez-vous appris du test ? Qu’est-ce qui peut être amélioré non seulement visuellement, mais aussi cognitivement ?

L’accessibilité cognitive n’est pas une exigence technique ou une faveur accordée à une minorité. C'est une approche qui transforme l'expérience numérique en quelque chose de véritablement universel. Lorsque l’on comprend que les utilisateurs ne sont pas homogènes et que penser différemment n’est pas un désavantage mais une réalité structurelle du monde, le design commence à assumer son véritable rôle : celui de pont et non de barrière.

Concevoir pour la neurodiversité ne signifie pas créer des interfaces « plus simples ». Cela signifie les faire plus clair, plus compréhensible, plus juste. Cela implique de reconnaître que ce qui est évident pour certains peut être inaccessible pour d’autres s’il n’est pas bien structuré. Ce qui pour certains n’est qu’une animation accrocheuse, pour d’autres est une source de distraction ou d’anxiété. Et qu’un design qui respecte les différentes façons de penser n’est pas seulement plus inclusif : C'est plus intelligent et plus compétitif.

De plus en plus d’organisations comprennent que l’accessibilité ne se limite pas à une rampe à l’entrée ou aux sous-titres d’une vidéo. Il s'agit de créer des produits suffisamment flexibles et empathiques pour que chacun, quel que soit le fonctionnement de son cerveau, puisse interagir, apprendre, décider, acheter, créer ou profiter sans friction inutile.

Dans un monde saturé de stimuli, de rapidité et de complexité, concevoir en prêtant attention à la diversité cognitive est une forme de douce rébellion. Il dit à l'utilisateur : « Je comprends que vous pensez différemment, et cela compte aussi ici. »

Parce qu'au final, un design qui prend soin de la neurodiversité prend soin de tout le monde.