/DEV001-data-lovers

Platform that consumes and displays data from JSON file, allowing users to filter, sort and search the characters from the popular videogame according to their roles, skills and attack levels. (HTML, CSS, JavaScript, Unit Testing)

Primary LanguageJavaScript

Data Lovers

Índice


1. Resumen del proyecto

LoLovers trae a sus usuarios una plataforma para todos los amantes del conocido videojuego multijugador “League of Legends”. En una misma página, LoLovers comparte los roles de cada campeón, sus niveles de ataque y distintos tipos de habilidades para que el jugador pueda elegir el campeón que va a competir en su partida.

Link: https://silvibibi.github.io/DEV001-data-lovers/

2. Imagen final del proyecto / "Historia de usuario 1"

imagen-final1.png

imagen-final11.png

"Historia de usuario 2"

imagen-final2-1.png

"Historia de usuario 3"

imagen-final3-1.png

3. Imagen final del proyecto: Vista Mobile

"Vista mobile: historia de usuario 1"

imagen-final1-mobile.png

"Vista mobile: historia de usuario 2

imagen-final2-mobile.png

"Vista mobile: historia de usuario 3"

imagen-final3-mobile.png

4. Investigación UX: Quiénes son los usuarios y los objetivos en relación con el producto

Este proyecto está dirigido a todas las personas, sin importar su edad o género, que se caracterizan por dedicarse con gran pasión e interés a los videojuegos.

5. Investigación UX: Cómo el producto soluciona los problemas/necesidades de dichos usuarios

Al jugar League of Legends, los jugadores se encuentran con una amplia (e incluso abrumadora) gama de opciones, esto debido a que el videojuego cuenta con más de 140 campeones. LoLovers recolecta toda la data necesaria para que el usuario pueda ver, filtrar, comparar y elegir su campeón favorito en su próxima partida. De la misma manera, es una herramienta útil para todos aquellos que se identifican como nuevos jugadores, ayudándolos a familiarizarse con los personajes que pueden elegir.

6. Historias de usuarios

Ejemplo: “Yo como usuario [visitante del sitio] quiero poder VER todos lxs personajes/películas/deportistas para familiarizarme.”

  • “Yo como usuaria María (20 años), quiero ver todos los personajes en orden alfabético para conocerlos ya que soy nueva jugadora."

  • “Yo como usuario Luis (25 años), quiero poder ver todos los asesinos en orden de ataque mayor a menor para conocer sus características.”

  • “Yo como usuario Eduardo (14 años), quiero poder ver los tanques con niveles de dificultad mayor a menor, ya que quiero empezar a jugar con diferentes personajes.”

7. Imagen del prototipo final

prototipo-hu1.png

"Prototipo PC digital: historia de usuario 1"

prototipo-hu2.png

"Prototipo PC digital: historia de usuario 2"

prototipo-hu3.png

"Prototipo PC digital: historia de usuario 3"

prototipo-mobile1.png

"Prototipo MOBILE digital: historia de usuario 1"

prototipo-mobile2.png

"Prototipo MOBILE digital: historia de usuario 2"

prototipo-mobile3.png

"Prototipo MOBILE digital: historia de usuario 3"

8. Prototipo de baja fidelidad

Prototipo-1-papel.jpg

"Prototipo inicial en papel"