Como IMDb podría competir con Netflix

Diseño de un nuevo interfaz web responsive para el salto de la popular base de datos sobre películas IMDb a los servicios de streaming de video.

Indice

Benchmarking

Queremos saber qué se cuece entre los competidores y saber si…

  • Cumple
  • Cumple parcialmente
  • No cumple

Criterios

Seleccionamos con qué parámetros vamos a comparar los interfaces escogidos.

Netflix

rtve

La aplicación sincroniza el contenido haciéndolo accesible desde cualquier dispositivo.

Netflix

rtve

La aplicación permite hacer listas de contenidos y publicarlas en tu perfil o compartirlas.

Netflix

rtve

La aplicación permite a la comunidad hacer comentarios sobre el contenido y asignarle una calificación.

Netflix

rtve

Los perfiles de usuarix son públicos y se permite la votación de comentarios de otros. Los perfiles pueden comunicarse entre ellos.

Netflix

rtve

La aplicación muestra una previsualización del video con audio al pasar el cursor.

Netflix

rtve

La aplicación permite controlar el brillo, el tiempo, avance rápido, pantalla completa, subtitulos…

Netflix

rtve

La aplicación permite hacer una copia local del contenido para visualizarlo sin conexión.

Netflix

rtve

La base de datos incluye información sobre actrices y actores.

Conclusiones

Después de analizar los interfaces se deduce que…

  • Las aplicaciones de streaming de video son multidispositivo y adaptan la calidad del video a los diferentes medios.

  • Las aplicaciones de streaming de video suelen incluir una lista personalizable, comúnmente “favoritos”, pero no permiten organizar el contenido a lxs usuarixs según sus criterios ni compartirlo.

  • No suelen incluirse comentarios sobre el video. Las calificaciones se limitan a “más populares” u “otros también vieron” y son automáticas. Lxs usuarixs no pueden puntuar el contenido.

  • En las aplicaciones de streaming de video no suele existir la comunidad. Los perfiles de lxs usuarixs son privados, no se puede contactar con otrxs usuarixs, las preferencias del resto de usuarixs son privadas o segmentadas por países.

  • La aplicación ayuda a la decisión de la persona usuaria mostrándole una previsualización del vídeo con audio al colocar el puntero sobre la opción. En las versiones táctiles no existe la opción pero se muestran previsualizaciones “promo”.

  • Los controles del video cambian según el dispositivo. Los comentarios podrían asignarse a un momento particular del video. Se podría facilitar la navegación por escenas.

  • IMdb incluye información sobre actrices y actores que aparecen en las películas. Una ventaja contra el resto es acceder al contenido por reparto o celebrities.

Requisitos

Habiendo aprendido de los competidores y de las prácticas habituales con el benchmarking, se enumeran los requisitos de la interfaz a diseñar, que garantizarán el cumplimiento de los objetivos de la organización.

Funcionales

  • Registro y autentificación
  • Perfil personalizable y público con tablón de comentarios, listas y calificaciones.
  • Sistema de recomendaciones basados en gustos de usuarix y popularidad del contenido.
  • Buscador de contenido con filtros personalizables.
  • Categorías de contenido propuestas y listas personalizables y/o automáticas.
  • Reproducción automática de episodios, y/o sugerencias al final de la película.
  • Navegación por escenas.
  • Sistema de calificaciones.
  • Sistema de comentarios públicos y calificables en video completo, momento o escena.
  • Historial de visionados público y/o privado.
  • Usuarixs pueden descargar el contenido para verlo más tarde sin conexión.

No funcionales

  • Animaciones y microinteracciones.
  • Debe ayudar a compartir el conocimiento sobre cine y conseguir reputación como critico.
  • Inclusivo y respetuoso con los usuarios de todas las culturas y edades.
  • Una usabilidad excelente en todos los dispositivos: web, app y smart TV.
  • Debe mostrar previsualizaciones en video con audio de las miniaturas.
  • El reproductor de video permite seleccionar distintos audios, subtítulos, comentarios en pantalla y filtro comentarios, pantalla completa, avance/retroceso rápido, siguiente/anterior escena y lista de escenas.
  • Debe incluir ficha detallada de películas con sinopsis, año, país, créditos, cast…
  • Debe incluir comentarios y calificaciones de todxs lxs usuarixs.
  • Debe incluir información sobre las escenas de cada película.
  • Debe incluir la cartelera de cine local de cada lugar.
  • Debe incluir fichas sobre profesionales de la industria: celebrities, directorxs, guionistas…
  • Debe incluir perfiles de usuarix públicos con descripción, edad, nombre, gustos, listas, comentarios, estadísticas…
  • Debe potenciar la interacción entre usuarixs.
  • Debe poder utilizarse de noche y tumbado.
  • Debe permitir compartir videos, comentarios y listas a través de RRSS y correo.

Wireframes

Prototipo

Escoge la versión del Prototipo de Baja Fidelidad que te gustaría probar.

Evaluación del Prototipo con Personas Usuarias

El objetivo de la investigación es conseguir feedback de usuarixs sobre el nuevo interfaz de IMDb, la base de datos de películas online que da su salto al streaming de video.

Protocolo de Evaluación

Se procederá a evaluar el prototipo con usuarixs a través de un Test de Tareas y la técnica de Think Aloud. Se grabarán las verbalizaciones de lxs usuarixs y el evaluador tomará notas durante la interacción de lxs usuarixs con el prototipo.

El prototipo se evaluará en ambos dispositivos, un iPhone11 y una Smart TV Philips, a través del mirror de Sketch, SketchCloud y Chromecast. El test será presencial para un participante, y remoto para otros dos. Se grabarán las sesiones con la grabadora de audio de un Samsung Galaxy A70 en el caso de la presencial, y a través de la grabación de la videollamada por skype en el remoto. Ningún test durará más de dos horas.

Tablas de Éxito por Participante y Prueba

Resultados TV
1a - Usuarix 1 - Éxito
1a - Usuarix 2 - Éxito
1a - Usuarix 3 - Éxito
1b - Usuarix 1 - Éxito
1b - Usuarix 2 - Éxito
1b - Usuarix 3 - Éxito

Tarea 1

Te han contado que IMDb se lanza al streaming de video y tiene una nueva app para móvil y TV. Descargas la app en tu dispositivo y entras a la aplicación. Te apetece ver una peli sin pensar mucho en cuál,
1a) ¿cómo lo harías?
1b) ¿Dónde encontrarías el reparto completo que participó en la película?

Objetivo: Se busca comprobar la claridad de la home, la facilidad para seleccionar y reproducir una película sugerida y la capacidad de acceso a la ficha técnica de la película desde el reproductor de video.

Resultados Móvil
1a - Usuarix 1 - Éxito
1a - Usuarix 2 - Éxito
1a - Usuarix 3 - Éxito
1b - Usuarix 1 - Éxito
1b - Usuarix 2 - Éxito
1b - Usuarix 3 - Éxito
Resultados TV
2a - Usuarix 1 - Éxito
2a - Usuarix 2 - Éxito
2a - Usuarix 3 - Éxito
2b - Usuarix 1 - Éxito
2b - Usuarix 2 - Éxito
2b - Usuarix 3 - Éxito

Tarea 2

Sigues viendo la peli pero recuerdas que IMDb esta lleno de gente que quiere opinar sobre cine y sus calificaciones y críticas son muy conocidas. ¿Podrías encontrar comentarios de usuarixs sobre la escena que estás viendo?
¿Cómo expresarías que el primer comentario te gusta?

Objetivo: Se busca comprobar el botón de mostrar comentarios, su visualización y su correcto entendimiento. También se compruebe la claridad del sistema de “me gustas”.

Resultados Móvil
2a - Usuarix 1 - Éxito
2a - Usuarix 2 - Éxito
2a - Usuarix 3 - Éxito
2b - Usuarix 1 - Éxito
2b - Usuarix 2 - Éxito
2b - Usuarix 3 - Éxito
Resultados TV
3 - Usuarix 1 - Éxito
3 - Usuarix 2 - Éxito
3 - Usuarix 3 - Éxito

Tarea 3

Sigues viendo la peli pero recuerdas que IMDb esta lleno de gente que quiere opinar sobre cine y sus calificaciones y críticas son muy conocidas. ¿Podrías encontrar comentarios de usuarixs sobre la escena que estás viendo? ¿Cómo expresarías que el primer comentario te gusta?

Objetivo: Se busca comprobar el botón de mostrar comentarios, su visualización y su correcto entendimiento. También se compruebe la claridad del sistema de “me gustas”.

Resultados Móvil
3 - Usuarix 1 - Éxito
3 - Usuarix 2 - Éxito
3 - Usuarix 3 - Éxito
Resultados TV
4a - Usuarix 1 - Éxito
4a - Usuarix 2 - Éxito
4a - Usuarix 3 - Fracaso
4b - Usuarix 1 - Fracaso
4b - Usuarix 2 - Éxito
4b - Usuarix 3 - Éxito

Tarea 4

Sigues viendo la peli pero recuerdas que IMDb esta lleno de gente que quiere opinar sobre cine y sus calificaciones y críticas son muy conocidas.
4a) ¿Podrías encontrar comentarios de usuarixs sobre la escena que estás viendo?
4b) ¿Cómo expresarías que el primer comentario te gusta?

Objetivo: Se busca comprobar el botón de mostrar comentarios, su visualización y su correcto entendimiento. También se compruebe la claridad del sistema de “me gustas”.

Resultados Móvil
4a - Usuarix 1 - Fracaso
4a - Usuarix 2 - Éxito
4a - Usuarix 3 - Fracaso
4b - Usuarix 1 - Éxito
4b - Usuarix 2 - Éxito
4b - Usuarix 3 - Éxito

Tabla de Tiempo (en segundos) por Participante y Prueba

Tiempo medio por prueba:

1a) 48 s

1b) 28 s

2a) 33 s

2b) 6 s

3) 12 s

4a) 72 s

4b) 41 s

Cuestionario SUS - System Usability Scale

Siendo 1 totalmente en desacuerdo” y 5 totalmente de acuerdo

A. Creo que me gustará usar a menudo este sistema.

Usuarix 1
Usuarix 2
Usuarix 3

B. He encontrado el sistema innecesariamente complejo.

Usuarix 1
Usuarix 2
Usuarix 3

C. He pensado que el sistema es fácil de utilizar.

Usuarix 1
Usuarix 2
Usuarix 3

D. Creo que necesitaría el apoyo de un experto para recorrer el sistema.

Usuarix 1
Usuarix 2
Usuarix 3

E. He encontrado las variadas posibilidades del sistema bastante integradas.

Usuarix 1
Usuarix 2
Usuarix 3

F. He pensado que había demasiada inconsistencia en el sistema.

Usuarix 1
Usuarix 2
Usuarix 3

G. Imagino que la mayoría de las personas aprenderían muy rápidamente a usar el sistema.

Usuarix 1
Usuarix 2
Usuarix 3

H. He encontrado el sistema muy incómodo de usar.

Usuarix 1
Usuarix 2
Usuarix 3

I. Me he sentido muy confiado en el manejo del sistema.

Usuarix 1
Usuarix 2
Usuarix 3

J. Necesito aprender muchas cosas antes de manejar con comodidad el sistema.

Usuarix 1
Usuarix 2
Usuarix 3

Calificaciones

Una calificación por encima de 68 se considera superior a la media en la Escala de Usabilidad de Sistemas o SUS – System Usability Scale

Usuarix 1

83/100

Usuarix 2

95/100

Usuarix 3

88/100

Prototipo de Alta Fidelidad

¿Cómo mostrar toda la información almacenada en IMDb sobre una película?

IMDb se caracteriza por su gran cantidad de información relacionada con cada película. Su base de datos incluye fichas sobre profesionales del cine, actores y actrices, directores, guionistas… Son sobre todo conocidos por sus valoraciones de películas basadas en puntuaciones de las personas usuarias y sus críticas de cine. Es para un público cinéfilo y amante del cine.

Se mantiene por tanto el acceso a toda esta información, pero respetando el interés del usuario. Durante los tests, la ficha de película abrumó a todos los participantes. Se incluyen por tanto botones “leer más” en la versión TV, y pestañas en el inferior de la pantalla en la versión móvil.

Se implementa la navegación por escenas, haciendo que los amantes del cine puedan comentar momentos de sus películas favoritas.

La barra de navegación se presenta dividida en segmentos y permite acceder a las distintas escenas de la película. Los comentarios ahora se introducen en un momento determinado de la película, por lo que son accesibles desde la barra de tiempo. Esto no planteó problemas en el test. Las personas usuarias dedujeron rápidamente cómo acceder a los comentarios. La navegación por escenas quedó bastante clara para los usuarixs en el test, pero muchos mostraron problemas para añadir una escena determinada a una lista de reproducción.

En el prototipo final, la navegación por escenas se hace evidente mediante un mensaje en pantalla “Selecciona una escena…” y sobre el marcador de tiempo se colocan los botones ”Favorito”, “Comentar” y “Añadir escena a lista…” dado que los usuarios durante el test no fueron capaces de encontrarlos. Se incluye también un botón de paginación de comentarios “Ver más..” para evitar solape y sobrecarga en la parte inferior de la pantalla.

Se incluyen controles sobre la reproducción de vídeo de la parte superior de la pantalla en la vista de comentarios en la app móvil. Estos también permiten el avance y retroceso de escena pudiendo así acceder a comentarios sobre otras partes de la película. También se incluye el título de la película con un vínculo a la ficha de la película, pudiendo así acceder al listado de escenas y el resto de información, según el interés de la persona usuaria, desde los comentarios.

Potenciamos la comunidad haciendo accesible las listas y la información de la persona usuaria.

Durante el test, lxs participantes tuvieron problemas encontrando su perfil y sus listas de reproducción. Un participante sugirió incluir un botón dentro del reproductor para poder acceder más fácilmente a “mis listas” sin tener que volver a la home para acceder a su perfil. Se incluye por lo tanto un acceso a las listas del usuario desde la esquina superior derecha de la pantalla en el reproductor de manera que navegar hasta tus listas de reproducción sea más intuitivo.

El contenido del usuario se divide en pestañas en la versión móvil para poder mostrar toda la información. Desde aquí se incentiva al usuario a seguir aportando a la comunidad asignando un nivel de popularidad y sus estadísticas.

proyectos...

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies