tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua...

44
II JORNADA DE IHC Dr. Manuel Ortega Cantero Catedrático de Universidad Escuela Superior de Informática Edificio Fermín Caballero, Desp A-1 Paseo de la Universidad, 4 13071 – Ciudad Real (España) e-mail: [email protected] Telf.: 926295481 Fax.: 926295354 Uso de técnicas de eye tracking o rastreo ocular para la mejora de interfaces de usuario Manuel Ortega Cantero Popayán 14 de Abril de 2015

Transcript of tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua...

Page 1: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Dr. Manuel Ortega Cantero Catedrático de Universidad Escuela Superior de Informática Edificio Fermín Caballero, Desp A-1 Paseo de la Universidad, 4 13071 – Ciudad Real (España) e-mail: [email protected] Telf.: 926295481 Fax.: 926295354

Uso de técnicas de eye

tracking o rastreo ocular para

la mejora de interfaces de

usuario Manuel Ortega Cantero Popayán 14 de Abril de 2015

Page 2: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Grupo CHICO

• CHICO (Computer Human Interaction and Collaboration)

• Líneas de Investigación – Informática Educativa y Sistemas para la Colaboración

• Aprendizaje Colaborativo (CSCL)

• Diseño y desarrollo de sistemas CSCL

• Técnicas de modelado instruccional

• Análisis de la colaboración y consejo inteligente (ITS)

• Diseño y evaluación de sistemas m-learning

• Aplicación de nuevos paradigmas de interacción a la educación

– Interacción Persona-Ordenador (IPO) • Ingeniería Groupware

– Diseño de metodologías para desarrollo centrado en el usuario de sistemas interactivos y/o colaborativos

• Diseño de la interacción mediante estilos y paradigmas novedosos – Computación móvil y ubicua

– Realidad Virtual y Aumentada

– Interacción natural

• Evaluación de sistemas interactivos – Laboratorio de Usabilidad del grupo CHICO

http://chico.inf-cr.uclm.es/cms

Page 3: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

The CHICO group

1. Dr. Manuel Ortega

2. Dr. Miguel A. Redondo

3. Dr. Crescencio Bravo

4. Dra. Ana Isabel Molina

5. Dra. Carmen Lacave

6. Dr. Miguel Lacruz

7. MSc Christian Xavier Navarro

8. José David Patón (Estudiante MSc)

9. Óscar A. Bernabé (Estudiante MSc)

7. Dr. Maximiliano Paredes (URJC)

8. Dr. Rafael Duque (Univ. Cantabria)

9. Dr. Francisco Jurado (Univ. Autónoma de Madrid)

10. Dr. Jesús Gallardo (Univ. Zaragoza)

Page 4: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

UCLM • 30000 alumnos, 1500 profesores, 1000 PAS

• Escuela Superior de Informática

– Grado y máster profesional

– Doctorado con mención de excelencia

• 13 doctores formados en el grupo CHICO

• http://www.uclm.es

• http://webpub.esi.uclm.es

• http://chico.inf-cr.uclm.es/

Page 6: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Current Research Projects with Public Fundings (I)

• AULA-T

– Desarrollo de métodos y sistemas de aprendizaje basados en estándares para la enseñanza de la programación

– Grupo de Excelencia de la JCCM

Page 7: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Current Research Projects with Public Fundings (II)

• mGUIDE

– Framework metodológico para el desarrollo de computación móvil.

– Dos universidades

– COFARCIR

– Patrocinio de la JCCM

Page 8: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Current Research Projects with Public Fundings (III)

• mGUIDE

Page 9: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Current Research Projects with Public Fundings (IV)

• FAPPEC

Framework metodológico y tecnológico para la construcción de sistemas de análisis de la colaboración en sistemas de soporte al trabajo en grupo

– Participación de grupos de 2 universidades españolas

– Financiado por la JCCM

Page 10: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Current Research Projects with Public Fundings (& V)

• FAPPEC

Page 11: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Nuevo Proyecto: EDUCA-PROG

• Sistemas de software avanzados para el aprendizaje activo y colaborativo de la programación.

– IPs de los Subproyectos:

• VELÁZQUEZ ITURBIDE; J. ÁNGEL

• REDONDO DUQUE; MIGUEL ANGEL

Page 12: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Conexión con Moodle

Page 13: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Equipamiento

• Laboratorio Usabilidad (CHICO-UCLM)

Page 14: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Algunos estudios realizados en el grupo CHICO

Experimento 1 Evaluación de técnicas de

visualización de algoritmos en sistemas de aprendizaje (GreedEx)

Experimento 2 Evaluación de notaciones para el

modelado de sistemas de aprendizaje

En el ámbito de la informática educativa…

Page 15: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Experimento 1 – Evaluación de técnicas de visualización de programas

GreedEx (GREEDy Experimentation) Ayudante interactivo para el aprendizaje de algoritmos voraces

Experimentar varias funciones de selección

http://lite.esii.urjc.es/greedex/

Panel de visualización

Problema / Algoritmo

Panel de tablas

OBJETIVO: Evaluar empíricamente las distintas representaciones soportadas por GreedEx (medidas

subjectivas y objetivas)

Page 16: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Experimento 1 – Evaluación de técnicas de visualización de programas

Participantes Primer Estudio 13 sujetos (9 hombres y 4 mujeres)

Alumnos de la URJC – Asignatura “Diseño y Análisis de Algoritmos” (2º Curso del Grado de Ingeniería del Software y Grado en Ingeniería Informática)

Participación voluntaria

Page 17: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Experimento 1 – Evaluación de técnicas de visualización de programas

Análisis cualitativo

Mapa de Calor – Heat map Ruta de escaneo – Scan path

Page 18: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Experimento 1 – Evaluación de técnicas de visualización de programas

Métricas relacionadas con el interés – reconocimiento del objetivo (solución)/ utilidad

Page 19: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Algunos estudios realizados en el grupo CHICO

Experimento 1 Evaluación de técnicas de

visualización de algoritmos en sistemas de aprendizaje (GreedEx)

Experimento 2 Evaluación de notaciones para el

modelado de sistemas de aprendizaje

En el ámbito de la informática educativa…

Page 20: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Notaciones para el modelado de sistemas CSCL

CIAN vs CTT

Experimento 2 – Comparar notaciones para modelado CSCL

OBJETIVO: Comparar empíricamente la entendibilidad y esfuerzo visual de modelos en notaciones CIAN y CTT para el modelado de

tareas de aprendizaje colaborativo

Evaluar 3 aspectos (CTT vs. CIAN):

facilidad para comprender el flujo u orden entre tareas

facilidad para localizar y entender la relación entre tareas y los roles que

las realizan

facilidad para localizar y entender la especificación de notificaciones

Actividades:

De interpretación/análisis de diagramas

Cuestiones de tipo V/F

Page 21: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Evaluación de notaciones en Ingeniería del SW Empírica

La efectividad de entendibilidad se calcula como la media de

respuestas correctas dividida por el número total de cuestiones

La eficiencia de entendibilidad es la media de respuestas correctas

dividida del tiempo dedicado a entender del modelo y contestar el

cuestionario

Page 22: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

CTT

Experimento 2 – Notaciones para modelado CSCL

• Actividades cooperativas

• Flujo de tareas

• Especificaciones en forma de árbol

• Asociación rol-tarea

Page 23: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

CIAN

Experimento 2 – Notaciones para modelado CSCL

• Actividades colaborativas

• Especificaciones en forma de

grafo

• Asociación actividad-rol/es-

recurso

• Notificaciones

• Restricciones temporales

Page 24: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Experimento 2 – Notaciones para modelado CSCL

“facilidad para localizar y entender la relación entre tareas y los roles

que las realizan”

Page 25: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Experimento 2 – Notaciones para modelado CSCL

“facilidad para localizar y entender la especificación de notificaciones”

Page 26: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Experimento 2 – Notaciones para modelado CSCL

Participantes 56 sujetos

Alumnos de la UCLM

Participación voluntaria

Métricas para la tarea “entender relación tareas y roles”

Métrica CIAN CTT

Tiempo hasta la primera fijación en el objetivo 6.74 (6.28) 20.09 (9.66)

Número de fijaciones hasta la primera fijación en el objetivo 23.78 (21.75) 66.52 (29.64)

Métrica CIAN CTT

Tiempo hasta contestar 44.98 (24.81) 46.17 (17.32)

Número de visitas al objetivo antes de contestar 7.96 (3.84) 3.61 (2.25)

Métricas de localización de la solución

Métricas de reconocimiento de la solución

Page 27: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Experimento 2 – Notaciones para modelado CSCL

Participantes 56 sujetos

Alumnos de la UCLM

Participación voluntaria

Métricas para la tarea “localización de las notificaciones”

Métrica CIAN CTT

Tiempo hasta la primera fijación en el objetivo 10.21 (5.35) 14.33 (6.60)

Número de fijaciones hasta la primera fijación en el objetivo 30.57 (15.57) 40.30 (16.77)

Métrica CIAN CTT

Tiempo hasta contestar 35.30 (16.53) 38.83 (19.11)

Número de visitas al objetivo antes de contestar 6.17 (4.68) 8.43 (4.73)

Métricas de localización de la solución

Métricas de reconocimiento de la solución

Page 28: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Otros Estudios y Desarrollos realizados

Page 29: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

• Dos dispositivos de acceso (PC; iPhone)

• Actividad de estudio – Estudiar un esquema de la metodología de desarrollo ágil Scrum

Estudio empírico

Page 30: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Estudio empírico - Hipótesis

Métricas Eye - Tracking • Número de fijaciones (AOIs) • Duración de fijaciones (AOIs)

• Heat Map

• Scan paths

• …

Análisis de la Interacción y la Navegación

• Scroll

• Zoom

• …

Información Demográfica +

Experiencia + Actitud+ Innovación +

Conocimiento previo

H3

H1

H2

Dispositivo

Rendimiento

Aprendizaje Tiempo de

Percepción Subjetiva de los Estudiantes

• Facilidad de Uso Percibida

• Utilidad Percibida

• Intención de Uso

• Satisfacción

• Carga cognitiva • …

Page 31: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Estudio empírico – Análisis de resultados

Resultados Eye Tracking

Patrones de visualización / estudio

% Tiempo útil

90,7% (PC) vs. 83,4% (móvil)

Móvil: 7,3” media en “errores” en la interacción

Tiempo AOI-Proceso

68,29” (PC) vs. 112,84” (móvil)

Fijación (duración,

número)

Scan path (Ruta de

Escaneo)

Heat map (Mapa de calor)

Área de Interés (AOI)

métricas

Page 32: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

32

Conclusiones y Trabajos Futuros

• Conclusiones – El uso de los dispositivos móviles forma parte de nuestra

rutina diaria

– Cuidado al aplicar al ámbito educativo

• No resultan adecuados para soportar cualquier tarea

– Apoyamos esta afirmación en un estudio empírico que lo demuestra (con varias fuentes de información)

• Trabajos Futuros – Aumentar el tamaño de la muestra

– Nuevo dispositivo de interacción (iPAD)

• iPhone > iPAD > Desktop

– Un análisis cuantitativo más preciso

Page 33: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Page 34: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

• El principio “Signaling Principle” se refiere al hecho de que los alumnos aprenden mejor cuando se resalta la organización de los contenidos esenciales.

– Principles of Multimedia Learning by Richard Mayer (Mayer, 2005) (Mayer, 2009).

• Investigamos el uso del color en materiales multimedia.

– Colores fácilmente diferenciables

– Usando grandes contrastes

Page 35: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Page 36: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

GREEDEX TAB

Page 37: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Page 38: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Page 39: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

APLICACIÓN EN IPAD

Page 40: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Page 41: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Page 42: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Page 43: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

43

Conclusiones

• Conclusiones

– Necesidad de evaluar (información visual)

• Sistemas interactivos

• Notaciones

• Materiales educativos

– Técnica novedosa

• Empleada en distintos ámbitos

– IPO

– Realizar estudios empíricos:

• Varias fuentes de información

• Opinión de los usuarios

• Métricas suministradas por un dispositivo de eye tracking

Page 44: tracking o rastreo ocular para la mejora de interfaces de€¦ · – Computación móvil y ubicua – Realidad Virtual y Aumentada – Interacción natural • Evaluación de sistemas

II JORNADA DE IHC

Todo el mundo es

Popayán ¿Preguntas?

Presentación del

Grupo CHICO Grupo CHICO Escuela Superior de Informática

Dr. Manuel Ortega Cantero

[email protected]

Tfno.: (+34) 926 29 54 81