Android CityZen

1. Cityzen
Presentación del app

2. • El contexto
• La idea
• El equipo: Epic Monkey
• Metodología
• El proceso
• La evolución
Índice

3. El contexto

4. El contexto
• El ayuntamiento de Madrid dispone de una amplia gama de datos que pone a disposición pública.
• Lanza un concurso para utilizar estos datos de forma creativa en forma de app.
• Identificamos cierta forma de utilizar la información disponible que puede suponer un valor
añadido para posibles usuarios.
• Le damos un enfoque de sostenibilidad y ecología unida al transporte.
• Realizamos un proceso de diseño centrado en el usuario para crear un experiencia interesante.

5. La idea

6. A todos nos preocupa la contaminación
El mayor foco de contaminación de la ciudad,
sobre el que podemos actuar como individuos, es el tráfico.
Hay medios alternativos de desplazamiento
que vamos a agrupar en una única app, además
de indicar como contribuyes tu y otros usuarios
a reducir la huella ecología de emisiones.
La idea

7. La idea

8. El equipo

9. Adrián Santalla
Android Developer
Emilio Correa
UX/UI Design
Javier Abellán
Android Developer
Agradecimientos:
Elena Sánchez del Rey
Geografa, Data Analyst
Rubén Rodríguez Alguacil
Android Developer
Equipo

10. Metodología

11. Hemos utilizado una
metodología de diseño de apps
centrada en el usuario
Este trabajo utiliza las fases de diseño propias de
UX para ofrecer una solución sencilla y escalable.
Investigación y
análisis
Arquitectura de
la información
Prototipado Interacción Evaluación

12. La iteración como un juego
Afrontamos el proyecto de manera natural,
al igual que un niño aprende un nuevo juego:
viviendo un proceso repetitivo de descubrimiento, análisis y diseño

13. El proceso

14. Diseño de Personas
Es una manera de enfocar el diseño
de una aplicación poniendo rostro,
nombre y apellidos a los usuarios que
la tendrán que utilizar
Escenario
Es hora de preparar un
Escenario donde nuestra
Persona se desenvolverá
en la aplicación

15. Flujograma
La relación de todas la vistas
disponibles en la aplicación
Sketching
Aterrizamos las ideas y las
enfrentamos a la pizarra.

16. Wireframes
Creamos un prototipos de las pantallas antes de comenzar con el diseño

17. Diseño
Llega las parte más creativa del proceso, donde se da color y forma
a todas las ideas

18. El desarrollo
Empleamos Google Directions y
las APIs de Google Map
Programación reactiva, AGERA
Y un sistema de bases de datos en
tiempo real, FIREBASE

19. La evolución

20. Producto mínimo viable, con selección de
rutas BICIMAD y CAR2GO, cálculo de
emisiones estándar, estadísticas básicas y
FIREBASE de total de usuarios.
Incluye menú de navegación, área de
usuario, configuración del vehículo,
estadísticas avanzadas.
Más medios de desplazamiento
(transporte público, etc), compartir y
valorar rutas, gamificación.
BETA I II
El proyecto esta planificado en 3 fases que irán completando
la funcionalidad de la aplicación, desde su etapa beta hasta
su lanzamiento final
La evolución

21. Fase Beta. FIREBASE
Con FIREBASE de Google, podemos
compartir, en la nube y en tiempo
real, la información de ahorro de
emisiones de todos los usuarios.
La evolución

22. Fase I. Menú
La evolución

23. Fase I.
Configuración
La evolución

24. Fase I. Mis rutas
La evolución

25. Fase I.
Estadísticas
La evolución

26. Gracias por la atención