/LIM010-data-lovers

Invocadores Leyendas, app para jugadores de LOL

Primary LanguageJavaScript

Invocadores Leyendas.

Esta es una aplicación dirigida a la comunidad de uno de los más grandes eSports, League of Legends, específicamente en la región LAN (Latinoamérica Norte) y LAS (Latinoamérica Sur) que aspiran a incrementar sus habilidades en el juego, conociendo más a fondo las distintas cualidades de cada campeón.

¡Con Invocadores Leyendas puedes convertirte en el mejor invocador!

Logueate con LABORATORIA como usuario y contraseña.

¿Cómo creamos Invocadores Leyendas?

En vista a la necesidad que presentan los jugadores novatos al iniciar su camino como invocadores, desarrollamos esta app con el fin de brindarles un espacio donde puedan estudiar a detalle las características de cada uno de los personajes del juego, para de este modo aumentar su rendimiento y conocimiento sobre el universo de League of Legends.

Nos basamos en usuarios nuevos, con poco o nulo conocimiento sobre los campeones, en edades comprendidas entre 12 y 25 años, que se ubiquen en Latinoamérica.

Se entrevistaron a 5 usuarios que nos ayudaron a consolidar la idea principal de esta app, afirmando la utilidad de una aplicación como esta y del valor que le agrega a su experiencia como jugadores novatos, invitandolos de este modo a jugar.

Prototipos

Realizamos un diseño mobile-first y para cada prototipo nos basamos en la interfaz de la página oficial del juego League of Legends, los cuales fueron validados por 5 potenciales usuarios.

Los resultados de nuestra primera iteración indicaron que les resulta bastante intuitiva la interfaz, además de destacar la importancia en el tamaño del texto. Surgió la idea de mostrar las características en otra página, al igual que mostrar una paginación para ubicar mejor a los campeones. Estas sugerencias se sometieron a una encuesta entre los mismos usuarios y como resultado obtuvimos una vista con paginación al fondo y las características de cada campeón en un desplegable.

Sin embargo, al momento de desarrollar el prototipo de alta fidelidad y evaluar correctamente las historias de usuario, la paginación no formaba parte de los requerimientos, así que luego de esta iteración, consultamos nuevamente con los usuarios y descubrimos que una forma de reducir el tiempo de búsqueda de un campeón en específico era implementando un search box que le diera resultados a medida que ingresaba el nombre del campeón preferido. De igual manera, se mejoró la vista de las características más relevantes de cada campeón, presentada en una ventana emergente para mantener el estándar de diseño de la versión Desktop.

Mobile

Baja fidelidad

1era iteración

Primer prototipo de baja fidelidad, version mobile

2da iteración

Segundo prototipo de baja fidelidad, version mobile

Alta fidelidad

Login

Campeones

Pantalla con Modal

Desktop

Baja fidelidad

1era iteración

Desktop primera iteracion

2da iteración

Desktop segunda iteracion

Alta fidelidad

Login

Pagina general de campeones

Pagina con modal