My tops te permite escoger tus películas favoritas y crear tu propia lista para compartirla en tus redes sociales. En nuestra versión Oscars Edition podrás escoger tus posibles ganadores a los premios Oscars 2020 y compartirlo con tus amigos. ¡Divierte!
Esta aplicación está enfocada en entusiastas del cine y usuarios habituales de redes sociales de todas las edades que quieran crear una lista de sus favoritos para compartirlas en sus redes sociales. Nuestro objetivo es que nuestros usuarios puedan interactuar en la página escogiendo las películas de su preferencia.
-
Conocer las potenciales Nominaciones a los premios Oscars 2020.
-
Crear tu propia lista de ganadores para varias categorías.
-
Compartir tu lista de ganadores en distintas redes sociales.
Este proyecto se desarrolló basado en historias de usuario, las cuales fueron planificadas en la herramienta TRELLO y pueden observar entrando al siguiente link:
Para diseñar nuestro producto, partimos conversando respecto a quién sería nuestro usuario, realizando sketchs de las ideas que íbamos teniendo. La idea que se nos ocurrió estaba asociada a los premios Oscar debido a que es uno de los premios más importantes en el cine y que es realizado en un par semanas, nuestra primera idea consistía en mostrar cuales eran los nominados por categoría para ofrecer al usuario una guía de películas nominadas a los premios y que decidiera cual quería ver. Sin embargo, cuando buscamos nos dimos cuenta de que las nominaciones aún no son públicas por lo que no teníamos la información para mostrarla. En base a eso, nuestra idea fue mutando primero a una página que mostrara los potenciales nominados hasta decantar en la idea que desarrollamos finalmente, que consiste en una página que te permite armar tu propia lista de ganadores para cada categoría y compartirla en tus redes sociales. Pese a que la idea fue desarrollada en torno a los premios Oscars, creemos que es una página que presenta mucha versatilidad pudiendo usarse para compartir tus listas de películas respecto a cualquier temática (se nos ocurre una versión Navideña, por ejemplo).
En la imagen 1 se puede ver la primera aproximación que tuvimos de la página, nuestra primera idea consistía en que el usuario pudiera filtrar en base a sus intereses y se le presentara la película con su resumen para que el usuario decidiera si quería verla o no.
En la imagen 2 se puede ver el primer acercamiento al diseño luego de que la idea cambiara a ofrecer una página que agrupe los nominados a los premios Oscar y le permitiera al usuario seleccionar a sus preferidos para ganar las estatuillas y compartirlo por redes sociales. Esta idea sería discutida posteriormente en el grupo para llegar a dos opciones de diseño sobre la que se trabajó.
En la imagen 3 se observa un prototipo sencillo de la opción que finalmente sería la que utilizaríamos como base para diseñar nuestro sitio. Tiene una barra horizontal enfatizada que presenta las películas dentro de cada categoría, dentro de la barra hay un scroll horizontal y al costado una breve presentación de la película junto a un botón que le permite seleccionarla como favorita para ganadora.
Posterior a todo esto se utilizó la herramienta Figma para realizar un prototipo de las interacciones básicas de la página.
Imagen final de la web en el LocalHost
La Pauta de Testeo fue escrita para obtener resultados útiles y uniformes de todos los testeos que se fuesen a realizar. Es resultado de una investigación y conversación con el equipo para determinar que características eran las que queríamos evaluar de la página. De dicha conversación emergen las dudas que luego se transforman en las tareas a realizar por el usuario al momento de testear.
El testeo fue pensado para ser desarrollado en varias personas, sin embargo, por tiempo fue realizado solo en una oportunidad y no se logró grabar la sesión de testeo.
Paulette
Joven de 19 años, gusta del cine, usuaria de RRSS (principalmente Instagram).
En la primera página le resulta intuitivo presionar uno de los botones antes de leer las indicaciones
que están en el subtítulo. Esto la hace notar luego que no existe una parte que nos diga en que
categoría de película estamos una vez que se abren las nominadas.
No comprende completamente el flujo, a medida que va pasando más tiempo logra entender que la
página te ofrece la opción de seleccionar tus favoritos para cada categoría. Existen dos botones
que pueden llevarte al inicio y menciona en voz alta que no encuentra una forma de volver al inicio.
Le encanta la opción de compartir la selección en sus distintas redes sociales, menciona que falta
un botón para compartirlo a través de Whatsapp.
Pese a solo haber realizado un testeo, este nos arrojó muchas cosas importantes que fueron pasadas por alto durante el desarrollo de la web. Todos estos comentarios nos sirven para seguir trabajando en el diseño de las futuras versiones de esta página.
- Agregar indicaciones que sean más claras de los pasos a proceder.
- Agregar una barra de scroll a las partes que tienen scroll para que la gente sepa que puede hacerlo.
- Darle estilo de botones a las portadas de las películas, que de otro modo solo parece cartelera.
- Mas alterativas en cuanto a la temática de las listas que se pueden conseguir.
- Crear edición Películas de mi Infancia y edición Mi serie Favorita u otras categorías.
- Agregar enlaces a las páginas oficiales de las películas.
Diana
La parte visual, eligió y desarrolló el framework usado. Usó sus conocimientos para
desarrollar la estética pensada por todas para la página poniendo a disposición,
además, sus herramientas técnicas en el área de diseño creando todas las imágenes usadas
dentro de la Web, tanto botones como infografías.
Trabaja con Daniela para lograr coherencia en la página.
Susej
Fue primera de nuestro grupo en lograr manipular la data y encontrar las restricciones asociadas a la data
que teníamos acceso. Trabajó constantemente en equipo con Karmina para desarrollar toda la página en Javascript
logrando manipular la data para obtener la información requería por nuestra página y dando funcionalidad a los
botones.
Corrije errores de CSS.
Karmina
Posee el rol de líder del equipo de trabajo, propone soluciones creativas para los problemas encontrados respecto
a cómo manipular los datos dentro de Javascript. Trabaja en conjunto con Susej para lograr manipular la base de
datos y asociarla a los botones determinados para que esta sea mostrada apropiadamente dentro de la página.
Corrige errores de CSS.
Daniela
Es quien ordena las ideas respecto al producto que creamos, organizándolo en una historia de usuario
y llevando las ideas a sketchs que luego serian transformados al prototipo que termina siendo la base de la página.
Realiza el estudio de páginas asociadas a los premios para comparar la estética, diseña el testeo y crea guías de estilo.
Trabaja de cerca con Diana para lograr un diseño coherente.