Skip to content

Latest commit

 

History

History
59 lines (42 loc) · 3.16 KB

README.md

File metadata and controls

59 lines (42 loc) · 3.16 KB

Preámbulo

Rick y Morty es una serie de televisión estadounidense de animación para adultos. Su primer episodio se emitió en diciembre del 2013. La serie sigue las desventuras de un científico, Rick, y su fácilmente influenciable nieto, Morty, quienes pasan el tiempo entre la vida doméstica y los viajes espaciales, temporales e intergalácticos.

Definición del producto

El objetivo de esta aplicación es que los usuarios puedan conocer más sobre los personajes de la serie. Al ingresar a la página, el usuario encontrará una descripción sobre la serie y al ingresar a la página principal podrá ordenar los personajes alfabéticamente así como filtrar por especie, origen, género, estado de vida y ubicación. En la misma barra de navegación se encuentra un buscador en el cual pueden escribir el nombre del personaje que deseen. Por otra parte, esta aplicación es responsive para teléfonos móviles.

Etapa de Diseño 🛠️

En el proceso de diseño se destacan los siguientes pasos:

  • Investigar sobre la serie, sus personajes, imágenes, botones y colores que podrían utilizarse.

  • Con el propósito de conocer a nuestros usuarios, creamos y aplicamos una encuesta para obtener nuestras historias de usuario.

  • A partir del resultado de la encuesta, definimos las historias de usuario, los criterios de aceptación y de terminado.

  • Creamos un prototipo en papel tomando en cuenta la encuesta, y agregando ideas nuestras. Así se fue configurando con los elementos necesarios para estructurar la página.

  • Luego, hicimos un prototipo en Figma, haciendo pruebas en cuanto a la distribución de los elementos, imágenes, textos y colores. Este prototipo se fue ajustando durante el proceso tras recibir feedback de coaches y estudiantes.

Resultado Encuesta

img img img

Historias de usuario, criterios de aceptación y de terminado.

img img img img

Prototipo de baja fidelidad ✏️

img img

Prototipo de alta fidelidad 💻

img img

Página Web 💻

GitHub Pages. img img

Responsive 📱

img img img

Test de usabilidad

En el testeo del uso de la página, nuestros usuarios pudieron moverse sin problemas por el sitio, pudiendo ejecutar las tareas o instrucciones dadas. En este caso, se detectó que si bien el click del puntero desplegaba las opciones de los filtros, al recorrer la lista no era posible ver el puntero personalizado sino solo la flecha.

📝 Creado por

Stefanya Pulgar Baeza y Margarita Molina Beltran

Agradecimientos 💕

Equipo de Laboratoria Chile