STVnet

Grupo 19
Sonia Martnez Martn Carlos David Rodrguez Pea Javier Serrano de Fras Mnica Zori Martn

Esquema General
Introduccin Esquema de Diseo Mapa de Navegacin Prototipos Test de Usabilidad Resultados de la Evaluacin Conclusiones

Introduccin
Objetivos del proyecto
Fusionar dos conceptos distintos.
Ver series + Redes sociales

Ofrecer muchas menos limitaciones que las televisiones tradicionales. Compartir tus series con tus amigos y poder comentarlas.

Posibilidad de conocer nuevas series afines a tus gustos.

Ofrecer interfaz intuitiva para todo tipo de usuarios.

Esquema de Diseo: PERFIL

Esquema de Diseo: PERFIL

Comentarios
Informacin completa de usuario
Actividad (notificaciones recibidas) Amigos Series que sigue Calendario

Buscador Botones para cambiar de seccin.

Botn PERFIL. Botn CATLOGO. Botn TV.

Esquema de Diseo: SERIE

Esquema de Diseo: SERIE

Comentarios
Informacin completa de serie
Informacin Canales en los que se emite Amigos que la siguen

Botones de puntuacin y seguimiento de la serie Buscador Botones para cambiar de seccin.

Botn PERFIL. Botn CATLOGO. Botn TV.

Esquema de Diseo: CATLOGO

Esquema de Diseo: CATLOGO

Comentarios
Opciones de bsqueda
Orden alfabtico Por canales de emisin Por categoras (drama, comedia, etc.)

Buscador
Botones para cambiar de seccin.
Botn PERFIL. Botn CATLOGO. Botn TV.

10

Esquema de Diseo: TV

11

Esquema de Diseo: TV
Comentarios
Visualizacin de la serie. Acciones (agregar, puntuar, activar subttulos, etc.) sobre la visualizacin de las series. Series seguidas que se estn emitiendo. Chat pblico y privado. Botones para cambiar de seccin (PERFIL, CATLOGO, TV).

12

Mapa de Navegacin
Anotaciones
Cajas sombreadas Contextos de interaccin accesibles desde cualquier parte del sistema. Cajas con lnea discontinua Pestaas (contextos diferentes dentro de uno que los engloba)

Desde la pestaa ACTIVIDAD, dentro de PERFIL, dependiendo de las notificaciones de cada usuario, se podra llegar a:
PERFIL (de otra persona) SERIES (dentro de PERFIL) SERIE CALENDARIO

13

Mapa de Navegacin

14

Prototipos
De idea a Baja Fidelidad
La propuesta inicial y el esquema anterior sirvieron como base del proyecto para avanzar en una idea de ms alto nivel.

La plataforma elegida como soporte fue una interfaz web tipo GUI por pestaas y el dispositivo un ordenador personal.

17

Prototipos
De Baja a Alta Fidelidad
La estructura fue validada por los usuarios que participaron en las evaluaciones. Necesitbamos mejorar ciertos aspectos para conseguir una interaccin con el sistema ms intuitiva (aadir o redimensionar iconos, etc.). Incluir elementos con ms nivel de detalle (texto en algunos iconos, descripciones, etc.).

20

Test de Usabilidad
Dinmica
Contamos con usuarios de diferentes tipos (de entre 17 y 52 aos, ambos sexos y experiencia variable con redes sociales). Les explicamos en qu consiste el test y las tareas especificas a realizar. Finalmente, realizaron un cuestionario de satisfaccin para conocer sus impresiones.

21

Test de Usabilidad
Objetivos
Evaluar la capacidad de los usuarios para realizar correctamente las tareas solicitadas.

Estimar la eficiencia con la que realiza dichas tareas el usuario, teniendo en cuenta el tiempo y la dificultad de cada una. Evaluar las reacciones del usuario, los errores cometidos y las ayudas que pide a los desarrolladores en caso de no saber cmo continuar o terminar la tarea.
Conocer si el usuario est satisfecho con su experiencia con el sistema y conocer sus impresiones.

22

Test de Usabilidad
Ejemplo de Tareas (escenario propuesto)
Iniciar sesin en tu cuenta STVnet. Pinchar en una notificacin. Iniciar una conversacin con un amigo. Entrar a ver una serie. Ver la serie en pantalla completa. Comentar una escena de la serie en el Chat pblico. Puntuar una serie con 4 estrellas sobre 5. Ir al Catlogo y buscar una serie. Seguir una serie nueva. Estudiar el calendario

23

Resultados de la Evaluacin
Errores y aspectos a mejorar Apariencia no suficientemente agradable Soluciones propuestas Ajustar mejor los colores de los diferentes contextos de interaccin

Iconos no siguen un patrn de diseo Disear una nueva gama de iconos que no similar destaque sobre los existentes Proporcionar una lista separada para el Confusin entre abrir un chat o entrar al chat o aclarar la diferencia en el modelo perfil de un amigo existente Cambiar los colores, aadir algn icono representativo o redisear este contexto por completo

Pestaas de chat en pantalla visualizacin no se distinguen

de

24

A mejorar:

Evaluacin heursticas de accesibilidad

A8 Navegable
Es posible que no sea claro en todo momento el lugar donde se encuentra el usuario por no haber un ttulo explcito. Faltan tooltips para la versin final.

A11 Errores
Pese a que se trata de un sistema desarrollado para un navegador web, y ste tiene incorporado el botn atrs, no se ha especificado forma alguna de deshacer algunas acciones que no seran posibles de deshacer con dicho botn, como dejar de seguir una serie o quitarla de favoritos.

25

Conclusiones
Experiencia enriquecedora Evolucin de idea a sistema final Cambio en la forma de pensar

Metodologa iterativa
Pensar en todos los usuarios Con ms tiempo, el proyecto habra sido ms completo