Slide 1

CityzenPresentacin del app

1

El contextoLa ideaEl equipo: Epic MonkeyMetodologaEl procesoLa evolucin

ndice

2

El contexto

3

El contexto

El ayuntamiento de Madrid dispone de una amplia gama de datos que pone a disposicin pblica.Lanza un concurso para utilizar estos datos de forma creativa en forma de app.Identificamos cierta forma de utilizar la informacin disponible que puede suponer un valor aadido para posibles usuarios.Le damos un enfoque de sostenibilidad y ecologa unida al transporte.Realizamos un proceso de diseo centrado en el usuario para crear un experiencia interesante.

4

La idea

5

A todos nos preocupa la contaminacin

El mayor foco de contaminacin de la ciudad,sobre el que podemos actuar como individuos, es el trfico.

Hay medios alternativos de desplazamiento que vamos a agrupar en una nica app, ademsde indicar como contribuyes tu y otros usuariosa reducir la huella ecologa de emisiones.

La idea

6

La idea

7

El equipo

8

Adrin SantallaAndroid DeveloperEmilio CorreaUX/UI DesignJavier AbellnAndroid DeveloperAgradecimientos:

Elena Snchez del ReyGeografa, Data Analyst

Rubn Rodrguez AlguacilAndroid Developer

Equipo

9

Metodologa

10

Hemos utilizado una metodologa de diseo de apps centrada en el usuario

Este trabajo utiliza las fases de diseo propias de UX para ofrecer una solucin sencilla y escalable.

Investigacin y anlisisArquitectura dela informacinPrototipadoInteraccinEvaluacin

11

La iteracin como un juegoAfrontamos el proyecto de manera natural,al igual que un nio aprende un nuevo juego:viviendo un proceso repetitivo de descubrimiento, anlisis y diseo

12

El proceso

13

Diseo de Personas

Es una manera de enfocar el diseo de una aplicacin poniendo rostro, nombre y apellidos a los usuarios que la tendrn que utilizarEscenarioEs hora de preparar un Escenario donde nuestra Persona se desenvolver en la aplicacin

14

Flujograma

La relacin de todas la vistas disponibles en la aplicacinSketchingAterrizamos las ideas y las enfrentamos a la pizarra.

15

Wireframes

Creamos un prototipos de las pantallas antes de comenzar con el diseo

16

DiseoLlega las parte ms creativa del proceso, donde se da color y forma a todas las ideas

17

El desarrolloEmpleamos Google Directions y las APIs de Google Map

Programacin reactiva, AGERA

Y un sistema de bases de datos en tiempo real, FIREBASE

18

La evolucin

19

Producto mnimo viable, con seleccin de rutas BICIMAD y CAR2GO, clculo de emisiones estndar, estadsticas bsicas y FIREBASE de total de usuarios.

Incluye men de navegacin, rea de usuario, configuracin del vehculo, estadsticas avanzadas.

Ms medios de desplazamiento (transporte pblico, etc), compartir y valorar rutas, gamificacin.

BETAIIIEl proyecto esta planificado en 3 fases que irn completando la funcionalidad de la aplicacin, desde su etapa beta hasta su lanzamiento finalLa evolucin

20

Fase Beta. FIREBASE

Con FIREBASE de Google, podemos compartir, en la nube y en tiempo real, la informacin de ahorro de emisiones de todos los usuarios.La evolucin

21

Fase I. MenLa evolucin

22

Fase I. ConfiguracinLa evolucin

23

Fase I. Mis rutasLa evolucin

24

Fase I. EstadsticasLa evolucin

25

Gracias por la atencin

26