¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital? Luz Rello NLP & Web Research Groups Universitat Pompeu Fabra Barcelona
Supervisores: Ricardo Baeza-Yates Horacio Saggion
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Con dislexia, cómo pasar desapercibido en clase Outline
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Dislexia en el mundo, dislexia en la Web Outline — 10–17% en Estados Unidos Dyslexia
— 7-11.5 % en español — relacionada con el fracaso escolar
[Baeza-Yates & Rello, W4A 2011, WICOW/AIRWeb 2012] [Rello & Baeza-Yates, NRHM 2012] ¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Objetivo Outline
Mejorar la lectura de las personas con dislexia
¿Por qué ahora?
¿Cómo?
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
¿PorOutline qué ahora?
— 6.900 lenguas en el mundo ¿Qué tenemos? — alfabetos en la historia
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Dislexia Outline
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Dislexia Outline
sin dislexia
con dislexia [Carreiras, 2013]
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Objetivo Outline
Mejorar la lectura
de las personas con dislexia
¿Por qué ahora?
¿Cómo?
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Cómo? Outline Lingüística Diseño
Interacción Persona Ordenador
Contenido
Patrones lingüísticos
Procesamiento de Lenguaje Natural
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Eye-tracker Outline
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Metodología Experimental Outline Equipo — Tobii T50 (17-inch TFT monitor) — Laptop, iPad, Android
Participantes con dislexia
+ Grupo de control
— 100 personas (40/experimento) — Legibilidad (datos del eye tracker)
Análisis de datos
— Comprensión (Cuestionarios)
— Percepción subjetiva del texto: (escalas Likert) ¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Metodología Experimental Outline Interacción Persona Ordenador
Diseño del texto — Colores en la fuente y en el fondo — Tamaño de la fuente — Tipo de Fuente — Espacio entre caracteres, líneas y párrafos — Ancho de columna
Procesamiento de Lenguaje Natural Esquemas Palabras clave Palabras complejas — Menos frecuentes — Muy largas Sinónimos más simples Expresiones numéricas Paráfrasis Errores
Lectura en la Web Diseño
Contenido ¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Metodología Experimental Outline Cuestionario Demográfico
Texto 1: [– condición]
Texto 1: [+ condición]
Test de comprensión
Test de comprensión
Texto 2: [– condición]
Texto 2: [+ condición]
Test de comprensión
Test de comprensión
Entrevista semiestructurada Entrevista abierta
Datos cuantitativos Legibilidad
Datos cualitativos Comprensión Datos cualitativos Preferencias & Necesidades
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Eye tracking
Palabras Frecuentes Outline [Rello, Baeza-Yates, Dempere & Saggion, INTERACT 2013]
90 90
ax
is
80 80
Reading time (s) (s) Visit duration
R ea
da b
ili ty
70 70
60 60
−freq +dys +freq +dys −freq −dys +freq −dys
50 50 40 40 30 30 20 20 10 10 0.1 0.1
0.15 0.15
−freq +dys +freq −freq +dys−freq +dys Group D: [+Frequent] [–Frequent] −freq +freq +freq −dys +dys −freq +dys Group N: [+Frequent] [–Frequent] +freq −freq +freq −dys +dys −freq −dys 0.2 0.25 0.3 0.35 0.4 +freq −dys −freq −dys 0.2 0.25 0.3 0.35+freq 0.4 Mean fixation duration (s) Mean fixation duration (s) +freq −dys
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Esquemas Outline [Rello, Baeza-Yates, Saggion, Graells, PITR 2012 @ NAACL]
Legibilidad y Comprensión
Dos Grupos Dislexia
Legibilidad — los esquemas gráficos disminuyen el tiempo de fijación para todos los textos — pero no es estadísticamente significativo
Sin dislexia
Comprensión — los esquemas gráficos no la aumentaron
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Por Qué Expresiones Outline Numéricas [Rello, Bautista, Baeza-Yates, G e r vá s , H e r vá s & S a g g i o n ; INTERACT 2013]
— 40% Discalculia — Simplificación — European Guidelines for the Production of Easy-to-Read Information
veintidos 22 [±dígito]
19.44 19 [±redondeo]
1/4 25% [±porcentaje]
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Expresiones Numéricas Outline [Rello, Bautista, Baeza-Yates, G e r vá s , H e r vá s & S a g g i o n ; INTERACT 2013]
Dos grupos Legibilidad [+dígito] Significantly faster! [+porcentaje] Significantly faster!
Comprensión Not significant
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Sinónimos más simples Outline [Rello, Baeza-Yates, Bott & Saggion W4A 2013]
— Simplificación léxica automática — Generación automática de sinónimos
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
294118 588235 142857 437500
pD
Original
3.888889 3.700000 4.142857 4.375000
LexSIS
Palabras menosOutline frecuentes y sinónimos
Dyswebxia Gold
Group N
59 53 14 00
Original
4.222222 3.900000 4.357143 4.250000
5294 7059 7143 0000
roup D
4118 8235 2857 7500
[Rello, Baeza-Yates, Bott & Saggion W4A 2013]
Dyswebxia Gold
(sec.)
roup D
0.2410992628
LexSIS
Reading Time
Group N 150
4.444444
132.5 3.800000 4.285714 115 4.250000
Original
-0.084924633
LexSIS Dyswebxia Gold
97.5
Group N
Original 3.888889 80 LexSIS 3.700000 [Original] Dyswebxia 4.142857 Gold 4.375000
0.1597582109
[SubsBest]
Group D
[Gold] Group N
Readability
(ave.)
Fixation Duration
(sec.) 0.25
70
0.233
62.5
0.215
55
0.198
47.5
0.18
40
[Original] [SubsBest]
[Gold]
Group D (ave.)
Comprehension
(%)
Group N Comprehension
[Original] [SubsBest] [ShowSyns] Group D
[Original]
[Original]
[SubsBest]
[SubsBest]
[SubsBest]
[ShowSyns]
[ShowSyns]
[ShowSyns]
[Gold]
[Gold]
[Gold]
Group N Memory
(ave.)
[Original]
[Gold]
92
67
1 2 Very bad Group D
3
4 5 Very good Group N
1 2 Very bad Group D
3
4 5 Very good Group N
1 2 Very bad Group D
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
3
4 5 Very good Group N
Presentación Outlinedel texto dyslexia
grey scale: dyslexia 0%
dyslexia
black/ white
dyslexia
black/ creme
dyslexia
dark brown/ light mucky green
dyslexia
+7%
dyslexia
brown/ mucky green
dyslexia
0%
dyslexia
blue/ yellow
dyslexia
–7%
dyslexia
dyslexia 25%
dyslexia
off-black/ off-white
dyslexia
dyslexia 50%
dyslexia
black/ yellow
dyslexia
dyslexia 75%
dyslexia blue/
white
— Colores en la black/ fuente y en el fondo black/ grey scale:
lexia 0%
dyslexia white
dyslexia
de la fuente dyslexia lexia — Tamaño 25% dyslexia off-white off-black/
creme
dyslexia
char. spacing: +14%
dyslexia
size: 14 p.
dark brown/ light mucky green
dyslexia
+7%
dyslexia
18 p.
dyslexia
0%
dyslexia
22 p.
dyslexia
–7%
dyslexia
24 p.
black/ brown/ lexia — Espacio dyslexia 50% dyslexia entreyellow caracteres, líneas, párrafos mucky green
lexia 75%
dyslexia blue/
white
— Ancho de columna
[Rello, Kanvinde & char. sp Baeza-Yates, d y s l e x i a W4A +14% 2012]
dyslexia
blue/ yellow
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Lectura en la Web Outline [Rello, Pielot, Marcos & Carlini, W4A 2013]
— Tamaño de la letra — Interlineado
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
22
Comprehension Score (%) Correct'Responses'
Comprehension 33Correct'Responses' 44 Score 55 (%)
40 40"
00"
●
10 10"
12 12"
14 18 14" 18" Font size Font'size'
22 22"
14 18 14 18 Font size Font Size
22 22
22 22"
26 26"pt
26 26pt
60 60"
20 20"
14 18 14" 18" Font size Font'size'
26 26"pt
100" 100 80" 80 60" 60
40 40" 20 20" 0 0"
0.8 0.8"
11"
1.4 1.4"
1.8 1.8"
Line'Spacing' Line spacing
80" 80
●
● ●
●
60" 60
40 40" 20 20" 0 0"
12 12 10 10
0.8 0.8"
11"
1.4 1.4"
Line'Spacing' spacing 14 18 22 14 18 22 12 14Line 18 12 14 18 Font sizeFont size FontsizeFontsize
1.8 1.8"
26 pt 26 22 22
26 pt 26
0.6 0.6 0.5 0.5
●
0.4 0.4
●
●
0.3 0.3
100" 100
●
0.2 0.2
Comprehension Score (%) Correct'Responses'
●
26 26 pt
0.1 0.1
12 12
0.1 0.2 0.2 0.3 0.3 0.4 0.5 0.6 0.1 0.4 0.5 0.6 Fixation Duration Mean(s)(ms) Fixation Duration
10 10
Fixation Duration Mean(s)(ms) Fixation Duration
1 1
Comprehension Ratings Subjective comprehensibility ratings
22 22
80" 80
0.6 0.6
5 35
35 .35
5
pt
14 18 14 18 Font size Font Size
100" 100
0.5 0.5 0.4 0.4 0.3 0.3 0.2 0.2 0.1 0.1
0.1 0.2 0.2 0.3 0.3 0.4 0.5 0.6 0.1 0.4 Fixation Duration Mean0.5(ms)0.6 Fixation Duration (s)
Fixation Duration (s)
10 10
12 12
12 12"
Fixation Duration (s)
22
Lectura en la Web Outline
10 10
6pt
10 10"
●
11
Readabi Subjective re
0"
0.8 0.8
1 1.4 1.8 0.8 1 1 1.4 1.41.8 0.8 1 1.4 Line Spacing Line Spacing Line Spacing Line Spacing
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
1.8 1.8
Fuente del texto Outline 0.5 0.5
●
0.4 0.4
●
●
● ●
● ●
0.2 0.2
0.3 0.3
●
0.1 0.1
Fixation Duration Mean (ms) Fixation Duration (seconds)
[Rello & Baeza-Yates, ASSETS 2013]
●
a_Arial Arial
b_OpenDys OpenDys
c_CMU CMU
d_Courier OpenDys It. f_Helvetica Courier Helveticag_Verdana Verdana h_Times Times i_Times TimesIt.It. j_Myriad Myriad k_Garamond Garamond l_Arial ArialIt.It. Font FontName Type
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Errores Outline Variante A
Errores
Variant B
Cuestionario demográfico
errores
— 12/texto — dislexia — únicos
priosridad presupuetsos indutricas implse
[Rello & Baeza-Yates, WWW 2012 (poster) ]
Texto 1: 12 errores
Texto 2: 12 errores
Test de comprensión
Test de comprensión
Pregunta de percepción de errores
Texto 2: 12 errores
Texto 1: 12 errores
Test de comprensión
Test de comprensión
Pregunta de percepción de errores
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Errores Outline
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Errores Outline [Rello & Baeza-Yates, WWW 2012 (poster)]
Legibilidad y Comprensión
Dos Grupos Con dislexia
Sin dislexia
p<0.01 p<0.02 p<0.01 p<0.01 p<0.01 Calidad léxica
Legibilidad — disminuye para ambos grupos
Comprensión — disminuye para ambos grupos
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Errores Outline [Rello & Baeza-Yates, WWW 2012 (poster) ]
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Algunos ejemplos Outline
Interacción Persona Ordenador
Procesamiento de Lenguaje Natural
Lingüística
Text4all IDEAL eBook Reader
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Algunos ejemplos Outline
Interacción Persona Ordenador Text4all IDEAL eBook Reader
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Text4all Outline
http://www.text4all.net/dyswebxia.html
[Topac, TC4R 2012]
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
IDEALOutline eBook Reader Lector de libros para Android que presenta los libros con un diseño adaptado para personas con dislexia
[Kanvinde, Rello & Baeza-Yates, ASSETS 2012 (demo)]
Accessible Systems Mumbai, India
https://play.google.com/store/apps/ details?id=org.easyaccess.epubreader — Maximiza la visualización en pantalla — Lee el texto en voz alta. deletrea el texto. — Permite escribir comentarios.
¿Qué podemos hacer para ayudar Vigo a la 2013 dislexia con la tecnología digital?
Algunos ejemplos Outline
Procesamiento de Lenguaje Natural
ÂżQuĂŠ podemos hacer para ayudar a la dislexia con la tecnologĂa digital?
Outline [Bott, Rello & Saggion, CoLing 2012] [Rello, Baeza-Yates, Saggion, Bayarri & Barbosa, ASSETS demo 2013]
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Outline
To appear soon in the App Store
[Bott, Rello & Saggion, CoLing 2012] [Rello, Baeza-Yates, Saggion, Bayarri & Barbosa, ASSETS demo 2013]
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Algunos ejemplos Outline
Lingüística
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Patrones lingüísticos Outline
¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Patrones lingüísticos Outline Análisis de errores
[Rello, Baeza-Yates, Saggion & Pedler, NP4ITA 2012] [Rello & Llisterri, LDW 1012 ]
— Hay tendencias en las sustituciones de vocales Distribution of dyslexic errors
Distribution of types of dyslexic errors ¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Piruletras (Dyseggxia) https://itunes.apple.com/us/app/ dyseggxia/id534986729?l=ca&ls=1&mt=8
• Un juego para niños con dislexia
• Ejercicios de palabras diseñados a partir de los errores que ellos cometen
• Más 12.000 descargas
[Rello, Bayarri & Azuki, ASSETS 2012 (demo)]
Evaluación • Estudio Colegio Lestonnac
School, Barcelona con psicólogos de Creix Barcelona
• 8 semanas (abril-junio 2013)
• 48 participantes con dislexia
• de 6 a 11 años
Evaluación • Para los niños de entre 9 y 11 años: • 42% menos errores escritos (Distancia Levenstein)
Concurso • Primer concurso solo para niños con dislexia en Mobile World Centre, Barcelona
• Organizers
• Sponsors
Primer Premio
Conclusiones Outline y recomendaciones Lo bueno para los disléxicos también lo es para los no disléxicos La presentación del texto tiene un impacto en la lectura de las personas con dislexia La simplificación léxica no tiene un impacto en la lectura, pero poder acceder a sinónimos hace que se perciba el texto significativamente más fácil de leer y de comprender Los esquemas pueden mejorar la legibilidad pero no la comprensión La calidad léxica puede ser un indicador de calidad de texto para las personas sin dislexia, pero no para las personas con dislexia Los errores que escriben las personas con dislexia son valiosos para crear recursos adaptados a ellos ¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
¡Gracias Outline :-)!
¿Preguntas?
Contacto: luzrello@acm.org
Referencias bibliográficas disponibles en: http://www.luzrello.com/Publications.html ¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Bibliografía Outline S. Bott, L. Rello, B. Drndarevic, and H. Saggion. Can Spanish be simpler? LexSiS: Lexical simplification for Spanish. In Proc. Coling ’12, Mumbay, India, December 2012. G. Kanvinde, L. Rello, and R. Baeza-Yates. IDEAL: a dyslexic-friendly e-book reader (poster). In Proc. ASSETS’12, Boulder, USA, October 2012. ACM Press. R. Baeza-Yates and L. Rello. Estimating dyslexia in the Web. In Proc. W4A 2011, pages 1–4, Hyderabad, India, March 2011. ACM Press. L. Rello and R. Baeza-Yates: The presence of English and Spanish dyslexia in the Web. New Review of Hypermedia and Multimedia 8, 131–158 (2012) L. Rello and R. Baeza-Yates. Lexical quality as a proxy for web text understandability (poster). In Proc. WWW ’12, Lyon, France, 2012. L. Rello and R. Baeza-Yates. Good fonts for dyslexia. In Proc. ASSETS’13, Bellevue, Washington, USA, 2013. ACM. L. Rello, R. Baeza-Yates, S. Bott, and H. Saggion. Simplify or help? Text simplification strategies for people with dyslexia. In Proc. W4A ’13, Rio de Janeiro, Brazil, 2013. ¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?
Bibliografía Outline L. Rello, R. Baeza-Yates, L. Dempere, and H. Saggion. Frequent words improve readability and short words improve understandability for people with dyslexia. In Proc. INTERACT ’13, Cape Town, South Africa, 2013. L. Rello, R. Baeza-Yates, H. Saggion, and E. Graells. Graphical schemes may improve readability but not understandability for people with dyslexia. In Proceedings of the NAACL HLT Workshop PITR 2012, Montreal, Canada, 2012. L. Rello, S. Bautista, R. Baeza-Yates, P. Gervás, R. Hervás, and H. Saggion. One half or 50%? An eye-tracking study of number representation readability. In Proc. INTERACT ’13, Cape Town, South Africa, 2013. L. Rello, G. Kanvinde, and R. Baeza-Yates. Layout guidelines for web text and a web service to improve accessibility for dyslexics. In Proc. W4A ’12, Lyon, France, 2012. ACM Press. L. Rello, M. Pielot, M. C. Marcos, and R. Carlini. Size matters (spacing not): 18 points for a dyslexicfriendly Wikipedia. In Proc. W4A ’13, Rio de Janeiro, Brazil, 2013. L. Rello, R. Baeza-Yates, H. Saggion, C. Bayarri & S. D. J. Barbosa. 2013. An iOS Reader for People with Dyslexia (Demo). In Proc. ASSETS’13, Bellevue, Washington, USA, 2013. ACM.. ¿Qué podemos hacer para ayudar a la dislexia con la tecnología digital?