Upload
alfredo-sanchez
View
753
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Charla en el Día Mundial de la Usabilidad (Ciudad de México, 16 nov 2013). Los estilos emergentes de interfaces de usuario, tales como la realidad aumentada, las superficies multi-táctiles y las interfaces gestuales y corporales, plantean retos importantes para el diseño y evaluación de la experiencia del usuario. En esta charla se presentan los enfoques que se han seguido para enfrentar dichos retos en el Laboratorio de Tecnologías Interactivas y Cooperativas de la Universidad de las Américas Puebla (http://ict.udlap.mx), particularmente en el contexto de proyectos en desarrollo en las áreas de procesos de innovación, visualización de información, y puntos de interés en ciudades para grupos de visitantes.
Citation preview
UUX para interfaces naturales y realidad aumentada
Alfredo SánchezLaboratorio de Tecnologías Interactivas y CooperativasUniversidad de las Américas Puebla
Laboratorio de Tecnologías Interactivas y Cooperativas
(Laboratorio ICT)
http://ict.udlap.mx
Laboratorio ICT en breve
• Establecido en 1996• Misión:
Ofrecer un ambiente para la investigación, avance y comprensión de actividades humanas apoyadas por las TICs
• Áreas de interés• Interacción humano-computadora• Sistemas colaborativos• Bibliotecas digitales / espacios de conocimiento• Tecnologías de aprendizaje
Laboratorio ICT en breve
• Más de 40 graduados de licenciatura, maestría y doctorado• Más de 120 publicaciones (congresos, revistas, capítulos de libros)• 12 proyectos financiados externamente
• Visualización de información• Salas multimediales• Aprendizaje en ambientes de inmersión• Superficies interactivas
• Colaboración con UASLP, UCOL, UDG, UV, BUAP, ITESM, U Valladolid, TAMU,…
• Estancias de investigadores visitantes de ITO (Orizaba), TUM e Innovationsmanufaktur (Munich), Unicauca (Colombia), URW (Alemania)
Laboratorio ICT físicamenteICT está en el 4º piso de la biblioteca central de la UDLAP
Agenda
• Evaluación de usabilidad• Protocolo
• Exploración de nuevas interfaces de usuario• Recomendaciones basadas en etiquetado colaborativo• Visualización de información• Superficies interactivas
• Diseño de la experiencia del usuario• Ambientes abiertos y diversidad de usuarios• Realidad aumentada
Elementos generales para estudios de usabilidad• Usuarios• Software a evaluar• Software de apoyo (ej. Morae)• Equipo de grabación• Guía para los evaluadores
(productor, facilitador, observadores)• Carta de derechos del usuario• Carta de consentimiento• Cuestionario previo• Hoja de tareas• Cuestionario posterior
Ejemplo de guía para evaluadores
Ejemplo de carta de derechos del participante
Ejemplo de carta de consentimiento
Ejemplo de cuestionario previo
Ejemplo de hoja de tareas
Ejemplo de cuestionarioposterior
Protocolo
Para cada sesión:0. Preparación del escenario1.Recepción de usuario(s)2.Lectura de carta de derechos3.Firma de carta de consentimiento4.Llenado de cuestionario previo5.Ejecución de tareas (con el facilitador)6.Llenado de cuestionario posterior
…y esto sólo es la base para el análisis
Exploración de interfaces
en el Laboratorio ICT
Etiquetado inducido
REC – Recomendaciones basadas en etiquetado colaborativo
[Sánchez et al. 2007, 2008]
REC – Recomendaciones basadas en etiquetado colaborativo
[Sánchez et al. 2007, 2008]
REC – Recomendaciones basadas en etiquetado colaborativo
REC - Facebook
[Sánchez et al. 2007, 2008]
Diseño de la experiencia del usuario
• Basada en la investigación del área
foafing
movielensphoaks
delicious
Etiquetado (“bookmarking” social)• Cuatro categorías de etiquetas:
[Cañada 2006]
• Egoísta: “mi viaje a China”• Amiguista: “Hangzhou”• Altruísta:
“Hangzhou”, “West Lake”, “Pleasure boats”
• Populista : “Imperdible”, “sexy”
• ¿Por qué no todo mundo es altruísta?• Se desconoce el potencial del etiquetado colaborativo• No hay incentivos claros• … la gente es cruel
Etiquetado inducido
Etiquetas
Etiquetas
especialista
especialista
especialista
[Sánchez et al. 2007, 2008]
Etiquetado inducido
• Todos pueden etiquetar, pero:
• 1) hay un grupo bien definido de usuarios expertos en los recursos a etiquetar y en las necesidades de la comunidad; y
• 2) el etiquetado es parte de las responsabilidades de este grupo
[Sánchez et al. 2007, 2008]
Prototipos de baja y alta fidelidad
[Arz
am
end
i 2
00
6]
Visualización de información
y minería visual de colecciones
[Sánchez 2013]
Grafos egocéntricos
Instituciones Autores
[Bolaños 2010]
Escalabilidad…
[Bolaños 2010]
Grafos egocéntricos + filtros
Diseño de la experiencia de usuario• Investigación de trabajo relacionado
Diseño de la experiencia de usuario
• Prototipos
[Bolaños 2010]
Evaluación de usabilidad y experiencia de usuario
Visualización de relaciones en campos de
estrellas ontológicos
Localizando investigadores
[Sánchez et al. 2011]
Localizando colaboradores potenciales
instituciones
países
[Sánchez et al. 2011]
Expansión de ambos ejes
autores
instituciones
países
[Sánchez et al. 2011]
OntoStarFish: Investigación y prototipos
Fisheye lens 1
Fisheye lens 2 Starfieldoverview
Ontologicalaxes
cou
ntr
y
insti
tuti
on
auth
or
general subjects
more specific subjects
[Sánchez et al. 2011; Ramos et al. 2010]
Evaluación (con 28 sujetos, verbalización constructiva)
[Sánchez et al. 2011; Ramos et al. 2010]
Visualización de colecciones usando
mapas
VoroSOM: mapas auto-organizables + diagramas de Voronoi
• Mapas auto-organizados (SOMs)• Funcionan como clasificadores, produciendo jerarquías de categorías – ideal
para navegar• Preservan propiedades topológicas de relaciones existentes en los metadatos
• Diagramas de Voronoi• Se pueden construir sobre una representación espacial 2D de las categorías
SOM• Reflejan visualmente las relaciones semánticas de las categorías adyacentes
Alternativas de representación
“Continentes”
“Islas”
[Gutiérrez et al. 2012; Gutiérrez et al. 2013]
VoroSOM - Continentes
Navegación jerárquica(aplicación consistente de la metáfora)
VoroSOM - Islas
Navegación islas
Prototipos disponibles
• VoroSOM – Continentes:• http://ict.udlap.mx/remeri/vorosom1• http://ict.udlap.mx/remeri/vorosom2
• VoroSOM – Islas• http://ict.udlap.mx/remeri/vorosom3
Diseño de la experiencia del usuario
• Herramienta principal: Prototipos de baja y alta fidelidad
[Gutiérrez 2012]
Los mapas pueden ser una metáfora clave para comprensión de colecciones
[Gutiérrez et al. 2012; Gutiérrez 2013]
Navegación jerárquica(aplicación consistente de la metáfora)
Nivel de documentos
[Gutiérrez et al. 2012; Gutiérrez 2013]
Filtros por institución o tema
[Gutiérrez et al. 2012; Gutiérrez 2013]
Evolución en el tiempo
2004 2007 2010 2013
Evaluación(8 sujetos, verbalización constructiva)
Panorama general
Claridad de las categorías
Claridad en el tamaño
Relaciones entre categorías
Exploración fácil e intuitiva
Semántica y relación de docs
Uso para investigación
Descubrimiento de información
0
Visualización de colecciones adaptando
SunBurst
SunGroups
[Galán 2013]
SunGroups
Profundidad controlada
SunGroups
Investigación previa
Sunburst Docuburst
Evaluación de usabilidad y experiencia de usuario
"Cuestan trabajo leer porque están de
cabeza"
“Se abrió una posibilidad más grande, es
decir, te da otras alternativas”
"Se siente cool…”
“… es muy simple de manipular"
(10 sujetos, verbalización individual)
Interfaces naturales
¿Qué es natural?
ww
w.b
aby-f
ood-h
ala
l.co
m
Superficies interactivas
• Usadas principalmente para visualizar información• Interacción motivante, a pesar de ser limitada
Potencial para trabajo colaborativo
Capturar y compratir datos– texto, imágenes, dibujos– aún es complicado
meie
r-m
uelle
r.co
m
InnovaTouch – Un lenguaje de ademanes para apoyar la innovación
[Fuentes et al. 2011]
Vozze – Voz como mecanismo de entrada para superficies táctiles
htt
p:/
/ww
w.y
ou
tub
e.c
om
/watc
h?v
=ry
eA
2oG
Tf
m4
[Huerta et al. 2011]
Evaluación del prototipo Vozze/Innovatouch
Innovimm: Ademanes + interfaces gráficas
http://vimeo.com/24255533
[Magallanes et al. 2012]
Experiencia de los usuarios de Innovimm
8 sujetos, verbalización constructiva, tareas colaborativas
En general, evaluación muy positiva… a pesar de múltiples problemas
Experimentación adicional
• Validación usando una adaptación de PrEmo [Desmet 2003]
Validación afectiva con 7 sujetos
En general, valoracionespositivas
Muy posiblemente la interfaz novedosagenera sujetos receptivos ytolerantes
[Magallanes et al. 2012]
Experimentación adicional con superficies táctiles
¿Horizontal o vertical?
[Magallanes et al. 2013]
Implicaciones para ubicación de elementos de control
Horizontal Vertical
Realidad aumentada
Celedex
• Aplicación de RA utilizando códigos QR
[Gutiérrez et al. 2012]
Evaluación de la experiencia del usuario
“shadowing” Grupo focal
Reaumobile (en proceso)
• Realidad aumentada para “puntos de interés” en una ciudad inteligente
[Thovex 2013]
Reto: Diseñar la experiencia del usuario • Algunas características de la población objetivo
• Diversidad de usuarios en todos los órdenes• Edad• Género• Nivel educativo• Intereses• Tiempo disponible• …
• Sitios abiertos, diversidad de características físicas,…
Adaptaciones del Diseño Contextual
• Indagación contextual• Modelado• Validación• Transformación del entorno• Formulación de escenarios• Diseño del nuevo entorno• Prototipos de baja fidelidad• Diseño de la interacción
[Beyer & Holtzblatt 1998]
Indagación contextual
Modelado
Transformación del entorno
Escenarios
Evaluación formativa
Reaumobile… en proceso
• Validación con usuarios expertos• Diseño de la interacción• Diseño de prototipos de baja y alta fidelidad• Estudios de usabilidad y experiencia de usuario• Desarrollo• Pruebas con usuarios• …
Conclusiones
• La investigación enriquece y da sustento a nuevos estilos de interacción
• La formulación de escenarios y prototipos es fundamental en el diseño de la experiencia del usuario para nuevos estilos de interacción
• Los métodos conocidos, como el diseño contextual, pueden aprovecharse, con adaptaciones, en el diseño y evaluación de la experiencia del usuario con nuevos estilos de interacción
UUX para interfaces naturales y realidad aumentada
Alfredo SánchezLaboratorio de Tecnologías Interactivas y CooperativasUniversidad de las Américas Puebla
http://ict.udlap.mx
Agradecimientos
• Varios de los proyectos presentados han recibido apoyo de UDLAP, la Corporación Universitaria para el Desarrollo de Internet (CUDI) y el Consejo Nacional de Ciencia yTecnología (Conacyt)
• Los logros del Laboratorio ICT son posibles gracias al talento y compromiso de un gran número colaboradores. En lo proyectos mencionados en esta presentación participaron principalmente Emanuel Aquino, Adriana Arzamendi, Ofelia Cervantes, Salvador Fuentes, Nilda Galán, Ernesto Gutiérrez, Francisco Gutiérrez, Federico Hernández, Osvaldo Huerta, Lukas Imrich, Yazmín Magallanes, Yenny Méndez, Ariel Molina, Lizbeth Peralta, Alfredo Ramos, Antonio Razo, Diana Selfa, Omar Valdiviezo, y Fernando Vera.
Referencias (REC, etiquetado)
• Sánchez, J. A., Valdiviezo, O. 2011. Enhancing productivity through social computing. Book chapter. In Social Computing Theory And Practice: Interdisciplinary Approaches. Papadopoulou, P., Kanellis, P., and Martakos, D. (Eds.). IGI Global. 133-153.
• Sánchez, J. A., Valdiviezo, O., Aquino, E., Paredes, R. 2008. REC: Improving the utilization of digital collections by using induced tagging. Research in Computing Science 39, 83-93.
• Sánchez, J. A., Arzamendi-Pétriz, A., Valdiviezo, O. 2007. Induced tagging: Promoting resource discovery and recommendation in digital libraries. Proceedings of the Joint Conference on Digital Libraries (JCDL 2007, Vancouver ), 396-397.
Referencias (visualización de información)• Sánchez, J. A. 2013. Understanding collections and their implicit structures through information visualization. Book chapter. In Innovative
Approaches of Data Visualization and Visual Analytics. Huang, M. L. & Huang, W. (Eds.), Information Science Reference, 151-175.
• Gutiérrez, E., Sánchez, J. A., Cervantes, O. 2013. Using map representations to visualize, explore and understand large collections of dynamically categorized documents. Proceedings of the Sixth Latin American Conference on Human-Computer Interaction (CLIHC 2013, Guanacaste, Costa Rica, Dec. 4-6).
• Sánchez, J. A., Cervantes, O., Ramos, A., Medina, M. A., Lavariega, J. C., Balam, E. 2011. Visualizing collaboration networks implicit in digital libraries using OntoStarFish. Proceedings of the Joint Conference on Digital Libraries (JCDL 2011, Ottawa). 213-222. (In the ACM Digital Library).
• Ramos Lezama, A., Sánchez, J. A., Hernández-Bolaños, F. 2010. OntoStarFish: Visualization of collaboration networks using starfields, ontologies and fisheye views. In Proceedings of the Third Mexican Workshop on Human-Computer Interaction (MexIHC 2010, San Luis Potosí, Nov. 8-10), 44-53. (In the ACM Digital Library).
• Gutiérrez, E., Sánchez, J. A., Galán, N., Razo, A., Cervantes, O. 2012. Visualizing and browsing document collections using self-organized maps. Proceedings of the Fourth Mexican Conference on Human-Computer Interaction (MexIHC 2012, Oct. 3-5, Mexico City), 38-40.
• Gutiérrez, E. 2013. Visualización de información para entendimiento de colecciones usando VOROSOM. Master’s Thesis, Department of Computing, Electronics and Mechatrinics, Universidad de las Américas Puebla (May).
Referencias (interfaces naturales) • Molina-Rueda, A., Magallanes, Y., Sánchez, J. A., Enríquez, D. F. 2013. Using heat maps for studying user preferences
in vertical and horizontal multi-touch surfaces. In Proceedings of the 22nd International Conference on Electronics, Communications and Computers (CONIELECOMP 2013, March 11-13). IEEE Computer Society Press. 21-26.
• Magallanes, Y., Molina, A., Méndez, Y., Sánchez, J. A. 2012. Combining gestures and graphical elements for collaboration using multitouch surfaces. Proceedings of the 22nd International Conference on Electronics, Communications and Computers (CONIELECOMP 2012, Feb.). IEEE Computer Society Press, 173-178.
• Magallanes, Y., Molina, A., Méndez, Y., Sánchez, J. A. 2012. Towards an emotional validation of heuristic approaches for usability evaluation. Acta Universitaria 22, (March, Special issue on ENC 2012, Mexican International Conference on Computer Science), 119-125.
• Fuentes, S., Sánchez, J. A., Huerta, O. and Cervantes, O. 2011. InnovaTouch: A multi-touch framework to support gesture recognition for innovation activities. Companion Proceedings of the Fifth Latin American Conference on Human-Computer Interaction (CLIHC 2011, Porto de Galinhas, Brazil, Oct. 25-28). 12-13. (In the ACM Digital Library)
Referencias (interfaces naturales)
• Huerta, O., Sánchez, J. A., Fuentes, S., Cervantes, O. 2011. Speak up your mind: Using speech to capture innovative ideas on interactive surfaces. Proceedings of the Fifth Latin American Conference on Human-Computer Interaction (CLIHC 2011, Porto de Galinhas, Brazil, Oct. 25-28). 202-211.
• Méndez, Y. A., Collazos, C. A., Sánchez, J. A., Merchán Paredes, L. 2012. Criterios para la evaluación de superficies multitáctiles y sus aplicaciones. Lámpsakos 7 (Jan.), 64-68.• • Gutiérrez, F. S., Vera, F., Sánchez, J. A., Abud, M. A. 2013. Application of
contextual QR codes to augmented reality technologies. Proceedings of the 22nd International Conference on Electronics, Communications and Computers (CONIELECOMP 2013, March 11-13). IEEE Computer Society Press. 264-269.