Estudio de usabilidad de interfaces de usuario en portales de vídeo Proyecto Final del Master en Gestión de Contenidos Dig...
Tabla de Contenidos <ul><ul><ul><li>1. Resumen del proyecto </li></ul></ul></ul><ul><ul><ul><li>2. Objetivos </li></ul></u...
1. Resumen del proyecto Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías El objetiv...
2. Objetivos <ul><li>El proyecto parte de los siguientes objetivos: </li></ul><ul><ul><li>   Definición del alcance del e...
3. Contexto Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Vídeo como contenido m...
4. Situación del vídeo en la era digital <ul><li>Datos de consumo de vídeo por Internet </li></ul>Estudio de Usabilidad de...
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...
5. Metodología <ul><li>La metodología aplicada en este </li></ul><ul><li>proyecto está centrada en la fase 3 </li></ul><ul...
5. Metodología <ul><li>a) Selección de portales </li></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Ví...
5. Metodología <ul><li>b) Selección de variables a analizar   </li></ul>Estudio de Usabilidad de Interfaces de Usuario en ...
5. Metodología Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías b) Selección de var...
5. Metodología Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías b) Selección de var...
5. Metodología Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías b) Selección de var...
6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías    Test de ...
6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Criterios de...
6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Criterios de...
6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Tarea 1: Ide...
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...
6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Ejemplo: Tes...
7. Resultados <ul><li>ANALISIS: Tablas comparativas de los elementos gráficos </li></ul>Estudio de Usabilidad de Interface...
7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Información sobre el...
7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Controles ANALISIS: ...
7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Controles ANALISIS: ...
7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Controles ANALISIS: ...
7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Controles ANALISIS: ...
7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Controles Análisis: ...
7. Resultados Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Controles ANALISIS: ...
7. Resultados <ul><li>Test de Usabilidad: a) Valoración Global de las 5 tareas </li></ul>Estudio de Usabilidad de Interfac...
<ul><li>Vídeo-Resumen con los </li></ul><ul><li>errores detectados en las 5 </li></ul><ul><li>tareas del test de usabilida...
8. Recomendaciones de mejora Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Recom...
9. Recomendaciones de mejora Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Contr...
9. Recomendaciones de mejora Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Volum...
9. Recomendaciones de mejora Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías Recom...
Muchas gracias por vuestra atención Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo   Agustín Paz Elías
Upcoming SlideShare
Loading in …5
×

Presentación Estudio de Usabilidad de Interfaces de Usuario en Portales de vídeo

2,859 views

Published on

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

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

  • Be the first to like this

No Downloads
Views
Total views
2,859
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
51
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentación Estudio de Usabilidad de Interfaces de Usuario en Portales de vídeo

  1. 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ó
  2. 2. Tabla de Contenidos <ul><ul><ul><li>1. Resumen del proyecto </li></ul></ul></ul><ul><ul><ul><li>2. Objetivos </li></ul></ul></ul><ul><ul><ul><li>3. Contexto </li></ul></ul></ul><ul><ul><ul><li>4 Situación del vídeo en la era digital </li></ul></ul></ul><ul><ul><ul><li>5. Metodología </li></ul></ul></ul><ul><ul><ul><li>a) Selección de portales </li></ul></ul></ul><ul><ul><ul><ul><li>b) Selección de variables </li></ul></ul></ul></ul><ul><ul><ul><li>6. Test de Usabilidad </li></ul></ul></ul><ul><ul><ul><ul><li>a) Tipología y ámbito </li></ul></ul></ul></ul><ul><ul><ul><ul><li>b) Selección de participantes </li></ul></ul></ul></ul><ul><ul><ul><ul><li>c) Diseño de tareas </li></ul></ul></ul></ul><ul><ul><ul><ul><li>d) Redacción de tareas </li></ul></ul></ul></ul><ul><ul><ul><li>7. Resultados </li></ul></ul></ul><ul><ul><ul><li>Análisis </li></ul></ul></ul><ul><ul><ul><ul><li>a) Tablas comparativas de los elementos gráficos </li></ul></ul></ul></ul><ul><ul><ul><li>Test de usabilidad </li></ul></ul></ul><ul><ul><ul><ul><li>a) Valoracion global de las tareas </li></ul></ul></ul></ul><ul><ul><ul><ul><li>b) Video resumen de los errores del test </li></ul></ul></ul></ul><ul><ul><ul><li>8. Recomendaciones de mejora </li></ul></ul></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías
  3. 3. 1. Resumen del proyecto Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías El objetivo de este proyecto consiste en evaluar las interfaces de usuario de diez portales de vídeo mediante dos métodos: <ul><li>Análisis descriptivo desde once variables y sus elementos gráficos </li></ul>Informe de recomendaciones de mejora 2 . Realización de un test de usabilidad centrado en el panel de control
  4. 4. 2. Objetivos <ul><li>El proyecto parte de los siguientes objetivos: </li></ul><ul><ul><li> Definición del alcance del estudio en un límite de diez portales </li></ul></ul><ul><ul><li> Análisis de trabajos previos </li></ul></ul><ul><ul><li> Análisis conceptual </li></ul></ul><ul><ul><li> Definición del contexto </li></ul></ul><ul><ul><li> Definición de la metodología </li></ul></ul><ul><ul><li> Planificación, diseño y realización del test de usabilidad </li></ul></ul><ul><ul><li> Formulación de conclusiones </li></ul></ul><ul><ul><li> Informe de recomendaciones de mejora </li></ul></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías
  5. 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
  6. 6. 4. Situación del vídeo en la era digital <ul><li>Datos de consumo de vídeo por Internet </li></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Fuente: Cisco Visual Networking Index – Forecast and Methodology, 2007–2012
  7. 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
  8. 8. 5. Metodología <ul><li>La metodología aplicada en este </li></ul><ul><li>proyecto está centrada en la fase 3 </li></ul><ul><li>de la ISO 13407 “Especificar las </li></ul><ul><li>necesidades y requisitos del </li></ul><ul><li>usuario ” </li></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías 1. Evaluación de un sistema existente: benchmark de 10 portales analizando unas variables de estudio diseñadas a medida. 2 . Evaluación de requisitos de los usuarios: test de usabilidad de las variables de estudio en las que hay una relación directa entre el usuario y la interfaz. Se han seguido dos métodos de trabajo:
  9. 9. 5. Metodología <ul><li>a) Selección de portales </li></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías 305 7 http://www.break.com/ Break 10 121 7 http://www.metacafe.com/ Metacafe 9 107 7 http://www.veoh.com/ Veoh 8 65 7 http://www.dailymotion.com Daylimotion 7 36 7 http://photobucket.com/ Photobucket 6 1 7 http://video.yahoo.com/ YahooVideo 5 7 8 http://vids.myspace.com/ MyspaceVideo 4 32198 8 http://www.motionbox.com/ Motionbox 3 2 8 http://video.google.es/ GoogleVideo 2 3 9 http:// www.youtube.com YouTube 1 TRAFFIC RANK PAGE RANK URL SITE TOP
  10. 10. 5. Metodología <ul><li>b) Selección de variables a analizar </li></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Título Duración Día de realización Día de envío Reproducciones Puntuaciones Enlaces Información sobre el vídeo 4 Tamaño de Pantalla de Visualización Espacio de Visualización 3 Mute Máximo Medio Volumen Presentado en pause Activación automática Control del usuario Comportamiento Inicial 2 Imagen del vídeo Imagen estática Identificación del vídeo 1 INDICADORES VARIABLES
  11. 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. 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. 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. 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. 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
  16. 16. 6. Test de usabilidad Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Criterios de selección : Que cada una presenta al menos alguna de las siguientes problemáticas: <ul><ul><li>Problemas de identificación de controles </li></ul></ul><ul><ul><li>Problemas de identificación de la información relativa al vídeo </li></ul></ul><ul><ul><li>Problemas de interacción con los controles </li></ul></ul><ul><ul><li>Problemas de localización de los controles </li></ul></ul><ul><ul><li>Problemas en el manejo de la barra de progreso </li></ul></ul>Número de tareas : 5 b) Diseño de tareas
  17. 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. 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. 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
  20. 20. 7. Resultados <ul><li>ANALISIS: Tablas comparativas de los elementos gráficos </li></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Comportamiento inicial
  21. 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. 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. 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. 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. 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. 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. 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
  28. 28. 7. Resultados <ul><li>Test de Usabilidad: a) Valoración Global de las 5 tareas </li></ul>Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías La interfaz de Break es la que ha provocado más errores (17) seguida de YouTube (12), Daylimotion (9) y de Metacafe y Yahoo (8 errores cada una) La interfaz que ha provocado menos errores ha sido la de Google (3) seguida de lejos por Motionbox y Myspace (6) Si tomamos como referencia las cuatro tareas en las que se produce interacción con los controles, observamos que los resultados varían un poco, aunque Break (13) y YouTube (7) siguen ocupando las dos primeras plazas de interfaces peor valoradas.
  29. 29. <ul><li>Vídeo-Resumen con los </li></ul><ul><li>errores detectados en las 5 </li></ul><ul><li>tareas del test de usabilidad </li></ul>7. Resultados Test de Usabilidad: b) Vídeo resumen
  30. 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. 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. 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. 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. 34. Muchas gracias por vuestra atención Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías

×