presentación estudio de usabilidad de interfaces de usuario en portales de vídeo

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íasTutora: Mireia Ribera Turró

/ 34 Estudio de Usabilidad de Interfaces de Usuario en Portales de Vídeo Agustín Paz Elías2

Tabla de Contenidos

1. Resumen del proyecto2. Objetivos3. Contexto4 Situación del vídeo en la era digital5. Metodología a) Selección de portales

b) Selección de variables6. 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


1. Resumen del proyecto

El objetivo de este proyecto consiste en evaluar las interfaces de usuariode 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


3. Contexto

Vídeo como contenido más demandado en Internet

Revolución Web 2.0 ycultura participativa

Transformacióntecnológica

Fenómeno YouTube y la cultura del clip

Nuevos consumidores “prosumers”

Abaratamiento de los costes

Compresión de datos

TransmisiónDe 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

Fuente: Cisco Visual Networking Index – Forecast and Methodology, 2007–2012


5. Metodología

Tabla de Métodos de trabajo propuesta por UsabilityNet


5. Metodología

La metodología aplicada en esteproyecto está centrada en la fase 3de la ISO 13407 “Especificar lasnecesidades y requisitos delusuario”

1. Evaluación de un sistema existente: benchmark de 10 portalesanalizando 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 elusuario y la interfaz.

Se han seguido dos métodos de trabajo:


5. Metodología

a) Selección de portales

3057http://www.break.com/Break 10

1217http://www.metacafe.com/Metacafe 9

1077http://www.veoh.com/Veoh8

657http://www.dailymotion.comDaylimotion7

367http://photobucket.com/Photobucket

6

17http://video.yahoo.com/YahooVideo5

78http://vids.myspace.com/MyspaceVideo4

321988http://www.motionbox.com/Motionbox 3

28http://video.google.es/GoogleVideo

2

39http://www.youtube.comYouTube 1

TRAFFICRANK

PAGERANK

URLSITETOP


5. Metodología

b) Selección de variables a analizar

TítuloDuraciónDía de realizaciónDía de envíoReproduccionesPuntuacionesEnlaces

Información sobre el vídeo

4

Tamaño de Pantalla de Visualización

Espacio de Visualización

3

MuteMáximoMedio

Volumen

Presentado en pauseActivación automáticaControl del usuario

Comportamiento Inicial

2

Imagen del vídeoImagen estática

Identificación del vídeo

1

INDICADORESVARIABLES


5. Metodología

ControlableNo Controlable

Marcador de posición

Indicador de descarga

EstáticaMóvil

TipologíaBarra de Progreso

6

InicioPauseParadaRewind/ ForwardVolumenMuteAmpliación de pantallaDuración total del vídeoTiempo transcurridoTipo de conexiónControles avanzadosVolver a ver el vídeo

Controles5




5. Metodología

VotaciónGuardar/DescargarRecomendaciones/CompartirPublicarMarcarSuscripciónRSS

Llamadas a la acción

9

SINO

Subtitulado8

TextoImagen/ TextoImagenTexto/Imagen con hover

Cómo se muestran

SINO

Tiene capítulos

Capítulos7




5. Metodología

SINO

Publicidad integrada en el espacio de visualización

11

IntroducciónLecturaRespuestaVídeo-Respuesta

Comentarios10




6. Test de usabilidad

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



Criterios de inclusión: edad :19 - 55 años ambos sexos mayoría de usuarios conformación media o universitaria uso de Internet al menos unavez por semana uso de portales de vídeo al menos una vez por semana entender castellano vivir en el área metropolitanade Barcelona

Estudios intermedios52HombreUsuario 10

Universitaria26MujerUsuario 9

Universitaria27HombreUsuario 8

Estudios intermedios34HombreUsuario 7

Estudios intermedios33MujerUsuario 6





Estudios intermedios 29HombreUsuario 1

FormaciónEdadSexo

b) Selección de participantes



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



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 dosacciones 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ídeosrelacionados desde el panel, ver el vídeo al máximo volumen, ver el vídeo en pantallacompleta..)


6. Test de usabilidadc) 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

2,5 minutos5 minutos3 minutosTarea 5


3 minutos6 minutos4, 30 minutosTarea 3


5 minutos10 minutos5-10 minutosTarea 1

Tiempo de usuario experto

Tiempo Máximo

Tiempo Previsto

Satisfacción de los usuarios con las tareas programadas



Ejemplo: Test de UsabilidadUsuario 1

d) Redacción de tareas


7. ResultadosANALISIS: Tablas comparativas de los elementos gráficos

Comportamiento inicial


7. Resultados

Información sobre el vídeo

ANALISIS: Tablas comparativas de los elementos gráficos


7. Resultados

Controles



7. Resultados

Controles

Análisis: Tablas comparativas de los elementos gráficos


7. Resultados

Controles



7. Resultados

Test de Usabilidad: a) Valoración Global de las 5 tareas

La interfaz de Break es la que ha provocadomás errores (17) seguida de YouTube (12),Daylimotion (9) y de Metacafe y Yahoo (8 errores cada una)

La interfaz que ha provocado menos erroresha sido la de Google (3) seguida de lejospor Motionbox y Myspace (6)

Si tomamos como referencia las cuatrotareas en las que se produce interaccióncon los controles, observamos que losresultados varían un poco, aunque Break (13) y YouTube (7) siguen ocupando las dosprimeras plazas de interfaces peorvaloradas.

/ 34

Vídeo-Resumen con loserrores detectados en las 5tareas del test de usabilidad

7. Resultados

Test de Usabilidad:

b) Vídeo resumen



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



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



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



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

presentación estudio de usabilidad de interfaces de usuario en portales de vídeo

Technology