Ponencia vitalas telecom2010_v4.0

329 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
329
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ponencia vitalas telecom2010_v4.0

  1. 1. Buscando la usabilidad en la interfaz de usuario, el caso VITALAS<br />Iñaki Etxaniz, Cristina Martínez (TECNALIA Infotech)<br />
  2. 2. Resumen Ejecutivo<br />ABSTRACT<br />El manejo de archivos multimedia se ha convertido en algo común hoy en día para el público en general. El volumen de este tipo de información presente en nuestras vidas, en gran parte a través de la Web, crece cada día. De ahí que resulte de máximo interés, sobre todo para los usuarios profesionales, disponer de una herramienta capaz de indexarla y recuperarla eficazmente. <br />El proyecto VITALAS tiene como objetivo gestionar la indexación y recuperación a gran escala de videos e imágenes, y está especialmente dirigido a profesionales. En este artículo presentamos una visión general de la herramienta y una descripción detallada de su interfaz de usuario, que permite la búsqueda y visualización de contenido multimedia. <br />Asimismo, se presenta el papel desempeñado por los usuarios durante las fases de diseño y evaluación, quienes han proporcionado una opinión positiva del resultado, confirmando así la utilidad y eficacia del enfoque seguido.<br />CONCLUSIONES<br />El sistema VITALAS ha sido diseñado teniendo en cuenta los requisitos y casos de uso expresados por los usuarios, y ha sido refinado como resultado de las evaluaciones llevadas a cabo con usuarios profesionales y no profesionales en varios estadios del proyecto<br />Los usuarios han declarado que la herramienta VITALAS representa una mejora sobre las herramientas disponibles actualmente, debido al intuitivo interfaz de usuario que ofrece múltiples e innovadores servicios de búsqueda. Como limitaciones del sistema podemos citar un tiempo de respuesta mejorable, así como la necesidad de una formación previa a los usuarios con el fin de extraer todas las ventajas potenciales de la herramienta .<br />Future work: autocompletado y corrección de términos; búsqueda avanzada que integre metadatos, similaridad, y conceptos mediante operadores lógicos; proporcionar filtros para refinar la búsqueda; integración de archivos de audio en múltiples idiomas; o mejorar el nivel de accesibilidad del interfaz de usuario.<br />Los resultados de VITALAS son aplicables a sectores tales como medios de comunicación y difusión, agencias de prensa, agencias fotográficas, compañías multimedia, gestores de activos digitales, educación, seguridad y prevención de delitos y, en general, para facilitar el acceso a archivos corporativos en grandes empresas.<br />
  3. 3. Multimedia hoy en día<br />
  4. 4. Multimedia en la Web<br /> El índice deGoogle contenía un billón (1012) de páginas web en 2008<br /> YouTube recibe cada minuto 24 horas de video (= 34.000 horas al día)<br /> Flicker recibe 3,7 millones de fotos al día. <br />
  5. 5. Necesidad detectada<br />Desarrollar un buscador multimedia avanzado que localice contenidos de forma eficaz, incluso sin anotación manual previa.<br /><ul><li>Búsqueda por similaridad visual
  6. 6. Búsqueda por color
  7. 7. Relevance feedback
  8. 8. Búsqueda por conceptos
  9. 9. Búsqueda ponderada por el usuario
  10. 10. Búsqueda combinada </li></li></ul><li>VITALAS – Video & Image Indexing and Retrieval in the Large Scale<br />Objetivo:Buscador multimedia, orientado a profesionales del sector y archivistas, con el fin de gestionar la indexación y recuperación a gran escala de videos e imágenes.<br />Proyecto: Europeo IP (FP6-IST) <br />Plazo: 36+3 meses: ene 2007 – mar 2010<br />Socios (12):(BE) Belga<br /> (DE) Fraunhofer IAIS, IRT<br /> (ES) Tecnalia-Infotech*<br />(FR) INRIA, ERCIM, INA, EADS <br />(GB) Univ. of Sunderland, Codeworks<br />(GR) CERTH-ITI<br />(NL) CWI<br /> * Responsable de la Interfaz Gráfica de Usuario (GUI)<br />
  11. 11. VITALAS, tecnologías<br /><ul><li>Extracción y anotación automática de conceptos</li></ul>Sugerencias, búsqueda por conceptos<br /><ul><li>Estructuración automática de videos </li></ul>Análisis y visualización avanzada de programas de video<br /><ul><li>Reconocimiento automático del habla</li></ul>Búsqueda en la pista de audio<br /><ul><li>Búsquedas por similaridad visual </li></ul>Recuperación de imágenes o videos sin anotación manual previa<br /><ul><li>Perfiles de usuario</li></ul> Preferencias de búsqueda y presentación de resultados. Lightboxes.<br />
  12. 12. VITALAS, arquitectura <br /> Arquitectura Orientada a Servicios (SOA)<br />Interfaz de usuario Web avanzado (RIA)<br />Capa cliente (HTML, Ajax, JScript, CSS, JSON)<br />Capa lógica de servidor (JSPs, servlets, Java)<br />Client & Web-Server tiers <br />(source: The Java EE 5 Tutorial, Sun)<br />
  13. 13. VITALAS UI, pensando en el usuario<br />La eficiencia de una aplicación mejora cuando está diseñada para aprender del comportamiento del usuario.<br /> -> Perfiles de usuario y Preferencias<br />El valor de un buscador depende tanto de su eficiencia, como de su facilidad de acceso y comprensión de los resultados.<br />-> Usabilidad<br />->Diseño Centrado en el Usuario<br />
  14. 14. Diseño centrado en el usuario<br />Identificación del contexto e involucración de los usuarios<br />Especificaciones basadas en casos de uso<br />Soluciones de diseño siguiendo directrices de usabilidad<br />Evaluaciones de funcionalidad y ergonomía con usuarios<br /><ul><li>Varias iteraciones para una mejora progresiva del sistema</li></ul>ISO 13407:1999 Human-centred design for interactive systems<br />
  15. 15. VITALAS, contexto <br />Usuarios profesionales:<br />medios de comunicación, <br />agencias fotográficas, <br />compañías multimedia…<br />Necesitan encontrar lo que buscan:<br />una herramienta capaz de almacenar y recuperar información con rapidez y eficacia<br />SAXASXSAX<br />
  16. 16. VITALAS, un caso de uso<br />“Michael, a journalist of the national newspaper « Le Soir » needs to find a picture of a researcher in a medical laboratory with the “right type of material”. As part of the request is not precisely expressed (material?), the results may not be relevant. The user has to browse the resulting picture set to select the one corresponding to the illustration he imagines.”<br />Pasos de la búsqueda:<br />Búsqueda textual y/o de conceptos multimedia <br />Resultados en función del perfil del usuario<br />Navegación interactiva en los resultados<br />Zoom y selección de un resultado<br />Búsqueda de resultados similares<br />
  17. 17. VITALAS, directrices de diseño<br />Ayudas claras a la navegación<br />Ninguna página sin salida<br />Proporcionar atajos para usuarios experimentados <br />Reconocer la importancia de la estética en el diseño<br />Simplicidad y coherencia<br />Mostrar los resultados de forma inmediata<br />Resaltar los términos de la búsqueda en los resultados<br />Diferentes vistas de resultados<br />Proporcionar sugerencias al usuario<br />Balancear opciones por defecto y control por el usuario<br />Integrar navegación y búsqueda<br />Proporcionar un historial de búsquedas<br />
  18. 18. VITALAS, evaluaciones<br /><ul><li>Sesiones de evaluación para cada iteración</li></ul>Usuarios profesionales y no profesionales<br /><ul><li>Evaluación de funcionalidad y ergonomía</li></ul>Aceptación, utilidad y usabilidad<br /><ul><li>Métodos:</li></ul>Tests de usuarios: Thinking-aloud y cuestionario<br />Evaluación heurística: Análisis siguiendo principios de usabilidad (lista de criterios predefinidos, p.e. Nielsen).<br /><ul><li>Participación en el concurso interactivo TRECVID</li></li></ul><li>VITALAS, varias iteraciones <br /><ul><li>2008 => V1
  19. 19. 2009=> V2
  20. 20. 2010 => V3</li></li></ul><li>VITALAS v1, primera iteración<br />Diseñado por… nosotros, los desarrolladores<br /><ul><li>Búsqueda básica de imágenes
  21. 21. Vista mosaico para presentación de resultados</li></li></ul><li>VITALAS V1 - Diseño del GUI<br />Keyword search<br />Concept search<br />Date search<br />Similar search<br />Zoom view<br />Details view<br />
  22. 22. VITALAS V1 – Resultados de evaluaciones<br />Tests de usuarios: <br /><ul><li>Gran potencial de VITALAS, ofreciendo diversas funcionalidades de búsqueda multi-modales que se pueden combinar entre sí (fusion search).
  23. 23. “The current search interface is too complex”.
  24. 24. “The search mask with the queries should be displayed all the time; this to know what is being processed and shown as result”.</li></ul>Evaluación heurística:<br /><ul><li>Identificación de defectos de usabilidad e introducción de mejoras ergonómicas. Nuevo diseño del GUI.</li></li></ul><li>VITALAS V2, segunda iteración<br />Diseñado por un diseñador profesional<br /><ul><li>Búsqueda mejorada de imágenes
  25. 25. Búsqueda básica de video
  26. 26. Adaptación al perfil del usuario:</li></ul>Roles de usuario y preferencias<br /> Búsquedas: básica, extendida, avanzada<br /> Vistas de resultados: mosaico, lista<br />
  27. 27. VITALAS V2 - Diseño del GUI<br />Term/concept suggestion<br />Similar search + Upload<br />Search by color<br />Advanced search<br />Light boxes<br />Relevance feedback<br />Search on part of a picture<br />Detailed view for video<br />
  28. 28. VITALAS V2 - Resultados de evaluaciones<br />Tests de usuarios (TRECVID 09)<br /><ul><li>Las búsquedas por similaridad obtienen el doble de resultados relevantes frente a las búsquedas por palabras clave; las búsquedas por conceptos el triple y las búsquedas combinadas (fused) elevan la efectividad en un factor de hasta cinco.</li></ul>Recomendaciones de mejora:<br /><ul><li>Vista de cluster para agrupar los resultados según los criterios de búsqueda
  29. 29. History back/forward para moverse entre las vistas
  30. 30. Histórico de las búsquedas realizadas en la sesión, que permita repetirlas
  31. 31. Usar el evento mouse-over para el zoom de los resultados
  32. 32. Vista preliminar de los videos en la vista de resultados (fotogramas)
  33. 33. Diversas mejoras para facilitar la interacción con el video</li></li></ul><li>VITALAS V3, la tercera iteración<br /><ul><li>Búsqueda y visualización de video avanzadas
  34. 34. Vista de Cluster: control por parte del usuario y resultados a nivel de cada tipo de búsqueda.
  35. 35. Tooltips, back button, mouse over para zoom.</li></li></ul><li>VITALAS V3 - Diseño del GUI<br />Video preview on results<br />Cluster view<br />Keyframes<br />Timelines zoom <br />Video playback position<br />Highlight relevant segments <br />Highlight matching terms in transcription<br />Click to play a segment<br />
  36. 36. VITALAS V3 – Resultados de las evaluaciones<br /><ul><li>La evaluación final del sistema ha sido realizada sobre colecciones profesionales extensas, en concreto 16.000 horas de video (archivos TV de INA) y 1.000.000 de imágenes (archivos de Belga)
  37. 37. Los usuarios han valorado muy positivamente las mejoras realizadas con respecto a las versiones anteriores
  38. 38. La mejora del look and feel del interfaz ha hecho que el GUI resulte más agradable
  39. 39. La ergonomía de la aplicación favorece el manejo del sistema y mejora la experiencia del usuario.</li></li></ul><li>Demo on -line<br />http://vitalas.belga.be<br />
  40. 40. Gracias<br />Buscando la usabilidad en la interfaz de usuario, el caso VITALAS<br />
  41. 41. Sectores de aplicación de VITALAS<br /><ul><li>Medios de comunicación y difusión
  42. 42. Agencias de prensa
  43. 43. Agencias fotográficas
  44. 44. Compañías multimedia
  45. 45. Gestores de activos digitales
  46. 46. Educación
  47. 47. Seguridad y prevención de delitos </li></ul> ____<br />En general, para la gestión de los archivos corporativos en grandes empresas.<br />
  48. 48. Siguientes pasos<br /><ul><li>Autocompletado y corrección de términos
  49. 49. Búsqueda avanzada que integre metadatos, similaridad, y conceptos mediante operadores lógicos
  50. 50. Proporcionar filtros para refinar la búsqueda
  51. 51. Integración de archivos de audio en múltiplesidiomas
  52. 52. Mejorar el nivel de accesibilidad del interfaz de usuario</li></li></ul><li>VITALAS V2 - Resultados Evaluación (II)<br />Conclusiones TRECVID 2009:<br /><ul><li>El uso de muchas características multi-modales (visual, audio y texto) mejora la eficacia de los resultados.
  53. 53. Las búsquedas por similaridad obtienen el doble de resultados relevantes frente a las búsquedas por palabras clave; las búsquedas combinadas (fused) el triple y las búsquedas por conceptos elevan la efectividad en un factor de hasta cinco.</li></li></ul><li>UCD: directrices de diseño<br />Facilidad de uso, reducción del tiempo de desarrollo y mejora de la calidad de la interfaz:<br /><ul><li> Ayudas claras a la navegación
  54. 54. Ninguna página sin salida
  55. 55. Accesos directos
  56. 56. Simplicidad y coherencia
  57. 57. Diálogo y confirmación</li></li></ul><li>UCD: directrices de diseño II <br />(para interfaces de búsqueda)<br />
  58. 58. VITALAS, funcionalidades<br />VITALAS ha desarrollado e integrado tecnologías innovadoras y diversos métodos de búsqueda, parcialmente presentes en otros buscadores comerciales.<br /><ul><li>Búsqueda por similaridad visual (like.com)
  59. 59. Búsqueda por conceptos (Getty Images)
  60. 60. Búsqueda por color (Exalead, Xcavator)
  61. 61. Vistas de cluster (Google Labs)
  62. 62. Sugerencias relacionadas (Yahoo, Google)
  63. 63. Relevance feedback (Sortfix, Vimasearch)
  64. 64. Lightboxes (Dreamstime, 123rf)</li>

×