https://scl-020-memory-match.vercel.app/ https://soniarez.github.io/SCL020-memory-match/
Pokemon Memory Game es un juego de memory match, que consiste en descubir pares de tarjetas, es decir, el usuario va seleccionando pares de tarjetas aleatoriamente, y gana puntos al hacer match (coincidir dos tarjetas iguales).
Rango de edades: Jovenes adultos de 18 - 40 años que quieren jugar, distraerse y ejercitar su memoria y que tengan afinidad por Pokemon, y manejo básico de inglés, ya que el juego está mayormente en dicho idioma.
1- El usuario quiere una interfaz colorida y alegre. 2- Instrucciones claras de lo que debe hacer al jugar. 3- Quiere un set de tarjetas presentadas alatoriamente para empezar a jugar. 4- El usuario quiere saber de alguna manera como va avanzando en el juego, si va encontrando las parejas o no. 5- Quiere saber cuanto tiempo duro y el puntaje acumulado. 6- Al ganar el juego quiere tener otra oportunidad para jugarlo.
1- Buscar una paleta de colores acorde a Pokemon para que la pantalla de inicio sea visualmente atractiva. 2- Crearemos un Pop up que presente las instrucciones de juego al usuario. 3- Aplicaremos funciones y metodos para realizar en shuffle como "Math Random". 4- Las cartas seran reveladas a medida que se les de "Clic", no puede seleccionar mas de un par en una interaccion. Si su seleccion hace mach se le entregara feedback mediante un sonido de aprobación y las cartas permaneceran reveladas. De lo contrario se daran la vuelta dando otra oportunidad para escoger otro par. 5- Se creara una funcion que llevara el Timer y movimientos que se ira actualizando a medida que vas jugando. Tambien habra una funcion de suma que permita ir acumulando el numero de Mach que lleve el jugador. 6- Se realizara un pop up de felicitaciones, donde se mostrara el resultado y le preguntara si quiere jugar de nuevo.
-Se realiza refactorización de código para testeo unitario -Se aprueba test unitarios en 72% en statements y funciones -Se aprueba testeo de usabilidad con usuarios del juego -Se realiza satisfactoriamente deployment del programa en GitHub Pages y también en Vercel. -Responsive tanto en mobile tanto en Android como en iOS.
Trabajamos mediante sprints semanales, coordinando actividades y tareas en Trello.
Primero realizamos un prototipo a papel y lápiz sobre cómo visualizábamos la dinámica del juego y el recorrido que haría el usuario entre pantallas y funcionalidades. Posteriormente, realizamos un prototipo en Alta en Figma, el cual se muestra a continuación:
Luego de contar con un protipo en baja, y conociendo las historias de usuario, empezamos a trabajar en nuestro prototipo en Alta, utilizando Figma y plugins que nos permitieran similar de manera realista la dinámica del juego.
Para validar nuestro diseño y conocer la experiencia del usuario en esta etapa, levantamos nuestro prototipo de Figma en Maze.io. Esta es una plataforma que permite recibir feedback del prototipo. Acá además de hacer preguntas, también le dimos al usuario la misión de navegar en el prototipo; esto para conocer cómo ell@s interactuaban en la app.
Mission: Please navigate through this prototype. Pregunta 1: What do you think of the color palette? Pregunta 2: How long, or how many pairs of cards you would like to match? Pregunta 3: What kind of feedback of your performace you would like to receive through the game. (for example, to be able to see a score, moves done, etc.) Pregunta 4: What do you think of the flow of the game? (Any feedback you would like to share with us is more than welcome!)
A partir del feedback recibido, realizamos mejoras y empezamos a desarrollar el juego en HTML, CSS y Javascript.
