Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Testing #9

Open
wants to merge 51 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
51 commits
Select commit Hold shift + click to select a range
247fb42
se agregro archivo readme.md en src
maragastanaduy Jun 26, 2020
0d9ac99
Merge pull request #1 from maragastanaduy/master
nsquezadam Jun 26, 2020
85ecb3e
Se actualiza Readme.md se incorporan imagenes nuevas
nsquezadam Jun 28, 2020
ec905a9
Se estructura HTML y se agrega html de data
nsquezadam Jul 3, 2020
949dafc
background image add to src
maragastanaduy Jul 3, 2020
88c6b3e
Merge pull request #2 from maragastanaduy/master
nsquezadam Jul 3, 2020
7d976d5
Modificacion de data, imagenes
liaramosg Jul 4, 2020
7686e6e
Merge pull request #3 from liaramosg/master
nsquezadam Jul 4, 2020
a7c1688
background image full size
maragastanaduy Jul 4, 2020
e2ae10d
Merge pull request #4 from maragastanaduy/master
nsquezadam Jul 4, 2020
558e07b
actualizacion
nsquezadam Jul 4, 2020
e3d0f05
actualizacion other images
nsquezadam Jul 4, 2020
fbf3875
testing landing page, html and css
maragastanaduy Jul 6, 2020
ce28d3c
Fixed Menu bar, y tab configuration
liaramosg Jul 6, 2020
fe1f635
Merge branch 'master' into master
nsquezadam Jul 6, 2020
ad9f6cc
Merge pull request #6 from liaramosg/master
nsquezadam Jul 6, 2020
a5bc276
actualizacion
nsquezadam Jul 6, 2020
73f5534
update landing page corrections
maragastanaduy Jul 6, 2020
fb7e3ea
Merge pull request #7 from maragastanaduy/master
nsquezadam Jul 6, 2020
e44a4ad
actualizacion
nsquezadam Jul 6, 2020
556a13f
actualizacion
nsquezadam Jul 6, 2020
a8badca
readme update
maragastanaduy Jul 7, 2020
c6f854d
actualizacion
nsquezadam Jul 7, 2020
7593e24
readme update
maragastanaduy Jul 7, 2020
6d8a3c7
Merge pull request #8 from maragastanaduy/master
nsquezadam Jul 7, 2020
fad061f
actualizacion
nsquezadam Jul 7, 2020
47fc4df
Se realiza barra de menu fija y scroll pagina principal
nsquezadam Jul 8, 2020
6ae0fd2
se actualiza js con funcion data
nsquezadam Jul 9, 2020
b8f551e
aModificacion pokepedia .html , avance cod js
nsquezadam Jul 9, 2020
3091063
se realiza primera funcion y se realiza test correspondiente
nsquezadam Jul 10, 2020
04ea964
Actualizacion
nsquezadam Jul 11, 2020
f704c0e
actualizacion
nsquezadam Jul 12, 2020
9bcb9c4
actualizacion
nsquezadam Jul 14, 2020
9cb757f
Se corrigen errores slint y sintaxis se completa codigo actualizaci…
nsquezadam Jul 16, 2020
9740175
actualizacion metodo filter
nsquezadam Jul 16, 2020
0110004
actualizacion arreglo filtrado
nsquezadam Jul 17, 2020
28612d2
nueva actualizacion
nsquezadam Jul 17, 2020
6e2580c
cambios
maragastanaduy Jul 17, 2020
1121e9d
Merge pull request #9 from maragastanaduy/master
nsquezadam Jul 17, 2020
98da56b
se incluye 2 testing pass 35%
nsquezadam Jul 18, 2020
99fc091
cambio css y html
nsquezadam Jul 18, 2020
398d795
actualizacion
nsquezadam Jul 19, 2020
744c6da
actualizaciacion
nsquezadam Jul 19, 2020
464b7c6
Se agregan nuevos test y detalles al css y html
liaramosg Jul 19, 2020
44f35ea
Se agrgan test faltantes e imagen de tarjetas
liaramosg Jul 19, 2020
12d547a
Merge branch 'master' into master
liaramosg Jul 19, 2020
4608c20
Merge pull request #10 from liaramosg/master
nsquezadam Jul 19, 2020
3f3f24c
edicion readme
maragastanaduy Jul 19, 2020
10ab05a
Merge pull request #11 from maragastanaduy/master
nsquezadam Jul 19, 2020
dcb292b
se sube readme
nsquezadam Jul 22, 2020
5c2728d
actualiazacion
nsquezadam Jul 22, 2020
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
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5503
}
477 changes: 0 additions & 477 deletions README.md

This file was deleted.

183 changes: 183 additions & 0 deletions Readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,183 @@
# UX

## RESEARCH

### Entrevistas con Usuarios y Expertos

Preguntas:
Edad y ocupación actual.
¿Cuanto tiempo llevas jugando Pokemon Go?
¿Que contenido consideras relevante para una web de contenidos de Pokemon GO?

Respuestas:
E1: 35 Años, Ingeniero de datos.
Jugó desde el 2016 hasta el 2017, retomando de manera intermitente, posterior a este tiempo.
Conocer que pokemones puedes poner a competir con los que ya están en los gimnasios.

E2: 33 años, diseñador gráfico y gamer.
Jugando desde que salió la app, aprox. 4 años.
Ruleta de tipos: que pokemon es débil contra otros.
Mapas: que pokemons aparecen en ciertas zonas (por actualización de juegos o migraciones) (con base de datos).

E3: 28 años, asesor de ventas en tienda de videojuegos.
Feed de noticias, linkeados con Nientic
Datos de pokemon : Tipo de pokemon, debilidad, resistencia, ataque, salud, defensa.
Feed con el pokemon en tendencia, más fuertes y más usados de la temporada.

### Referencias web

<https://www.pokemon.com/us/>

<https://pokeballplus.nintendo.com/es/>

<https://www.pokemongo.com/es-es/>

<https://pokemongolive.com/es/>

<https://www.nintenderos.com/>.

## IDEACIÓN

### Definición de usuario

Jugador activo
Paulina es una jugadora recurrente de Pokemon Go, cuenta con 50 Pokémones en su Pokédex, invierte 4 horas diarias de forma intermitente en esta aplicación.
De manera recurrente se encuentra con el mismo problema, no cuenta con la información adecuada para evaluar sus propios Pokémones frente a una posible batalla.


Visitante
Pablo no es un jugador activo, sin embargo es un fanático de Pokémon; debido que es una serie que marcó su infancia, le gustaría estar al día con las novedades del juego, nuevos Pokémones y noticias relacionadas.

### Solución a la problemática

Poke world

Nuestra web ofrece una pokepedia, donde nos brinda una vasta información, detalla, concisa y clara sobre cada pokemon usado en el juego, lo cual a nuestro usuario recurrente le es de gran ayuda para poder seguir avanzando en sus siguientes batallas, y así seguir perfeccionándose como entrenador Pokémon.
De igual manera ofrecemos información relevante, feed de noticias, comparativas, rankings, mapas y actualizaciones del juego.

### HISTORIAS DE USUARIOS

Se Definen 7 historias de usuarios creando un Backlog con prioridades para coordinar durante cada sprint.

![HIST. USUARIO ](../src/imagenes/HUS1.png)

* El proyecto decidió realizarse bajo la metodología Agiles Scrum, con Sprints semanales. Mediante la App Web Trello: <https://trello.com/b/0IoIlvbF/scrum>

### Brainstorm nombre de marca

1era votación

[ ] Poke manager

[ ] Mi asistente pokemongo

[x] Poke world III

[ ] Pokefriends

[x] Poke lovers I

[ ] Gimnasios

[ ] Batallas

[ ] combat

[ ] versus

[x] life I

[ ] Cave

[x] club
I
[ ] trainer

[ ] legion

[x] Manada Herd I

[x] Geek I

[x] Troop II

2da votación

[x] PokeWorld III

[ ] PokeLovers I

[ ] PokeLife

[x] Poke Club II

[ ] Poke Herd I

[ ] Poke Geek

[ ] Poke Troop I

#### Ganador: PokeWorld

## DISEÑO Y PROTOTIPADO

### Prototipado de contenido

Realizado a mano alzada, colocamos de manera clara nuestras espectativas de la página.
![PBF.firstsketch ](./src/imagenes/firstsketch.jpeg)
![PBF.secondsketch ](./src/imagenes/secondsketch.jpeg)
Testeo de usabilidad realizado mediante feedback en forma grupal y de squads.

### Prototipado de baja fidelidad

Desarrollamos nuestros sketches de baja fidelidad en Balsamiq.
Ideas en formato WEB y Movil:

![PBF.DESKTOP1 ](./src/imagenes/PBF-DESKTOP1.png)

![PBF.DESKTOP1 ](./src/imagenes/PBF-DESKTOP2.png)

![PBF.MOVIL ](./src/imagenes/PBF-MOVIL.png)

Testeo de usabilidad realizado mediante feedback en forma grupal y con entrevistas aleatorias a personas externas de Laboratoria.

### Prototipado de alta fidelidad

#### Wireframe

Se construyó en Figma, en tonos grises.
![PBF.wireframeH1-1](./src/imagenes/wireframeH1-1.png)

#### Interface

Elegimos Figma para elaborar nuestro modelo, reflejando la paleta de colores, mood, y todo los puntos anteriormente establecidos en la etapa de Ideación.
![PBF.interfaceH1-1](./src/imagenes/interfaceH1-1.png)

#### Prototype

![PBF.figma-proto-1](./src/imagenes/figma-proto-1.png)
![PBF.figma-proto-2](./src/imagenes/figma-proto-2.png)
![PBF.figma-proto-3](./src/imagenes/figma-proto-3.png)
![PBF.figma-proto-4](./src/imagenes/figma-proto-4.png)

#### Testing

4 de nuestros 5 entrevistados, describieron el prototipo como:

- Elegante y discreto.
- Simple en las interacciones.
- Dinámico con los contrastes de color y tipografía.
- Fácil de ubicar, tanto los atajos como filtros.

Uno de ellos:

- Lo encontró carente de colores propios de la marca pokemon. Y a la vez le pareció sencilla en su funcionamiento.

## NOTA PARA PROGRAMADORES

- Para clonar archivo ingresar a : <https://github.com/nsquezadam/SCL014-data-lovers>

- Da clic en Fork, luego en copiar con botón Clonar o descargar.

- Ingresar a Terminal del computador, luego acceder a la carpeta donde guardarás tu repositorio y digitar: git clone
<https://github.com/YOUR-USERNAME/YOUR-REPOSITORY>
Loading