md-links-check
Version:
[Markdown](https://es.wikipedia.org/wiki/Markdown) es un lenguaje de marcado ligero muy popular entre developers. Es usado en muchísimas plataformas que manejan texto plano (GitHub, foros, blogs, ...), y es muy común encontrar varios archivos en ese fo
148 lines (98 loc) • 10.4 kB
Markdown
# DataDex
## INTRODUCCIÓN
En la investigación acerca de Pokemón y sus antecedentes, se hace referencia al impacto tan grande que tuvo, comenzando originalmente como un Video Juego, el cual se fue expandiendo hacia otros medios de entretenimiento, volviéndose muy reconocido en el mercado mundial.
En el 2016 hubo un impacto ocasionado por la salida de la aplicación de Pokemon GO, en donde se incluyeron algunas interfaces de adaptabilidad a las necesidades del usuario, con gráficas y una usabilidad muy interesante y entretenida para la mayoría de los amantes de Pokemon. En esta app les da la oportunidad de capturar Pokemons, en cualquier parte donde el usuario se encuentre y eso la hace sumamente interactiva, sumando las gráficas utilizadas y las demás interacciones de una forma muy completa que tiene para el usuario.
## RESUMEN DEL PROYECTO
En este proyecto se construyó una página web para visualizar un conjunto de datos, en cuanto al interés de los usuarios respecto a la información existente de los Pokemos, que les sea de utilidad para poder seguir llevando a cabo su interacción con la app Pokemón GO.
Lo que se tomó en cuenta principalmente fué que al observar esta aplicación notamos que los usuarios no pueden visualizar todos los Pokemons, al menos que ya los tengan capturados. Esto ha provocado mucha intriga en los usuarios ya que ellos desean ver todos los Pokémons que existen conforme a su respectivo número, así como también les gustaría visualizar, el tipo de Pokemons, su estatura, y su peso, lo que les facilitaría interactuar con esta aplicación.
A los usuarios también se les facilita el poder poder tener una información externa respecto a todos los Pokemons, por lo que esta app está diseñada para todos aquellos usuarios con estos intereses en común.
Al hacer una investigación, se obtuvo que la mayor parte de los usuarios son mujeres, llevando una ventaja del 63% de los usuarios totales.
La mayor parte de usuarios están entre los 18 y los 29 años, coincidiendo con los niños que era cuando la serie se estrenó hace 20 años, siguiendo los de 30 a 55 años que abarcan un 25% y por último los de 13 a 17 años, abarcando un 22% de jugadores.
El diseño de esta app, es muy ligera, ya que los colores hacen un tipo contraste fácil de digerir para el usuario, dándole una visibilidad muy poco cargada, lo que le facilitará moverse dentro de esta con más rapidez y sin ninguna distracción externa a lo que buscan,
como tipos de pokemons, un ordenamiento por peso y tamaño, así como un buscador que les facilite la búsqueda de sus Pokemons.
Para llegar a este punto se hizo un test de usabilidad con distintos usuarios, así como también se recolectaron algunas historias de usuarios, exclusivamente de mujeres, para poder saber un poco más acerca de las necesidades que tenían referente a esta aplicación y las limitantes que sentían también respecto a esta.
Por lo que primero se hizo un prototipo de baja fidelidad, después un prototipo de alta fidelidad, IMAGEN lo que nos sirvió de base para el diseño de nuestra aplicación, y estas prácticas con los usuarios nos ayudaron a mejorarla.
# Las historias de usuarios recolectadas son las siguientes:
a) *Carla es una estudiante de 13 años que vive en la ciudad de México, en su tiempo libre le encanta jugar Pokémon Go, como usuaria de esta aplicación ha detectado que el Pokedex del juego únicamente le muestra los Pokémon que ha capturado y mantiene bloqueados aquellos que no tiene, a Carla le gustaría saber cuales son esos pokémon en el mismo orden numérico que en el Pokédex de la app aun cuando no los haya capturado.
Yo como usuaria busco una aplicación que ordene los pokémon por número para saber específicamente cuáles son los que le hacen falta capturar en su Pokedex.*
b) *Daniela es una chica de 21 años que vive en la ciudad de Mérida, ha jugado pokémon desde sus inicios, y sabe que el pokedex de la aplicación no cuenta con alternativas para poder ver a los pokemons filtrados por su tipo, lo cual le interesa pues ella es fanática de los pokémon de agua y fuego y no tiene muy claro cuales son todos estos Pokemons.
Daniela esta en busca de una app que le ayude a poder ver a los pokemos filtrados por tipo, para así poder capturar solo los del tipo que le interesa.*
c) *Jimena es una joven de 15 años que vive en el Estado de México, es un jugador habitual de Pokémon Go, y últimamente tiene interés en saber cuales son los pokémons más pesados o ligeros, también le interesa saber cuales son los de mayor altura, y cuales los más pequeños para estar mejor preparado a la hora de sus batallas.
Jimena busca una aplicación que le permita ver a los pokémons ordenados por peso o estatura, del mayor a menor o viceversa .*
### Diseño de experiencia de usuario (User Experience Design)
- ¿Quiénes son los principales usuarios de producto?
Los principales usuarios de este producto son usuarios de Pokémon Go (Niños, jóvenes adultos).
- ¿Cuáles son los objetivos de estos usuarios en relación con el producto?
El objetivo es que los usuarios complementen su experiencia al jugar, teniendo una aplicación que muestre a todos los pokémon de la región de Kanto organizados por número aun cuando no los hayan capturado, poder ver a sus pokemons filtrados por el tipo pues quizá solo les interese un tipo en especifico, tambien se podran ordenar por peso o altura ascendente y descendentemente y saber cuales son los más pesados o los más pequeños.
- ¿Cuáles son los datos más relevantes que quieren ver en la interfaz y por qué?
En la interfaz se quieren ver en primera instancia los Pokémon de la región de Kanto organizados por número y que se muestre el nombre y la imagen del Pokémon,porque en la aplicación de Pokémon Go únicamente pueden visualizarse los capturados hasta ese momento. Se podrá ver un menú donde se pueda elegir la manera de filtrar por tipo, porque a algunos usuarios solo les interesan algunos de un tipo específico, también se podrán ordenar a los pokémons por peso o altura porque los usuarios quieren saber cuales son los más pesados, o los más pequeños.
- ¿Cuándo utilizan o utilizarían el producto?
Cuando quieran saber qué pokémon les hace falta en el pokedex por medio de su número, cuando quieran ver los pokemons filtrados por algún tipo específicamente, cuando busquen ordenar de manera ascendente o descendente por peso o altura.
## Interface
Principalmente en la página de entrada se muestran todos los Pokémons, ordenados por número, con una barra de navegación en la parte de arriba, dándole la oportunidad al usuario de elegir si quiere visualizar sus Pokemons por tipo, por tamaño, por peso o si prefiere utilizar un buscador para elegir algún Pokémon conforme a su nombre.
## Prototipos de baja Fidelidad
En un principio se boceta una interface donde el usuario ingresa su nombre y posteriormente se le da una pequeña bienvenida. Luego se mostraran los 151 pokemons ordenados por numero y se podra ver tambien el nombre.
## Prototipos de alta Fidelidad
Con las iteraciones de testeo de usabilidad de los primeros prototipos, se decide eliminar el login, dejando solo un botón para ingresar, los pokemons se muestran en pokedex, con información como: nombre, num y tipo.
## Muestra Final
El resultado final ayuda a nuestros usuarios a poder visualizar de manera ordenada por número a los Pokémos, la intefaz le permite navegar por un menú que le ayuda a filtrar la información por tipo de Pokémon o por nombre específico, tambien cuenta con un ordenado ascendente o descendente ya sea por altura o por peso.
## Problemas que detectaste a través de tests de usabilidad
Los principales probemas encontrados en los testeos basados en los primeros prototipos, fuero:
- Usuarios no pensaron que fuera necesario hacer un login al entrar al sitio.
- Usuarios encontraron el tipo de letra Pokémon muy molesta para la mayor parte del contenido
- Usuarios no encontraron agradable la pantalla verde del pokedex que se había incluido y se cambio
- Usuario piensa que es necesario poner altura y peso si se ordena por estos rubros
#Referencias
https://es.wikipedia.org/wiki/Pok%C3%A9mon#Mec%C3%A1nica_del_juego
https://es.ign.com/pokemon-go-iphone/106516/news/pokemon-go-estadisticas-de-sus-jugadores
### Herramientas
- [Git](https://git-scm.com/)
- [GitHub](https://github.com/)
- [GitHub Pages](https://pages.github.com/)
- [Node.js](https://nodejs.org/)
- [Jest](https://jestjs.io/)
- [Jest](https://jestjs.io/)
---
# CONSIDERACIONES TÉCNICAS
-
La lógica del proyecto esta implementada completamente en JavaScript
(ES6), HTML y CSS. En este proyecto NO se usar librerías o
frameworks, solo [vanilla JavaScript](https://medium.com/laboratoria-how-to/vanillajs-vs-jquery-31e623bbd46e),
No se debe utilizar la _pseudo-variable_ `this`.
El _boilerplate_ contiene una estructura de archivos como punto de partida así
como toda la configuración de dependencias:
```text
.
├── package.json
├── README.md
├── src
│ ├── data
│ │ ├── injuries
│ │ │ ├── injuries.js
│ │ │ └── injuries.json
│ │ ├── lol
│ │ │ ├── lol.js
│ │ │ └── lol.json
│ │ ├── pokemon
│ │ │ ├── pokemon.js
│ │ │ └── pokemon.json
│ │ ├── steam
│ │ │ ├── steam.js
│ │ │ └── steam.json
│ │ └── worldbank
│ │ ├── worldbank.js
│ │ └── worldbank.json
│ ├── data.js
│ ├── index.html
│ ├── main.js
│ └── style.css
└── test
└── data.spec.js
8 directories, 17 files
```