Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
38 commits
Select commit Hold shift + click to select a range
5fd8c07
agrega mensaje de prueba
RossannaAriza Dec 16, 2022
c17bdba
Merge pull request #1 from RossannaAriza/prueba
SaraStefania Dec 16, 2022
3eb92f0
se agrega maquetacion estructura basica html
RossannaAriza Dec 17, 2022
474c2e9
se agregaprimera funcion a boton
RossannaAriza Dec 17, 2022
306a340
se agregaestilo al nav y para dar funcionalidad al boton y visualizar…
RossannaAriza Dec 17, 2022
0944ca7
agrega estructura en cambio HTML, funcion a un boton y estilo en CSS …
RossannaAriza Dec 20, 2022
273259d
Merge pull request #2 from RossannaAriza/maquetacion
SaraStefania Dec 20, 2022
8fd4e41
agrega carpeta de imagenes
RossannaAriza Dec 20, 2022
c9d1c68
Merge pull request #3 from RossannaAriza/maquetacion
SaraStefania Dec 20, 2022
5f141cd
exporta la data y se declara, pendiente terminar codigo para visualiz…
RossannaAriza Dec 20, 2022
20bcc47
Merge pull request #4 from RossannaAriza/funcionFiltro
SaraStefania Dec 20, 2022
f268006
agrega catalogo con informacion desplegable de pokemons
RossannaAriza Dec 22, 2022
67bcbb2
Merge pull request #5 from RossannaAriza/funcionFiltro
SaraStefania Dec 22, 2022
1f16873
mostrar la data en la interfaz
Dec 23, 2022
8988993
Merge pull request #6 from sara040616/mostrarData
SaraStefania Dec 23, 2022
63f8cfb
cambios
RossannaAriza Dec 26, 2022
01219db
Merge branch 'main' of github.com:RossannaAriza/DEV003-data-lovers
RossannaAriza Dec 26, 2022
9c1c7f3
agrega funcion filtro y ordenar correctamente se muestra en consola
RossannaAriza Jan 5, 2023
162150e
Merge pull request #7 from RossannaAriza/funcionFiltro
SaraStefania Jan 5, 2023
c5d69c9
agrega las funciones de mostrar data en interfaz ordenada o filtrada
RossannaAriza Jan 11, 2023
b7a9ac4
agrega pruebas unitarias
RossannaAriza Jan 12, 2023
4e54a30
Merge pull request #8 from RossannaAriza/mostrarData
RossannaAriza Jan 12, 2023
42249cf
agrega prueba unitaria filtro ok
RossannaAriza Jan 12, 2023
0a79cc0
Merge pull request #9 from RossannaAriza/pruebasUnitarias
SaraStefania Jan 12, 2023
15d8432
Se agrega diseño responsive
Jan 17, 2023
e0efa6f
Merge pull request #10 from sara040616/responsive
RossannaAriza Jan 17, 2023
d5c4901
Merge branch 'main' of github.com:RossannaAriza/DEV003-data-lovers
RossannaAriza Jan 17, 2023
d9da2b9
diseño responsive
Jan 17, 2023
cbb90ec
Merge pull request #11 from sara040616/responsive
RossannaAriza Jan 17, 2023
1efd903
Merge branch 'main' of github.com:RossannaAriza/DEV003-data-lovers
RossannaAriza Jan 17, 2023
654aaec
agrega funciones, test,y grafica
RossannaAriza Jan 17, 2023
6e1dee9
Merge pull request #12 from RossannaAriza/UltimaFuncion
SaraStefania Jan 17, 2023
fa14b7c
agrega cambios de detalles y parte del readme
RossannaAriza Jan 17, 2023
0f630c1
agrega detalles en diseño
RossannaAriza Jan 18, 2023
c81df8d
Merge pull request #13 from RossannaAriza/cambiosFinales
SaraStefania Jan 18, 2023
2a866e1
cambios css
Jan 18, 2023
d3ede54
Merge branch 'main' of github.com:RossannaAriza/DEV003-data-lovers in…
Jan 18, 2023
113165e
cambios
Jan 18, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 87 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,93 @@

## Índice

* [1. Definición del producto](#1-definición-del-producto)
* [2. Historias de usuarios](#2-historias-de-usuarios)
* [3. Diseño de la Interfaz de Usuario](#3-diseño-de-la-Interfaz-de-Usuario)
* [4. Testeos de usabilidad](#4-testeos-de-usabilidad)

***

## 1. Definición del producto

Se desarrolló una interfaz “Data lover” la cual va dirigida a todo público que sea usuario o esté interesado en ser usuario de la aplicación pokemon go, los cuales tienen como objetivo principal atrapar distintos Pokémon para completar su Pokédex. Entre los datos más relevantes que se visualizan en la interfaz son: la imagen y nombre del pokémon, e información del pokémon.

## 2. Historias de usuarios

Con base a la data seleccionada:

* [Pokémon](src/data/pokemon/pokemon.json):
En este set encontrarás una lista con los 251 Pokémon de la región de Kanto
y Johto, junto con sus respectivas estadísticas usadas en el juego
[Pokémon GO](http://pokemongolive.com).
- [Investigación con jugadores de Pokémon Go](src/data/pokemon/README.md)

Se generó un formulario en donde se obtuvo información de usuarios de la aplicación Pokemon Go para encontrar las necesidades y poder realizar un boceto para la maquetación orientada al usuario, las preguntas que se realizaron fueron “¿Juegas o jugaste Pokemon Go?” “¿Qué conoces de Pokemon Go?” “Si existiera una pagina que te ayude dando información sobre los pokemons ¿Qué información esperas encontrar?” “ Si pudieras filtrar 251 pokemons ¿Qué categorías prefieres?”.
[Link formulario](https://docs.google.com/forms/d/1Y-qEd0YMQa30W48JFRQJM1flDyYRYIqmevY_kta9JaI/edit)

Los resultados obtenidos fueron de 7 usuarios en donde:

![Formulario1](/src/img/formulario1.jpg)
![Formulario2](/src/img/formulario2.jpg)
![Formulario3](/src/img/formulario3.jpg)
![Formulario4](/src/img/formulario4.jpg)

De los cuales se extrajeron 3 historias definidas, se identificó al usuario resolviendo las siguientes dudas:
¿Quiénes son los usuarios del producto? Personas que juegan, jugaron o están interesadas en jugar con la app Pokemon GO.
¿Cuáles son los objetivos que debe cumplir el producto? Principal objetivo brindar un catálogo de pokemones en una interfaz de fácil uso.
¿Cuáles son los datos que quieren ver en la interfaz? Datos generales como peso, altura, tipos, ubicación, debilidades y fortalezas; el porqué se llama pokemon go e instrucciones de uso de la app.
¿Cuándo utilizan o utilizarían el producto? Nuevos usuarios de la app Pokemon Go, usuarios antiguos antes de atrapar sus pokemones o los que ya tengan para tener información sobre cada pokémon para alguna batalla.

![HistoriaDeUsuario1](/src/img/HU1.jpg)
![HistoriaDeUsuario2](/src/img/HU2.jpg)
![HistoriaDeUsuario3](/src/img/HU3.jpg)


## 3. Diseño de la Interfaz de Usuario

### Prototipo de baja fidelidad

El primera maqueta estaba orientada según las creencias de necesidades del usuario:

![PrototipoBaja1](/src/img/Pbaja1.jpg)

Sin embargo, una vez obtenida las historias de usuario se realizo un boceto orientado a sus necesidades: se buscó realizar una interfaz de uso intuitivo, que diera un primer vistazo a la app pokemon Go y redireccionará para más información, acceder a toda la información de pokemones y poder filtrar según los intereses de los usuarios.

![PrototipoBaja2](/src/img/Pbaja2.jpg)
![PrototipoBaja3](/src/img/Pbaja3.jpg)


### Prototipo de alta fidelidad

![PrototipoAlta1](/src/img/Palta1.jpg)
![PrototipoAlta2](/src/img/Palta2.jpg)
![PrototipoAlta3](/src/img/Palta3.jpg)


* [Link Figma](https://www.figma.com/file/4mFJWgPWrTPYWmuMZyt90o/Untitled?node-id=0%3A1&t=OD03J3kW2PDgPzH8-0)


## 4. Testeos de usabilidad

Testeos de usabilidad
Se realizó test a 5 usuarios al finalizar proyecto diligenciando la siguiente información:

![FormularioTestUsabilidad](/src/img/TestUsabilidad.jpg)

Los resultados obtenidos fueron los siguientes:


Lo cual permitió generar cambios en cuanto ……




________________________________________________________________________________________________________________________

# Data Lovers

## Índice

* [1. Preámbulo](#1-preámbulo)
* [2. Resumen del proyecto](#2-resumen-del-proyecto)
* [3. Objetivos de aprendizaje](#3-objetivos-de-aprendizaje)
Expand Down
Loading