A luz rello seminario final

¿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?