diseño y evaluación de interfaces -...

27/11/2013

1

Dra. Sandra Baldassarri

http://webdiis.unizar.es/~sandra

[email protected]

Diseño y Evaluación de Interfaces

Interfaces Táctiles

Tema: Interfaces táctiles

Interfaces táctiles

• La interacción táctil puede incluirse en diversos de los paradigmas y/o estilos de interacción vistos previamente.

• Concretamente, podríamos hablar de interacción táctil en ordenadores de sobremesa, en dispositivos móviles, en dispositivos para trabajo colaborativo, etc.

• El GIGA-AffectiveLab ha desarrollado aplicaciones táctiles para personas con limitaciones tanto físicas como cognitivas.

http://webdiis.unizar.es/~sandra

27/11/2013

2


Contexto de desarrollo

• Colaboración entre el Colegio Público de Educación Especial

Alborada y el Affective Lab, del Departamento de Ingeniería e

Informática de Sistemas.

• Objetivo: Estudiar y desarrollar nuevas tecnologías que den

respuestas adaptadas a las limitaciones comunicativas que

presentan los alumnos del colegio.


Contexto de desarrollo

• Comunicación Alternativa y Aumentativa

• Sistemas de Comunicación Alternativos y Aumentativos

Comunicadores electrónicos

Tableros de comunicación en

papel

Programas informáticos de

apoyo a la comunicación

27/11/2013

3


Buscando la usabilidad y la accesibilidad

• Diseño de herramientas y juegos educativos

siguiendo los principios de:

–Diseño Centrado en el Usuario

(DCU)

–Modelo de Proceso de la

ingeniería de la Usabilidad y la

Accesibilidad (MPIu+a)


Buscando la usabilidad y la accesibilidad

Dentro de este contexto se han desarrollado

diferentes herramientas y juegos educativos:

• Juegos educativos con personajes virtuales

(ordenador de sobremesa)

• Juego de la granja (tangible y pizarra digital)

• AraBoard (ordenador de sobremesa y

dispositivos móviles)

27/11/2013

4


Juegos educativos con personajes virtuales

• Desarrollo de una herramienta que permita

generar juegos educativos siguiendo un patrón

determinado de ejercicios de asociación y

clasificación

• Configurable para poder atender a alumnos de

educación especial

• Posibilidad de crear y guardar perfiles de

usuario

• Ampliable para poder incluir fácilmente otro tipo

de modelos de juegos


Juegos educativos con personajes virtuales:

Técnicas de interacción

Visual

Teclado

Ratón

Voz

Dispositivos táctiles

Otros controladores

27/11/2013

5



Técnicas de interacción

• Además de las diferentes técnicas de

interacción multimodal incorpora:

– Interacción emocional a través de personajes virtuales


Juegos educativos con personajes virtuales

27/11/2013

6



personalización


Evaluación con usuarios

• Sesiones de evaluación: • Observación directa y grabación de vídeo para su análisis posterior

• En el centro escolar

• 30 alumnos entre 5 y 17 años

• 10 niñas y 20 niños

– 12 con Retraso Mental Severo

– 7 con Retraso Mental Moderado

– 10 Plurideficientes

– 1 Trastorno Generalizado del desarrollo

27/11/2013

7



• Método Structure Expert Evaluation Method



• Resultados • Cuantitativos:

– 89% comienza a jugar directamente

– 77% desea volver a jugar

– 73% muestra interés por el juego

• No se han observado diferencias significativas en niños con diferentes

tipos de discapacidades (posibilidad de “configuración”)

27/11/2013

8


• Objetivo final: ayudar al granjero a hacer una tarta

Sub-objetivos: Recoger 3 fresas, 4 huevos y 1 cubo de leche

• Personajes controlados por el jugador: gallina, vaca, oveja, cerdo

• Objetos interactivos: plantas, nido, cubo, silla

• Personaje autónomo: granjero virtual

Juego de la granja


Juego de la granja

Versión táctil

• Pizarra digital (TouchIT)

Interacción: tocar la pizarra

• Significado diferente

• Secuencia de pulsaciones

1. Activar un objeto

2. Mover un objeto

3. Ejecutar una acción

27/11/2013

9


Juego de la granja: Evaluación

Descripción de la sesión

• Intervienen 8 niños de 6-11 años

Diferentes grados de discapacidad cognitiva

Participan por parejas

• Durante la sesión de cada pareja

Juegan con ambas versiones (el orden se alterna)

Test de usabilidad

• Problemas durante la interacción

Análisis de vídeo

• Video-análisis detallado

LOG

• Registro de eventos de cada partida: Estadísticas de las sesiones


Juego de la granja: Evaluación

Descripción de la sesión

Después de cada sesión

Cuestionario Likeability

• Los niños eligen su versión preferida

• Tienen dificultad para comunicarse: poca verbalización

– Método this-or-that: señalar una interfaz

Finalización de las sesiones

SEEM

• Valoración de los profesores

– Comprensión del juego

– Diversión

27/11/2013

10


Juego de la granja: Resultados

• Test de usabilidad

Táctil

• Los niños olvidan la tarea (el granjero no repite las instrucciones)

• La retroalimentación visual confunde a los niños

– No perciben los iconos

como ayuda

– Intentan interactuar con

los iconos


AraBoard: Aplicación para la comunicación

Planteamiento del problema:

• Grupo de usuarios muy heterogéneo.

• Coste elevado de los comunicadores electrónicos.

• Limitaciones en las aplicaciones del mercado

estudiadas.

– Plataformas empleadas

– Sencillez de uso

– Grado de adaptación y personalización

27/11/2013

11


AraBoard: Análisis del problema

• Estudio de las aplicaciones del mercado.

• Identificación de sus puntos fuertes y débiles.

• Reuniones con los profesores y especialistas del

colegio.

1. Adaptabilidad y accesibilidad del mayor número de usuarios posible.

2. Adaptación al mayor número de plataformas informáticas.

3. Uso rápido y sencillo.

Conclusiones


AraBoard: Descripción

• Herramienta software que permite la creación y reproducción

de tableros de comunicación.

• Dos interfaces diferenciadas:

• Ejecución sobre diversas plataformas:

– Dispositivos móviles y tablets

– Pizarras digitales y equipos informáticos convencionales

• Estudio previo de las tecnologías de desarrollo.

Interfaz para el tutor

Interfaz para el alumno

27/11/2013

12





Memoria del dispositivo

TABLERO 1

xml imagen audio

TABLERO 2

Dispositivos del

usuario

TABLERO N …

API de ARASAAC

Archivos de audio

Tableros de

comunicación

Consulta HTTP

Archivos de imagen

Resultados de búsqueda

AraBoard Constructor AraBoard Player

URLRequest("http://arasaac.org/api/index.php?callback=json&language=ES&word=fruta&KEY=clave_acceso&catalog=colorpictos&nresults=10&thumbnailsize=150&TXTlocate=4")

BBDD

Acceso a Datos

La herramienta AraBoard

{ "symbols": [{ "imagePNGURL": "http://arasaac.org/repositorio/originales/4653.png", "name": "fruta", "wordTYPE": "2", "soundMP3URL": "http://arasaac.org/repositorio/locuciones/0/103.mp3", "thumbnailURL": "http://arasaac.org/classes/img/thumbnail.php?i=cdb4ae007dd6b6b4ec6e9c2eb5d2f3b0 e5b73fdd5216cece9d9f0709ca904497c988f78aa80b44e53fd65acadbda705d163550“ }], "itemCount": 10, "page": 0, "totalItemCount": 1, "pageCount": 0 }

27/11/2013

13



AraBoard: Constructor

Para crear tableros personalizados la aplicación

permite incorporar elementos provenientes de:

– Recursos de pictogramas de ARASAAC



Para crear tableros personalizados la aplicación

permite incorporar elementos provenientes de:

– Recursos personales: tiene un editor propio de

pictogramas y permite incluir imágenes y audio

creados por el usuario

27/11/2013

14



Estas caracterísiticas extienden el rango de

usuarios desde personas con discapacidades

motoras severas a usuarios con necesidades de

comunicación avanzadas.



AraBoard: Player

Esta aplicación permite cargar y reproducir los

tableros creados con el Constructor. Suelen

utilizarla los usuarios finales (generalmente niños

con problemas de comunicación).

27/11/2013

15


AraBoard: Resultados Obtenidos

https://es-es.facebook.com/AraBoard


AraBoard: Evaluación

Cuestionario voluntario de evaluación online.

• Se recolectaron 295 cuestionarios. El cuestionario

consiste de 15 preguntas cerradas y 2 abiertas

• Se ha evaluado:

– Satisfacción del usuario:

• Satisfacción, atractivo, apropiado para los requerisitos de

comunicación, ahorro de tiempo, facilidad de uso

– Perfil de usuarios

• Tipo de usuario final del Constructor y del Player

– Percepción de la herramienta en relación con otras

herramientas AAC




27/11/2013

16


AraBoard: Otros contextos de uso

Debido a su alto nivel de personalización, AraBoard se ha

aplicado a contextos diferentes de aquel para el que fue

creado: juegos, historias, actividades educativas,

emociones, canciones, …


AraBoard: Resultados obtenidos

• AraBoard para Windows • AraBoard para

Android

dd

27/11/2013

17


Líneas de trabajo futuro

• Juegos educativos

– Desarrollo de interfaces gráficas de alto nivel para la

creación de actividades

– Desarrollo de nuevos juegos y actividades

– Evaluación y mejora

• AraBoard

– Portabilidad a dispositivos iOS y Linux.

– Traducción a otros idiomas.

– Incorporar nuevas funcionalidades

diseño y evaluación de interfaces -...

Documents