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

Demo on -line

http://vitalas.belga.be

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.