Skip to content

marcelimxo/LIM010-hackathon-peliculas

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hackathon de Películas: Cinelandia

Cinelandia

¡El mejor contenido para los peques de la casa!

Índice


Resumen

¿Buscas distracción para los pequeños de la casa? ¿Te resulta complicado encontrar películas para tus hijos? Si es así, no te preocupes porque hemos hecho una selección genial de películas infantiles. Cinelandia te brindará la oportunidad de crear momentos únicos en familia, disfrutando de maravillosas historias.

Familia

Ingresa haciendo click AQUI

Investigación UX


¿A quién va dirigido?

Los principales usuarios de Cinelandia son los padres de familia que por falta de tiempo, no encuentran contenidos infantiles de buena calidad debido a la gran variedad de títulos y géneros que se encuentran en la web, les resulta tedioso realizar búsquedas largas y poco efectivas. Es importante destacar, que los niños serían nuestro usuario final indirecto, ya que son los que disfrutarán las películas.

Objetivo del Producto

El objetivo de nuestro aplicativo Web es ofrecer un acceso fácil a las mejores películas y infantiles de todos los tiempos. Nuestra idea surge por la necesidad que tienen los padres de encontrar los mejores contenidos audiovisuales para los más pequeños de la casa.

madre e hijos

¿Cómo soluciona las necesidades del Usuario?

Hoy en día, la relación vida laboral y familiar, es una de las preocupaciones de los padres. Tener horas disponibles y pasar tiempo de calidad con sus hijos es cada vez más importante por los beneficios que tiene sobre el fortalecimiento de los vínculos familiares. Sin embargo, un estudio realizado por la empresa española Edenred en el año 2015, ha revelado que el 71,1% de los padres ha manifestado que no pasa el suficiente tiempo en casa para poder estar con sus hijos, indicando a su vez, que esta tendencia podría aumentar significativamente en el transcurso de los años.

Es por ello, que MARS Company ha pensando en ofrecer una solución integral a esta problematica, emprendiendo la tarea de diseñar una interfaz agradable con una clasificación orientativa y facil de entender tanto para los niños como para sus padres que buscan las mejores opciones de películas para el disfrute familiar y en la comodidad de su hogar. Estas películas pueden ser seleccionadas a través de un buscador por nombre, o ser filtradas por tres (3) categorías: Género, Las más recientes y por Valoración.

Compartir tiempo con los más peques de la casa, ahora es posible! mientras disfrutan de películas que transmiten potentes mensajes a los niños en diversos aspectos de la vida, como el esfuerzo, el amor, la igualdad o la integración de personas con discapacidad, etc, es nuestra razón de ser.

Historias de Usuario

Para el diseño y la implementación de nuestra interfaz, se consideraron las siguientes cinco (5) historias de usuario definidas en el proyecto. A partir de ellas, se establecieron los Criterios de Aceptación y Definición de Terminado, los cuales representan los requrimientos y necesidades de los usuarios 'target':

  • Historia de Usuario N° 1: "Como usuario/a al ingresar a la página quiero visualizar las películas más populares para seleccionar el mejor contenido para toda la familia"

  • Historia de Usuario N° 2: "Como usuario/a me interesa ver información detallada de la película como sinopsis, año de lanzamiento, género y rating"

  • Historia de Usuario N° 3: "Como usuario/a quiero buscar películas infantiles por el nombre para ubicar la película de forma más rápida"

  • Historia de Usuario N° 4: "Como usuario/a quiero poder seleccionar una película por género para decidir el trama que quiero que vea mi hijo/a"

  • Historia de Usuario N° 5: "Como usuario me interesa buscar películas de acuerdo a su valoración para que mi búsqueda incluya las películas infantiles que tenga mayor votación de los medios. "

  • Historia de Usuario N° 6: "Como usuario/a me interesa ordenar la búsqueda de películas por fecha de lanzamiento para saber cuales son los contenidos infantiles más recientes"

Prototipo de baja Fidelidad

Realizamos el prototipo de baja fidelidad con las ideas generales de usabilidad y diseño que teníamos según nuestro usuario.

Cinelandia Desktop enter image description here

Cinelandia Desktop versión 2 enter image description here

Cinelandia Mobile enter image description here

Prototipo de alta Fidelidad

Luego de culminar el prototipo de baja fidelidad y recibir el feedback por parte de los usuarios, se procede a elaborar el diseño de la interfaz usando Figma. A continuación se presenta la Imagen y link del prototipo de alta fidelidad final (mobile y desktop) en Figma.

Interfaz-Desktop

Interfaz-Mobile

Diseño en Figma

Pruebas de Usabilidad

Se evaluó la interfaz de nuestro proyecto con usuarios target a fin de generar oportunidades de mejoras, tratando que la impresión de los usuarios sea la más útil y placentera posible. Para ello, nuestra meta es observar si los usuarios entienden de forma clara la navegación (Usabilidad) y el contenido de nuestra interfaz, así como también determinar si el diseño visual es agradable y cumple con los principios de heurísticas de Usabilidad.

Las sesión de testeo constaron de cinco (5) tareas que llevaron a cabo los usuarios, y se evaluaron métricas cuantitativas y cualitativas. En estas sesiones se aplicaron las siguientes tres (3) técnicas para aplicar las pruebas de Usabilidad:

“Concurrent Think Aloud (CTA)”, es decir, pensar en voz alta de forma simultánea con la interacción.

Concurrent Probing (CP)”, Sondeo Concurrente, es decir, hacer preguntas de seguimiento durante el testeo.

“Retrospective Probing (RP), Sondeo Retrospectivo, es decir, hacer preguntas al usuario al finalizar la sesión. Antes de iniciar la sesión, se le informará a cada participante las pautas de las pruebas, y al final se le harán preguntas de seguimiento para anotar observaciones y evaluar las métricas previamente definidas.

  • Tareas a ejecutar:
  1. Buscar una película de su preferencia en el buscador y luego dar click sobre el poster de la película.
  2. Dar click en alguna de las películas más destacadas
  3. Seleccionar un género de su preferencia e indicar que película escogería para un niño.
  4. Filtrar las películas según su valoración, y seleccionarla para ver más detale.
  5. Escoger una película que haya sido lanzada recientemente.

Aprendizaje y Oportunidades de Mejora

Luego de recibir el feedback de los usuarios, el equipo de Mars Company puedo evaluar el comportamiento del participante al interactuar con nuestro producto. Encontramos los siguientes errores de usabilidad, luego de aplicar la evaluación heurística:

  • Al abrir el modal con la información más detallada de la película seleccionada, la imagen desplegada es muy grande.
  • Dificultad para volver al inicio, si el usuario desea realizar otra búsqueda.
  • El título descriptivo de cada película no se visualiza bien, el usuario le costó observarlo
  • Le costó entender los filtros e valoración y Recientes. Se recomienda cambiarlo de nombre

Considerando estos errores de y considerando los principios de heuristicas de usabilidad encontrados en esta iteración, se decide realizar las mejoras pertinentes para mejorar la satisfacción del usuario.

About

Cinelandia, app para recomendar peliculas para toda la familia

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.2%
  • CSS 16.3%
  • HTML 0.5%