- 1. Resumen del proyecto
- 2. Investigación UX
- 3. Historias de usuarix
- 4. Diseño de la interfaz
- 5. Desarrollo del proyecto
La página web desarrollada está orientada a brindar información a todas las personas interesadas en conocer sobre el trabajo en animación del Studio Ghibli.
Estos son datos que se van a emplear:
- Studio Ghibli. En este set encontrarás una lista de las animaciones y sus personajes del Studio Ghibli.
- Investigación con seguidores de las animaciones del Studio Ghibli.
Se realizó una investigación previa, por medio de las siguientes preguntas:
-
¿Por qué te gustan las películas de Studio Ghibli?
Lxs usuarixs consideran que todas las películas son emocionantes y conmovedoras por igual. -
¿Qué información te gustaría encontrar?
Lxs usuarixs desean obtener información de todas las películas producidas por el Studio Ghibli. -
¿Qué plataforma utilizas más para ver películas?
Lxs usuarixs utilizar por igual su móvil como su laptop.
En función a nuestra investigación, se crearon las siguientes Historias de usuarix
-
Historia de Usuarix N° 1:
Yo como usuarix quiero encontrar infomación de todas las películas del Studio Ghibli. -
Historia de Usuarix N° 2:
Yo como usuarix quiero encontrar inforamción relacionada al Studio Ghibli, que proporcione contenido. -
Historia de Usuarix N° 3:
Yo como usuarix quiero obtener información de los personajes, locaciones y especies.
Prototipo de baja fidelidad
Se realizó el diseño de dos prototipos a mano alzada para plasmar los requerimientos solicitados para el desarrollo de la interfaz de usuario.
Prototipo de alta fidelidad
Se realizó la creación de prototipos en figma:
- Para móvil:
- Para desktop:
Plan de acción
-
Nuestra prioridad fue darle todas las herramientas visuales y funcionales al usuarix, brindando una experiencia interactiva y con el contenido esperado en base a los resultados de nuestra investigación.
-
Realizamos el desarrollo de la interfaz abordando las historias de usuarix en cada Sprint.
Testeos de usabilidad
Los testeos de usabilidad fueron indispensables en el desarrollo del proyecto, puesto que en base a ellos logramos verificar que nuestras funciones implementadas en JavaScript se ejecutaban correctamente. Se creó una muestra de la data para poder implementar los test unitarios que nos permitan verificar con exactitud cada una de las pruebas.