Post on 07-Jul-2015
Buscando la usabilidad en la interfaz de
usuario, el caso VITALASIñaki Etxaniz, Cristina Martínez (TECNALIA Infotech)
Multimedia hoy en día
El índice de Google contenía un billón (1012) de páginas web en 2008
YouTube recibe cada minuto 24 horas de video (= 34.000 horas al día)
Flicker recibe 3,7 millones de fotos al día.
Multimedia en la Web
Necesidad detectada
Desarrollar un buscador multimedia avanzado que localice contenidos de forma eficaz, incluso sin anotación manual previa.
Búsqueda por similaridad visual
Búsqueda por color
Relevance feedback
Búsqueda por conceptos
Búsqueda ponderada por el usuario
Búsqueda combinada
VITALAS – Video & Image Indexing and Retrieval in the Large Scale
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.
Proyecto: Europeo IP (FP6-IST)
Plazo: 36+3 meses: ene 2007 – mar 2010
Socios (12):(BE) Belga
(DE) Fraunhofer IAIS, IRT
(ES) Tecnalia-Infotech*
(FR) INRIA, ERCIM, INA, EADS
(GB) Univ. of Sunderland, Codeworks
(GR) CERTH-ITI
(NL) CWI
* Responsable de la Interfaz Gráfica de Usuario (GUI)
VITALAS, tecnologías
Extracción y anotación automática de conceptosSugerencias, búsqueda por conceptos
Estructuración automática de videos Análisis y visualización avanzada de programas de video
Reconocimiento automático del hablaBúsqueda en la pista de audio
Búsquedas por similaridad visual Recuperación de imágenes o videos sin anotación manual previa
Perfiles de usuarioPreferencias de búsqueda y presentación de resultados. Lightboxes.
VITALAS, arquitectura
Arquitectura Orientada a Servicios (SOA)
Client & Web-Server tiers
(source: The Java EE 5 Tutorial, Sun)
Interfaz de usuario Web avanzado (RIA)
Capa cliente (HTML, Ajax, JScript, CSS, JSON)
Capa lógica de servidor (JSPs, servlets, Java)
VITALAS UI, pensando en el usuario
La eficiencia de una aplicación mejora cuando está diseñada para aprender del comportamiento del usuario.
-> Perfiles de usuario y Preferencias
El valor de un buscador depende tanto de su eficiencia, como de su facilidad de acceso y comprensiónde los resultados.
-> Usabilidad
-> Diseño Centrado en el Usuario
Diseño centrado en el usuario
I. Identificación del contexto e involucración de los usuarios
II. Especificaciones basadas en casos de uso
III. Soluciones de diseño siguiendo directrices de usabilidad
IV. Evaluaciones de funcionalidad y ergonomía con usuarios
Varias iteraciones para una mejora progresiva del sistema
ISO 13407:1999 Human-centred design for interactive systems
SAXASXSAX
Usuarios profesionales:medios de comunicación, agencias fotográficas, compañías multimedia…
Necesitan encontrar lo que buscan:
una herramienta capaz de almacenar y recuperar información con rapidez y eficacia
VITALAS, contexto
VITALAS, un caso de uso
“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.”
1. Búsqueda textual y/o de conceptos multimedia 2. Resultados en función del perfil del usuario3. Navegación interactiva en los resultados4. Zoom y selección de un resultado5. Búsqueda de resultados similares
Pasos de la búsqueda:
VITALAS, directrices de diseño
Ayudas claras a la navegación
Ninguna página sin salida
Proporcionar atajos para usuarios experimentados
Reconocer la importancia de la estética en el diseño
Simplicidad y coherencia
Mostrar los resultados de forma inmediataResaltar los términos de la búsqueda en los resultadosDiferentes vistas de resultadosProporcionar sugerencias al usuarioBalancear opciones por defecto y control por el usuarioIntegrar navegación y búsquedaProporcionar un historial de búsquedas
VITALAS, evaluaciones
Sesiones de evaluación para cada iteración
Usuarios profesionales y no profesionales
Evaluación de funcionalidad y ergonomía
Aceptación, utilidad y usabilidad
Métodos:
Tests de usuarios: Thinking-aloud y cuestionario
Evaluación heurística: Análisis siguiendo principios de usabilidad (lista de criterios predefinidos, p.e. Nielsen).
Participación en el concurso interactivo TRECVID
VITALAS, varias iteraciones
2008 => V1
2009=> V2
2010 => V3
VITALAS v1, primera iteración
Diseñado por… nosotros, los desarrolladores
Búsqueda básica de imágenes
Vista mosaico para presentación de resultados
VITALAS V1 - Diseño del GUI
Keyword searchConcept searchDate searchSimilar searchZoom viewDetails view
VITALAS V1 – Resultados de evaluaciones
Tests de usuarios: +Gran potencial de VITALAS, ofreciendo diversas funcionalidades de
búsqueda multi-modales que se pueden combinar entre sí (fusion search).
- “The current search interface is too complex”.
- “The search mask with the queries should be displayed all the time; this to know what is being processed and shown as result”.
Evaluación heurística:Identificación de defectos de usabilidad e introducción de
mejoras ergonómicas. Nuevo diseño del GUI.
VITALAS V2, segunda iteración
Diseñado por un diseñador profesional
Búsqueda mejorada de imágenes
Búsqueda básica de video
Adaptación al perfil del usuario:
Roles de usuario y preferencias
Búsquedas: básica, extendida, avanzada
Vistas de resultados: mosaico, lista
VITALAS V2 - Diseño del GUI
Term/concept suggestionSimilar search + UploadSearch by colorAdvanced searchLight boxesRelevance feedbackSearch on part of a pictureDetailed view for video
VITALAS V2 - Resultados de evaluaciones
Tests de usuarios (TRECVID 09) 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.
Recomendaciones de mejora:
Vista de cluster para agrupar los resultados según los criterios de búsqueda
History back/forward para moverse entre las vistas
Histórico de las búsquedas realizadas en la sesión, que permita repetirlas
Usar el evento mouse-over para el zoom de los resultados
Vista preliminar de los videos en la vista de resultados (fotogramas)
Diversas mejoras para facilitar la interacción con el video
VITALAS V3, la tercera iteración
Búsqueda y visualización de video avanzadas
Vista de Cluster: control por parte del usuario y resultados a nivel de cada tipo de búsqueda.
Tooltips, back button, mouse over para zoom.
VITALAS V3 - Diseño del GUI
Video preview on resultsCluster viewKeyframesTimelines zoom Video playback positionHighlight relevant segments Highlight matching terms in transcriptionClick to play a segment
VITALAS V3 – Resultados de las evaluaciones
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)
Los usuarios han valorado muy positivamente las mejoras realizadas con respecto a las versiones anteriores
La mejora del look and feel del interfaz ha hecho que el GUI resulte más agradable
La ergonomía de la aplicación favorece el manejo del sistema y mejora la experiencia del usuario.
Criterio Valor
(1-Muy útil; 5 Nada útil)
Utilidad 1,3
Funcionalidad 2,1
Facilidad de uso 2,2
Ergonomía 1,9
Gracias
Buscando la usabilidad en la interfaz de usuario, el caso VITALAS
Sectores de aplicación de VITALAS
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
____
En general, para la gestión de los archivos corporativos en grandes empresas.
Siguientes pasos
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
Mejorar el nivel de accesibilidad del interfaz de usuario
VITALAS V2 - Resultados Evaluación (II)
Conclusiones TRECVID 2009:
El uso de muchas características multi-modales (visual, audio y texto) mejora la eficacia de los resultados.
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.