Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UX & Accessibilité cognitive : et si vous simpl...

Avatar for Marie BENOIT Marie BENOIT
April 14, 2025

UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?

Avant de devenir développeuse mobile, j’étais professeur de français, et à cette occasion, j’ai pu accompagner des personnes nouvellement arrivées en France. Très vite, j’ai constaté une chose : quand les mots ne sont pas suffisants, ce sont les schémas, les visuels et les interactions intuitives qui font la différence. Une leçon que je n’ai jamais oubliée.

En me reconvertissant dans le développement mobile, j’ai réalisé que cet enjeu dépassait largement l’apprentissage des langues et se retrouve dans nos applications. Trop d’informations, un jargon complexe ou un parcours confus peuvent être de véritables barrières pour des millions de personnes, notamment celles en situation de handicap cognitif.

Mais la bonne nouvelle, c’est qu’avec quelques ajustements – une interface plus épurée, un langage clair, des repères visuels pertinents – on peut rendre une application plus fluide, plus accessible… et surtout, plus universelle.

Dans ce talk, je vous propose de découvrir, de manière concrète et participative, comment simplifier vraiment l’expérience utilisateur en intégrant des principes d’accessibilité cognitive. Parce qu’un bon design, ce n’est pas seulement beau : c’est aussi compréhensible par tou.te.s.

Prêt.e.s à repenser votre UX ? 🚀

Avatar for Marie BENOIT

Marie BENOIT

April 14, 2025
Tweet

Other Decks in Design

Transcript

  1. On pense souvent que l’accessibilité, c’est surtout pour les déficiences

    visuelles ou motrices… mais quid du cerveau ? Des apps vraiment compréhensibles par tou.te.s ?
  2. Quelques chiffres Handicaps : Visibles Invisibles 12 millions de Français

    sont en situation de handicap : 80% avec un handicap invisible survenu à l’âge adulte ou jeune adulte. Et 16% des français sont touchés par une situation de handicap mental, psychique ou cognitif
  3. Les fonctions cognitives impactées La mémoire Le langage Le raisonnement

    L’apprentissage L’intelligence La résolution de problèmes La prise de décision La perception L’attention
  4. Handicap psychique, mental ou cognitif ? Psychique Conséquence de maladies

    mentales Difficultés de concentration BURN-OUT : Difficulté à traiter trop d’infos en même temps
  5. Handicap psychique, mental ou cognitif ? Mental Déficience intellectuelle Ensemble

    des fonctions cognitives altérée TRISOMIE 21 : Difficulté à traiter des infos trop complexes
  6. Handicap psychique, mental ou cognitif ? Cognitif Certaines fonctions cognitives

    touchées Pas de réduction du niveau intellectuel TDAH : Facilement distrait par une interface trop chargée
  7. Comment intégrer ces principes dans une application mobile ? Accessibilité

    cognitive : du concept à l’application concrète
  8. Surcharge cognitive Enregistrer la progression en local Aller vers une

    interface la plus claire possible Éviter les timers imposés Diviser les tâches complexes en étapes progressives
  9. Hiérarchiser l’information Titres et sous-titres pour structurer le contenu Mise

    en avant de l’élément clé sur chaque écran Groupement visuel des éléments liés
  10. Simplicité et lisibilité Eviter les murs texte = phrase courtes,

    langage clair Contraste suffisant entre texte et arrière-plan (ratios WCAG) Typographies lisibles (Luciole, OpenDys, Roboto, Montserrat...)
  11. Gestion du clavier Type de clavier lié au champ demandé

    (ex : téléphone) Aide à la saisie : saisie automatique -> ContentType des TextFields
  12. Prévisibilité et constance Garder une structure d’écran similaire d’une page

    à l’autre Utiliser des icônes universellement reconnues Eviter les changements d’interface brusques
  13. Des labels qui font du sens Mettre des placeholders cohérents

    et compréhensibles sur ce qui est attendu Laisser le label du champ visible, même une fois le champ rempli Signification explicite des boutons -> “Trouver un hôtel” plutôt que “Valider”.
  14. Français facile à lire et à comprendre (FALC) Méthode qui

    traduit le langage classique en langage simplifié. Diffusion de l’outil grâce à l’association Inclusion Europe, avec association du logo quand le texte est reconnu FALC.
  15. Tests utilisateurs et simulateurs • Simulateurs pour l’accessibilité cognitive quasi

    inexistants • Se tourner vers des personnes en situation de handicap pour recueillir leurs retours, observer les blocages et adapter en conséquence • Se former et former les équipes à l’accessibilité numérique
  16. L’accessibilité : un processus continu • Penser accessibilité first :

    l’intégrer dès la phase UX/UI • L’intégrer dans le “definition on done” dès le design UX/UI • Créer un rôle “d’accessibility master” • Collaborer avec des experts en accessibilité • Faire évoluer l’application avec les retours utilisateurs
  17. Directive européenne sur l’accessibilité Entrée en vigueur officielle le 28

    juin 2025 pour tous les pays de l’UE. Pour les entreprises qui proposent les services et produits numériques suivants : • Boutique en lignes / sites web • Applications mobiles • Services bancaires numériques • Services de communication électronique • Bornes interactives Hors micro-entreprises (moins de 10 salariés et chiffre d’affaires annuel < 2 millions d’euros).
  18. Directive européenne sur l’accessibilité A partir du 28 juin :

    tous les nouveaux services / contenus numériques doivent être accessibles. Sites / services existants -> mise en conformité jusqu’en 2030. Sanctions : • Avertissement officiel avec délai de correction • Amende jusqu’à 80 000€, selon la gravité / récurrence • Si plainte pour discrimination, max 300 000€ • Sanctions plus sévères possible, jusqu’à l’action en justice