SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
Comment optimiser
l’eXpérience Utilisateur
des internautes dyslexiques ?
Nathalie PICAN & Séverine MALIN – ORANGE SA
nathalie.pican@orange.com
Interne Orange2 2
Cette communication est le fruit…
une étude bibliographique approfondie sur la dyslexie et l’accessibilité
numérique
une évaluation comparée de 7 outils d'aide à la consultation du web dédiés
aux internautes dyslexiques
la réalisation d’un test utilisateur auprès de 12 adultes dyslexiques
Bonne séance !
Dyslexie&UsereXperienceWeb
Interne Orange3 3
La dyslexie, l’histoire de toute une vie
Dyslexie&UsereXperienceWeb
Je suis dyslexique rééduquée, enfin presque. J’ai appris à lire à 15 ans… Par lire, il faut entendre :
lire un roman en mettant 10 fois plus de temps que les autres et en comprendre juste l’essentiel.
Aujourd’hui, je lis plus vite et je comprends l’ensemble mais vous ne me ferez jamais lire une ligne
en public… Un DYS même rééduqué reste très handicapé après tant d’années d’humiliation.
(Carine, 47 ans, Professeur des écoles et directrice de son établissement)
Ma dyslexie a été détectée à 8 ans, j’ai été suivi par un orthophoniste jusqu’à mes 18 ans.
J’en ai 43. J’ai surtout des lenteurs en lecture et écriture et des difficultés en orthographe.
Passer du son aux lettres me demande une telle concentration, que quand j’écris un mot,
j’oublie le précédent, d’où mes nombreuses fautes d’accord.
(Gabriel, 43 ans, CP Carte électronique système embarqué)
Je suis Dyslexique, Dysorthographique et Dysphasique, mais j’ai été prise en charge très tôt
par un orthophoniste donc normalement je ne bugge pas trop ;-) sauf que je mélange
énormément les mots quand ils sont trop proches. Du coup je suis obligée d’acheter les livres
en grand format car en poche je galère.
(Clémence, 24 ans, étudiante en Master 1 psychologie clinique)
Interne Orange4 4
La dyslexie, des dyslexiques
La dyslexie est « un trouble spécifique, durable et persistant de l’acquisition du langage écrit
apparaissant chez un enfant d’intelligence normale » (OMS).
Elle touche 5% à 10% de la population en France.
Elle résulte d’une combinaison d’effets, il n’y a pas un profil unique.
Dyslexie&UsereXperienceWeb
Interne Orange5 5
La dyslexie, une gêne au quotidien
qui se traduit principalement par
• une lecture lente, non automatisée
• une orthographe hasardeuse
• des troubles de la mémoire et de la concentration.
et engendre des situations de handicap qui dépassent le milieu scolaire…
dans le cadre de la loi du 11 février 2005, la dyslexie a été reconnue comme handicap cognitif
spécifique et durable.
Dyslexie&UsereXperienceWeb
Interne Orange6 6
L’accès au web, pour une personne dyslexique
Exemples d’obstacles
de longs blocs de texte
un police de caractère avec empattement
des mots soulignés, en italique ou en majuscule
des fonds blancs éblouissants ou non uniformes
une mise en page incohérente
des pages surchargées d’informations
des éléments animés
des champs de formulaire rigides…
Dyslexie&UsereXperienceWeb
Interne Orange7 7
L’accessibilité numérique, un droit mais surtout une nécessité
L’accessibilité est la capacité d’un produit ou d’un service à être utilisable
par tous
et dans tous les contextes.
L’accessibilité un enjeu sociétal et individuel essentiel.
Un engagement évident pour tout acteur de l’UX.
Dyslexie&UsereXperienceWeb
Interne Orange8 8
Trucs et astuces mis en place par des internautes dyslexiques
les raccourcis clavier
le copier/coller de textes d’internet à Word pour adapter la mise en forme
le recours à des aides techniques et autres périphériques
les techniques manuelles
le développement de stratégies compensatoires ou d’évitement
Dyslexie&UsereXperienceWeb
Quand j’arrive sur un site et que la mise en page c’est n’importe quoi, je retourne sur Google et
je cherche une page qui parle du même sujet et qui soit lisible…
(Sabine, 25 ans, Conseiller financier)
Interne Orange9 9
Confort + , solution Open Source, développée par Orange
Dyslexie&UsereXperienceWeb
extension gratuite
disponible sur Firefox, Chrome et Internet Explorer 11
offrant une vingtaine d’options pour modifier la
typographie, l’agencement des pages, les couleurs
mais également pour faciliter la navigation
réglages enregistrables, activables sur demande
une aide aux internautes ayant une déficience
motrice, visuelle ou cognitive qui améliore
l'expérience utilisateur pour tous.
Interne Orange10 10
Comparaison de 7 outils d’aide pour les DYS dont Confort +
Dyslexie&UsereXperienceWeb
Ce benchmark permet d’identifier :
6 familles de fonctions ayant respectivement pour objet
• la typographie
• les couleurs et contrastes
• l’agencement du texte
• le contenu de la page
• la navigation
• la compréhension du texte et l’écrit
des fonctions communes à tous comme le changement de police de caractère ou de la taille du texte
des fonctions spécifiques comme la mise en valeur des signes de ponctuation ou le surlignage
également, des différences en terme de compatibilité, coût et flexibilité.
dysWebxia
WebHelp
Interne Orange11 11
Test utilisateurs de 2 outils, dans des conditions réalistes
Dyslexie&UsereXperienceWeb
• 1h30 à 2h de passation
• dans le contexte d’usage ou le
plus approchant (locaux
d’Orange ou domicile)
• sites d’information
(Wikipédia, Muséum NHN)
• site de recherche (pages jaunes)
• site de réservation (SNCF)
• 6 femmes et 6 hommes
• âgés de 17 ans à 47 ans
• secteurs professionnels variés
• usage Web plutôt intense et
diversifié
• outils complémentaires
• accessibles sur chrome
2 outils
Confort +
& WebHelp
échantillon
de 12
utilisateurs
dyslexiques
entretien
individuel
5 scénarios
d’utilisation
Interne Orange12 12
J’aime qu’il soit polyvalent et qu’il y ait des
fonctionnalités qui ne soient pas spécifiques aux
dyslexiques telles que l’aide motrice. [La]
La suppression des images de fond, c’est utile
notamment sur les blog, ils veulent tellement en
mettre partout [So]
Test utilisateurs, à chacun ses atouts
Dyslexie&UsereXperienceWeb
Ce masque est génial pour les personnes qui
sont dyslexiques, c’est comme quand on lit avec
une règle pour ne pas être dérangé par les autres
phrases. J’adore ça ! [E]
Les textes sur fond blanc sont épouvantables à
lire, c’est pratique de pouvoir changer les
couleurs. [Sa]
Interne Orange13 13
Test utilisateurs, à chacun ses atouts
Dyslexie&UsereXperienceWeb
WH est certes moins attrayant et assez brut mais il
est vachement simple et bien organisé, tout est
aligné, à portée de visu alors que sur Confort+ on est
obligé d’aller dans trop de rubriques différentes. [Sa]
Ma police préférée est l’Arial. Mais l’open sans est
pas mal, elle est en bâton bien défini, c’est plus facile
à lire. [G]
J’aime qu’on puisse changer la grosseur de la règle…
Deux-trois lignes c’est bien, c’est généralement la
longueur d’une phrase sur internet… [E]
C’est bien de pouvoir retirer l’italique car c’est
illisible ! [Cl]
Interne Orange14 14
10 incontournables d’un outil d’aide à la consultation
du Web pour les DYS
Dyslexie&UsereXperienceWeb
1. Outil gratuit
2. Accessible quelque soit le navigateur
3. Sous la forme d’une barre de raccourcis avec
• accès rapide aux paramètres et outils contextuels (masque de lecture, surligneur, …)
• accès secondaire aux réglages permanents (couleurs texte / fond, taille du masque…)
4. Réglages enregistrables avec activation de l’outil sur demande
5. Options typographiques minimales : polices arial et open sans, taille des caractères
6. Options couleurs et contrastes : couleur du fond
7. Options agencement du texte : espacement entre mots et entre lignes et largeur d’une ligne
8. Options d’épuration : suppression des images de fond, désactivation des contenus animés
9. Options d’aide à la lecture : un masque ou une règle de lecture et dictionnaire des synonymes
10. Option d’aide à l’écrit : un correcteur orthographique phonétique
Merci
Nathalie PICAN & Séverine MALIN – ORANGE SA
nathalie.pican@orange.com

Contenu connexe

Similaire à Flupa UX Days 2017 : "Comment optimiser l'expeérience Utilisateur des internautes dyslexiques" par Nathalie Pican et Séverine Malin

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Isabelle Motte
 
Epn Camp Table 2
Epn Camp Table 2Epn Camp Table 2
Epn Camp Table 2CoRAIA
 
EPUB et publics handicapés empêchés de lire : vers une édition nativement acc...
EPUB et publics handicapés empêchés de lire : vers une édition nativement acc...EPUB et publics handicapés empêchés de lire : vers une édition nativement acc...
EPUB et publics handicapés empêchés de lire : vers une édition nativement acc...Laurette Uzan
 
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessibleIsabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessibleFFFOD
 
Présentation nouvelles technologies ec nantes
Présentation nouvelles technologies ec nantesPrésentation nouvelles technologies ec nantes
Présentation nouvelles technologies ec nantesfpintodasilva
 
Handicapetnumeriqueppt
HandicapetnumeriquepptHandicapetnumeriqueppt
Handicapetnumeriquepptthomas cholvy
 
E2. Travailler des contenus accessibles
E2. Travailler des contenus accessiblesE2. Travailler des contenus accessibles
E2. Travailler des contenus accessiblesCap'Com
 
Petit déjeuner linguaphone - 30 juin 2011
Petit déjeuner linguaphone  - 30 juin 2011Petit déjeuner linguaphone  - 30 juin 2011
Petit déjeuner linguaphone - 30 juin 2011linguaphone
 
Presentation Poitiers
Presentation PoitiersPresentation Poitiers
Presentation PoitiersKardi
 
Piegesppt 090510064258-phpapp02
Piegesppt 090510064258-phpapp02Piegesppt 090510064258-phpapp02
Piegesppt 090510064258-phpapp02Gerard Zenoni
 
Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité OCTO Technology
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsWilly Leloutre
 
Lecture sérieuse lecture joueuse 1
Lecture sérieuse lecture joueuse 1Lecture sérieuse lecture joueuse 1
Lecture sérieuse lecture joueuse 1Anne Clerc
 
Le nomadisme en éducation : Web 2.0 et logiciels portables
Le nomadisme en éducation : Web 2.0 et logiciels portablesLe nomadisme en éducation : Web 2.0 et logiciels portables
Le nomadisme en éducation : Web 2.0 et logiciels portablesSophie Godbout
 

Similaire à Flupa UX Days 2017 : "Comment optimiser l'expeérience Utilisateur des internautes dyslexiques" par Nathalie Pican et Séverine Malin (20)

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
 
Epn Camp Table 2
Epn Camp Table 2Epn Camp Table 2
Epn Camp Table 2
 
EPUB et publics handicapés empêchés de lire : vers une édition nativement acc...
EPUB et publics handicapés empêchés de lire : vers une édition nativement acc...EPUB et publics handicapés empêchés de lire : vers une édition nativement acc...
EPUB et publics handicapés empêchés de lire : vers une édition nativement acc...
 
Bible et handicap
Bible et handicapBible et handicap
Bible et handicap
 
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessibleIsabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
 
Présentation nouvelles technologies ec nantes
Présentation nouvelles technologies ec nantesPrésentation nouvelles technologies ec nantes
Présentation nouvelles technologies ec nantes
 
Handicapetnumeriqueppt
HandicapetnumeriquepptHandicapetnumeriqueppt
Handicapetnumeriqueppt
 
Apprendre une langue sur le net
Apprendre une langue sur le netApprendre une langue sur le net
Apprendre une langue sur le net
 
E2. Travailler des contenus accessibles
E2. Travailler des contenus accessiblesE2. Travailler des contenus accessibles
E2. Travailler des contenus accessibles
 
130516-AccessibiliteAAS-Soutenance-LAST
130516-AccessibiliteAAS-Soutenance-LAST130516-AccessibiliteAAS-Soutenance-LAST
130516-AccessibiliteAAS-Soutenance-LAST
 
Petit déjeuner linguaphone - 30 juin 2011
Petit déjeuner linguaphone  - 30 juin 2011Petit déjeuner linguaphone  - 30 juin 2011
Petit déjeuner linguaphone - 30 juin 2011
 
Diaporama 1
Diaporama 1Diaporama 1
Diaporama 1
 
Presentation Poitiers
Presentation PoitiersPresentation Poitiers
Presentation Poitiers
 
Piegesppt 090510064258-phpapp02
Piegesppt 090510064258-phpapp02Piegesppt 090510064258-phpapp02
Piegesppt 090510064258-phpapp02
 
Ergonomie web
Ergonomie webErgonomie web
Ergonomie web
 
Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité Le Comptoir OCTO - Accessibilité
Le Comptoir OCTO - Accessibilité
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publics
 
L'accessibilité pour tous aux TIC
L'accessibilité pour tous aux TICL'accessibilité pour tous aux TIC
L'accessibilité pour tous aux TIC
 
Lecture sérieuse lecture joueuse 1
Lecture sérieuse lecture joueuse 1Lecture sérieuse lecture joueuse 1
Lecture sérieuse lecture joueuse 1
 
Le nomadisme en éducation : Web 2.0 et logiciels portables
Le nomadisme en éducation : Web 2.0 et logiciels portablesLe nomadisme en éducation : Web 2.0 et logiciels portables
Le nomadisme en éducation : Web 2.0 et logiciels portables
 

Plus de Flupa

UX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
UX Days 2019 by Flupa - Conférence : Charlotte Breton SchreinerUX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
UX Days 2019 by Flupa - Conférence : Charlotte Breton SchreinerFlupa
 
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé GirardUX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé GirardFlupa
 
UX Days 2019 by Flupa - Conférence : Patrick Maruejouls
UX Days 2019 by Flupa - Conférence : Patrick MaruejoulsUX Days 2019 by Flupa - Conférence : Patrick Maruejouls
UX Days 2019 by Flupa - Conférence : Patrick MaruejoulsFlupa
 
UX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasUX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasFlupa
 
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid WolduUX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid WolduFlupa
 
UX Days 2019 by Flupa - Conférence : Marc Stickdorn
UX Days 2019 by Flupa - Conférence : Marc StickdornUX Days 2019 by Flupa - Conférence : Marc Stickdorn
UX Days 2019 by Flupa - Conférence : Marc StickdornFlupa
 
UX Days 2019 by Flupa - Conférence : Rowan Twine
UX Days 2019 by Flupa - Conférence : Rowan TwineUX Days 2019 by Flupa - Conférence : Rowan Twine
UX Days 2019 by Flupa - Conférence : Rowan TwineFlupa
 
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...Flupa
 
UX Days 2019 by Flupa - Atelier : Nicolas Catherin
UX Days 2019 by Flupa - Atelier : Nicolas CatherinUX Days 2019 by Flupa - Atelier : Nicolas Catherin
UX Days 2019 by Flupa - Atelier : Nicolas CatherinFlupa
 
UX Days 2019 by Flupa - Conférence : Morgane Peng
UX Days 2019 by Flupa - Conférence : Morgane PengUX Days 2019 by Flupa - Conférence : Morgane Peng
UX Days 2019 by Flupa - Conférence : Morgane PengFlupa
 
UX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
UX Days 2019 by Flupa - Conférence : Jean-Yves RigalUX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
UX Days 2019 by Flupa - Conférence : Jean-Yves RigalFlupa
 
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...Flupa
 
UX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie BatonUX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie BatonFlupa
 
UX Days 2019 by Flupa - Conférence : Alexia Buclet
UX Days 2019 by Flupa - Conférence : Alexia BucletUX Days 2019 by Flupa - Conférence : Alexia Buclet
UX Days 2019 by Flupa - Conférence : Alexia BucletFlupa
 
UX Days 2019 by Flupa - Conférence : Stéphane Maltor
UX Days 2019 by Flupa - Conférence : Stéphane MaltorUX Days 2019 by Flupa - Conférence : Stéphane Maltor
UX Days 2019 by Flupa - Conférence : Stéphane MaltorFlupa
 
UX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
UX Days 2019 by Flupa - Conférence : Emmanuelle MarévéryUX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
UX Days 2019 by Flupa - Conférence : Emmanuelle MarévéryFlupa
 
Flupa UX Days 2018 | Quentin Lefevre
Flupa UX Days 2018 | Quentin LefevreFlupa UX Days 2018 | Quentin Lefevre
Flupa UX Days 2018 | Quentin LefevreFlupa
 
Flupa UX Days 2018 | Nadège Bide
Flupa UX Days 2018 | Nadège BideFlupa UX Days 2018 | Nadège Bide
Flupa UX Days 2018 | Nadège BideFlupa
 
Flupa UX Days 2018 | Jidé Tidjani-Serpos
Flupa UX Days 2018 | Jidé Tidjani-SerposFlupa UX Days 2018 | Jidé Tidjani-Serpos
Flupa UX Days 2018 | Jidé Tidjani-SerposFlupa
 
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)Flupa
 

Plus de Flupa (20)

UX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
UX Days 2019 by Flupa - Conférence : Charlotte Breton SchreinerUX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
UX Days 2019 by Flupa - Conférence : Charlotte Breton Schreiner
 
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé GirardUX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
UX Days 2019 by Flupa - Conférence : Laure Constantinesco et Chloé Girard
 
UX Days 2019 by Flupa - Conférence : Patrick Maruejouls
UX Days 2019 by Flupa - Conférence : Patrick MaruejoulsUX Days 2019 by Flupa - Conférence : Patrick Maruejouls
UX Days 2019 by Flupa - Conférence : Patrick Maruejouls
 
UX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline ThomasUX Days 2019 by Flupa - Conférence : Pauline Thomas
UX Days 2019 by Flupa - Conférence : Pauline Thomas
 
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid WolduUX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
UX Days 2019 by Flupa - Conférence : Nicolas Duval et Dawid Woldu
 
UX Days 2019 by Flupa - Conférence : Marc Stickdorn
UX Days 2019 by Flupa - Conférence : Marc StickdornUX Days 2019 by Flupa - Conférence : Marc Stickdorn
UX Days 2019 by Flupa - Conférence : Marc Stickdorn
 
UX Days 2019 by Flupa - Conférence : Rowan Twine
UX Days 2019 by Flupa - Conférence : Rowan TwineUX Days 2019 by Flupa - Conférence : Rowan Twine
UX Days 2019 by Flupa - Conférence : Rowan Twine
 
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
UX Days 2019 by Flupa - Atelier : Silvan Cabot, Amel Taïbi et Julie Plemeniti...
 
UX Days 2019 by Flupa - Atelier : Nicolas Catherin
UX Days 2019 by Flupa - Atelier : Nicolas CatherinUX Days 2019 by Flupa - Atelier : Nicolas Catherin
UX Days 2019 by Flupa - Atelier : Nicolas Catherin
 
UX Days 2019 by Flupa - Conférence : Morgane Peng
UX Days 2019 by Flupa - Conférence : Morgane PengUX Days 2019 by Flupa - Conférence : Morgane Peng
UX Days 2019 by Flupa - Conférence : Morgane Peng
 
UX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
UX Days 2019 by Flupa - Conférence : Jean-Yves RigalUX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
UX Days 2019 by Flupa - Conférence : Jean-Yves Rigal
 
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
UX Days 2019 by Flupa - Atelier : Gwendoline Fradin, Marion Pillet et Elise M...
 
UX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie BatonUX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie Baton
 
UX Days 2019 by Flupa - Conférence : Alexia Buclet
UX Days 2019 by Flupa - Conférence : Alexia BucletUX Days 2019 by Flupa - Conférence : Alexia Buclet
UX Days 2019 by Flupa - Conférence : Alexia Buclet
 
UX Days 2019 by Flupa - Conférence : Stéphane Maltor
UX Days 2019 by Flupa - Conférence : Stéphane MaltorUX Days 2019 by Flupa - Conférence : Stéphane Maltor
UX Days 2019 by Flupa - Conférence : Stéphane Maltor
 
UX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
UX Days 2019 by Flupa - Conférence : Emmanuelle MarévéryUX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
UX Days 2019 by Flupa - Conférence : Emmanuelle Marévéry
 
Flupa UX Days 2018 | Quentin Lefevre
Flupa UX Days 2018 | Quentin LefevreFlupa UX Days 2018 | Quentin Lefevre
Flupa UX Days 2018 | Quentin Lefevre
 
Flupa UX Days 2018 | Nadège Bide
Flupa UX Days 2018 | Nadège BideFlupa UX Days 2018 | Nadège Bide
Flupa UX Days 2018 | Nadège Bide
 
Flupa UX Days 2018 | Jidé Tidjani-Serpos
Flupa UX Days 2018 | Jidé Tidjani-SerposFlupa UX Days 2018 | Jidé Tidjani-Serpos
Flupa UX Days 2018 | Jidé Tidjani-Serpos
 
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
Flupa UX Days 2018 | Sara Wachter-Boettcher (EN)
 

Flupa UX Days 2017 : "Comment optimiser l'expeérience Utilisateur des internautes dyslexiques" par Nathalie Pican et Séverine Malin

  • 1. Comment optimiser l’eXpérience Utilisateur des internautes dyslexiques ? Nathalie PICAN & Séverine MALIN – ORANGE SA nathalie.pican@orange.com
  • 2. Interne Orange2 2 Cette communication est le fruit… une étude bibliographique approfondie sur la dyslexie et l’accessibilité numérique une évaluation comparée de 7 outils d'aide à la consultation du web dédiés aux internautes dyslexiques la réalisation d’un test utilisateur auprès de 12 adultes dyslexiques Bonne séance ! Dyslexie&UsereXperienceWeb
  • 3. Interne Orange3 3 La dyslexie, l’histoire de toute une vie Dyslexie&UsereXperienceWeb Je suis dyslexique rééduquée, enfin presque. J’ai appris à lire à 15 ans… Par lire, il faut entendre : lire un roman en mettant 10 fois plus de temps que les autres et en comprendre juste l’essentiel. Aujourd’hui, je lis plus vite et je comprends l’ensemble mais vous ne me ferez jamais lire une ligne en public… Un DYS même rééduqué reste très handicapé après tant d’années d’humiliation. (Carine, 47 ans, Professeur des écoles et directrice de son établissement) Ma dyslexie a été détectée à 8 ans, j’ai été suivi par un orthophoniste jusqu’à mes 18 ans. J’en ai 43. J’ai surtout des lenteurs en lecture et écriture et des difficultés en orthographe. Passer du son aux lettres me demande une telle concentration, que quand j’écris un mot, j’oublie le précédent, d’où mes nombreuses fautes d’accord. (Gabriel, 43 ans, CP Carte électronique système embarqué) Je suis Dyslexique, Dysorthographique et Dysphasique, mais j’ai été prise en charge très tôt par un orthophoniste donc normalement je ne bugge pas trop ;-) sauf que je mélange énormément les mots quand ils sont trop proches. Du coup je suis obligée d’acheter les livres en grand format car en poche je galère. (Clémence, 24 ans, étudiante en Master 1 psychologie clinique)
  • 4. Interne Orange4 4 La dyslexie, des dyslexiques La dyslexie est « un trouble spécifique, durable et persistant de l’acquisition du langage écrit apparaissant chez un enfant d’intelligence normale » (OMS). Elle touche 5% à 10% de la population en France. Elle résulte d’une combinaison d’effets, il n’y a pas un profil unique. Dyslexie&UsereXperienceWeb
  • 5. Interne Orange5 5 La dyslexie, une gêne au quotidien qui se traduit principalement par • une lecture lente, non automatisée • une orthographe hasardeuse • des troubles de la mémoire et de la concentration. et engendre des situations de handicap qui dépassent le milieu scolaire… dans le cadre de la loi du 11 février 2005, la dyslexie a été reconnue comme handicap cognitif spécifique et durable. Dyslexie&UsereXperienceWeb
  • 6. Interne Orange6 6 L’accès au web, pour une personne dyslexique Exemples d’obstacles de longs blocs de texte un police de caractère avec empattement des mots soulignés, en italique ou en majuscule des fonds blancs éblouissants ou non uniformes une mise en page incohérente des pages surchargées d’informations des éléments animés des champs de formulaire rigides… Dyslexie&UsereXperienceWeb
  • 7. Interne Orange7 7 L’accessibilité numérique, un droit mais surtout une nécessité L’accessibilité est la capacité d’un produit ou d’un service à être utilisable par tous et dans tous les contextes. L’accessibilité un enjeu sociétal et individuel essentiel. Un engagement évident pour tout acteur de l’UX. Dyslexie&UsereXperienceWeb
  • 8. Interne Orange8 8 Trucs et astuces mis en place par des internautes dyslexiques les raccourcis clavier le copier/coller de textes d’internet à Word pour adapter la mise en forme le recours à des aides techniques et autres périphériques les techniques manuelles le développement de stratégies compensatoires ou d’évitement Dyslexie&UsereXperienceWeb Quand j’arrive sur un site et que la mise en page c’est n’importe quoi, je retourne sur Google et je cherche une page qui parle du même sujet et qui soit lisible… (Sabine, 25 ans, Conseiller financier)
  • 9. Interne Orange9 9 Confort + , solution Open Source, développée par Orange Dyslexie&UsereXperienceWeb extension gratuite disponible sur Firefox, Chrome et Internet Explorer 11 offrant une vingtaine d’options pour modifier la typographie, l’agencement des pages, les couleurs mais également pour faciliter la navigation réglages enregistrables, activables sur demande une aide aux internautes ayant une déficience motrice, visuelle ou cognitive qui améliore l'expérience utilisateur pour tous.
  • 10. Interne Orange10 10 Comparaison de 7 outils d’aide pour les DYS dont Confort + Dyslexie&UsereXperienceWeb Ce benchmark permet d’identifier : 6 familles de fonctions ayant respectivement pour objet • la typographie • les couleurs et contrastes • l’agencement du texte • le contenu de la page • la navigation • la compréhension du texte et l’écrit des fonctions communes à tous comme le changement de police de caractère ou de la taille du texte des fonctions spécifiques comme la mise en valeur des signes de ponctuation ou le surlignage également, des différences en terme de compatibilité, coût et flexibilité. dysWebxia WebHelp
  • 11. Interne Orange11 11 Test utilisateurs de 2 outils, dans des conditions réalistes Dyslexie&UsereXperienceWeb • 1h30 à 2h de passation • dans le contexte d’usage ou le plus approchant (locaux d’Orange ou domicile) • sites d’information (Wikipédia, Muséum NHN) • site de recherche (pages jaunes) • site de réservation (SNCF) • 6 femmes et 6 hommes • âgés de 17 ans à 47 ans • secteurs professionnels variés • usage Web plutôt intense et diversifié • outils complémentaires • accessibles sur chrome 2 outils Confort + & WebHelp échantillon de 12 utilisateurs dyslexiques entretien individuel 5 scénarios d’utilisation
  • 12. Interne Orange12 12 J’aime qu’il soit polyvalent et qu’il y ait des fonctionnalités qui ne soient pas spécifiques aux dyslexiques telles que l’aide motrice. [La] La suppression des images de fond, c’est utile notamment sur les blog, ils veulent tellement en mettre partout [So] Test utilisateurs, à chacun ses atouts Dyslexie&UsereXperienceWeb Ce masque est génial pour les personnes qui sont dyslexiques, c’est comme quand on lit avec une règle pour ne pas être dérangé par les autres phrases. J’adore ça ! [E] Les textes sur fond blanc sont épouvantables à lire, c’est pratique de pouvoir changer les couleurs. [Sa]
  • 13. Interne Orange13 13 Test utilisateurs, à chacun ses atouts Dyslexie&UsereXperienceWeb WH est certes moins attrayant et assez brut mais il est vachement simple et bien organisé, tout est aligné, à portée de visu alors que sur Confort+ on est obligé d’aller dans trop de rubriques différentes. [Sa] Ma police préférée est l’Arial. Mais l’open sans est pas mal, elle est en bâton bien défini, c’est plus facile à lire. [G] J’aime qu’on puisse changer la grosseur de la règle… Deux-trois lignes c’est bien, c’est généralement la longueur d’une phrase sur internet… [E] C’est bien de pouvoir retirer l’italique car c’est illisible ! [Cl]
  • 14. Interne Orange14 14 10 incontournables d’un outil d’aide à la consultation du Web pour les DYS Dyslexie&UsereXperienceWeb 1. Outil gratuit 2. Accessible quelque soit le navigateur 3. Sous la forme d’une barre de raccourcis avec • accès rapide aux paramètres et outils contextuels (masque de lecture, surligneur, …) • accès secondaire aux réglages permanents (couleurs texte / fond, taille du masque…) 4. Réglages enregistrables avec activation de l’outil sur demande 5. Options typographiques minimales : polices arial et open sans, taille des caractères 6. Options couleurs et contrastes : couleur du fond 7. Options agencement du texte : espacement entre mots et entre lignes et largeur d’une ligne 8. Options d’épuration : suppression des images de fond, désactivation des contenus animés 9. Options d’aide à la lecture : un masque ou une règle de lecture et dictionnaire des synonymes 10. Option d’aide à l’écrit : un correcteur orthographique phonétique
  • 15. Merci Nathalie PICAN & Séverine MALIN – ORANGE SA nathalie.pican@orange.com