Presentación del Proyecto final del master en Gestión de Contenidos Digitales impartido por la Universidad de Barcelona en colaboración con la Universidad Pompeu Fabra "Estudio de usabilidad de interfaces de usuario en portales de vídeo" No hay enlaces al vídeo del test de usuarios por temas de confidencialidad

1. Estudio de usabilidad de interfaces de usuario en portales de vídeo Proyecto Final del Master en Gestión de Contenidos Digitales. 2007- 2009 Autor: Agustín Paz Elías Tutora: Mireia Ribera Turró

5. 3. Contexto Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Vídeo como contenido más demandado en Internet Revolución Web 2.0 y cultura participativa Transformación tecnológica Fenómeno YouTube y la cultura del clip Nuevos consumidores “ prosumers” Abaratamiento de los costes Compresión de datos Transmisión De datos Nuevos medios de comunicación audiovisual

7. 5. Metodología Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Tabla de Métodos de trabajo propuesta por UsabilityNet

11. 5. Metodología Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías b) Selección de variables a analizar Controlable No Controlable Marcador de posición Indicador de descarga Estática Móvil Tipología Barra de Progreso 6 Inicio Pause Parada Rewind/ Forward Volumen Mute Ampliación de pantalla Duración total del vídeo Tiempo transcurrido Tipo de conexión Controles avanzados Volver a ver el vídeo Controles 5 INDICADORES VARIABLES

12. 5. Metodología Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías b) Selección de variables a analizar Votación Guardar/Descargar Recomendaciones/Compartir Publicar Marcar Suscripción RSS Llamadas a la acción 9 SI NO Subtitulado 8 Texto Imagen/ Texto Imagen Texto/Imagen con hover Cómo se muestran SI NO Tiene capítulos Capítulos 7 INDICADORES VARIABLES

13. 5. Metodología Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías b) Selección de variables a analizar SI NO Publicidad integrada en el espacio de visualización 11 Introducción Lectura Respuesta Vídeo-Respuesta Comentarios 10 INDICADORES VARIABLES

14. 6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías  Test de usabilidad comparativo  Ámbito de evaluación : panel de control que implica la evaluación de cinco de las once variables diseñadas a medida: Comportamiento inicial Espacio de visualización Controles Barra de progreso Información sobre el vídeo  Relación directa entre el usuario y la interfaz  Los resultados obtenidos son cualitativos y observacionales a) Tipología y ámbito

15. 6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Criterios de inclusión:  edad :19 - 55 años  ambos sexos  mayoría de usuarios con formación media o universitaria  uso de Internet al menos una vez por semana  uso de portales de vídeo al menos una vez por semana  entender castellano  vivir en el área metropolitana de Barcelona b) Selección de participantes Estudios intermedios 52 Hombre Usuario 10 Universitaria 26 Mujer Usuario 9 Universitaria 27 Hombre Usuario 8 Estudios intermedios 34 Hombre Usuario 7 Estudios intermedios 33 Mujer Usuario 6 Universitaria 39 Mujer Usuario 5 Universitaria 45 Hombre Usuario 4 Universitaria 24 Mujer Usuario 3 Universitaria 19 Hombre Usuario 2 Estudios intermedios 29 Hombre Usuario 1 Formación Edad Sexo

17. 6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Tarea 1: Identificación de Controles Objetivo: observar el nivel de compresión de los usuarios sobre la iconografía de los controles del panel. c) Diseño de tareas Tarea 2: Exploración libre e identificación de información sobre el vídeo Objetivo: .exploración libre y respuesta de cinco breves cuestiones sobre aspectos que muestren información sobre el vídeo que acaban de ver. Tarea 3: Visionado de un vídeo y localización de una escena Objetivo: localización de una escena que tienen determinada e interacción con el control de replay y la barra de progreso Tarea 4: Abrir un link de correo-e y realizar dos acciones de interacción Objetivo: evaluar el estado por defecto que presenta cada interfaz y realizar dos acciones de interacción en el panel de control (ej. parar el vídeo sin activar el pause, ver el vídeo en silencio , ver el vídeo en alta calidad...) Tarea 5: Realizar tres acciones de interacción Objetivo: .realizar tres acciones de interacción en el panel de control (ej. ver vídeos relacionados desde el panel, ver el vídeo al máximo volumen , ver el vídeo en pantalla completa ..)

18. 6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías c) Diseño de tareas Criterios de medida :  Eficacia: que el usuario haya podido realizar la tarea asignada  Eficiencia: es el tiempo de realización de cada tarea. Se han considerado dos tipos de medida de tiempo: el tiempo previsto que durará la tarea y el tiempo máximo de cada tarea  Satisfacción de los usuarios con las tareas programadas 2,5 minutos 5 minutos 3 minutos Tarea 5 2,5 minutos 5 minutos 2 minutos Tarea 4 3 minutos 6 minutos 4, 30 minutos Tarea 3 2,5 minutos 5 minutos 5 minutos Tarea 2 5 minutos 10 minutos 5-10 minutos Tarea 1 Tiempo de usuario experto Tiempo Máximo Tiempo Previsto

19. 6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Ejemplo: Test de Usabilidad Usuario 1 d) Redacción de tareas

21. 7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Información sobre el vídeo ANALISIS: Tablas comparativas de los elementos gráficos

22. 7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Controles ANALISIS: Tablas comparativas de los elementos gráficos

23. 7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Controles ANALISIS: Tablas comparativas de los elementos gráficos

24. 7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Controles ANALISIS: Tablas comparativas de los elementos gráficos

25. 7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Controles ANALISIS: Tablas comparativas de los elementos gráficos

26. 7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Controles Análisis: Tablas comparativas de los elementos gráficos

27. 7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Controles ANALISIS: Tablas comparativas de los elementos gráficos

30. 8. Recomendaciones de mejora Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Recomendaciones específicas Comportamiento inicial de los vídeos  en pause , para permitir el control total por parte del usuario  volumen medio . Localización de la información  título : encima del espacio de visualización  duración : en el panel de control  los símbolos utilizados en las puntuaciones : sistema de estrellas  número de reproducciones: debajo del panel de control

31. 9. Recomendaciones de mejora Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Controles  integrados en el mismo botón y en la parte izquierda del panel Play/Pause  suprimir este control Parada Controles de tiempo  usar dos contadores tiempo.  barra de progreso móvil y vista en todo momento  añadir un marcador que indique el tiempo exacto del vídeo al situar el cursor sobre ella Barra de progreso

32. 9. Recomendaciones de mejora Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Volumen  se deberían diseñar con el control visto Controles Ampliación de pantalla  debería aparecer siempre visible en el panel de control  diseñar un icono con una metáfora identificable  los controles avanzados menos conocidos por los usuarios deberían tener un “title” que facilitara su identificación  Se requieren propuestas de diseño más creativas Controles avanzados

33. 9. Recomendaciones de mejora Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Recomendaciones generales  seguir una consistencia visual, evitando colocar demasiados objetos en la pantalla  todos los controles han de ser del mismo tamaño evitando el diseño de botones demasiado pequeños que dificulten su identificación  suprimir del panel de control los botones que no funcionen con determinados sistemas operativos o navegadores  evitar la utilización de colores apagados y difuminados que dificulten la identificación de los controles a personas con allgún tipo de deficiencia visual

34. Muchas gracias por vuestra atención Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías