• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Presentación Estudio de Usabilidad de Interfaces de Usuario en Portales de vídeo
 

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

on

  • 2,673 views

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 ...

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

Statistics

Views

Total Views
2,673
Views on SlideShare
2,669
Embed Views
4

Actions

Likes
0
Downloads
45
Comments
0

3 Embeds 4

http://www.slideshare.net 2
http://www.linkedin.com 1
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • 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ó
    • Tabla de Contenidos
          • 1. Resumen del proyecto
          • 2. Objetivos
          • 3. Contexto
          • 4 Situación del vídeo en la era digital
          • 5. Metodología
          • a) Selección de portales
            • b) Selección de variables
          • 6. Test de Usabilidad
            • a) Tipología y ámbito
            • b) Selección de participantes
            • c) Diseño de tareas
            • d) Redacción de tareas
          • 7. Resultados
          • Análisis
            • a) Tablas comparativas de los elementos gráficos
          • Test de usabilidad
            • a) Valoracion global de las tareas
            • b) Video resumen de los errores del test
          • 8. Recomendaciones de mejora
      Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías
    • 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:
      • Análisis descriptivo desde once variables y sus elementos gráficos
      Informe de recomendaciones de mejora 2 . Realización de un test de usabilidad centrado en el panel de control
    • 2. Objetivos
      • El proyecto parte de los siguientes objetivos:
        •  Definición del alcance del estudio en un límite de diez portales
        •  Análisis de trabajos previos
        •  Análisis conceptual
        •  Definición del contexto
        •  Definición de la metodología
        •  Planificación, diseño y realización del test de usabilidad
        •  Formulación de conclusiones
        •  Informe de recomendaciones de mejora
      Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías
    • 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
    • 4. Situación del vídeo en la era digital
      • Datos de consumo de vídeo por Internet
      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
    • 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
    • 5. Metodología
      • La metodología aplicada en este
      • proyecto está centrada en la fase 3
      • de la ISO 13407 “Especificar las
      • necesidades y requisitos del
      • usuario ”
      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:
    • 5. Metodología
      • a) Selección de portales
      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
    • 5. Metodología
      • b) Selección de variables a analizar
      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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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:
        • Problemas de identificación de controles
        • Problemas de identificación de la información relativa al vídeo
        • Problemas de interacción con los controles
        • Problemas de localización de los controles
        • Problemas en el manejo de la barra de progreso
      Número de tareas : 5 b) Diseño de tareas
    • 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 ..)
    • 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
    • 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
    • 7. Resultados
      • ANALISIS: Tablas comparativas de los elementos gráficos
      Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías Comportamiento inicial
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 7. Resultados
      • Test de Usabilidad: a) Valoración Global de las 5 tareas
      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.
      • Vídeo-Resumen con los
      • errores detectados en las 5
      • tareas del test de usabilidad
      7. Resultados Test de Usabilidad: b) Vídeo resumen
    • 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
    • 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
    • 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
    • 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
    • Muchas gracias por vuestra atención Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías