Presentamos algunas de las aplicaciones más relevantes para movilizar a diversos públicos sobre situaciones cotidianas.

1. Taller Enmedio
Con David Proto y
Mónica Rikic

2. 1. Tácticas
Fake
Irrupción
creativa
y flash Mob
Boikot
Parodia y
Tergiversación
Guerrilla
de la
comunicación
Gamificación
Desobediencia
Civil

3. 1. Tácticas
El Fake revela las
estructuras escondidas.
La siguiente portada fake del NYT obligó
a la Casa Blanca a pronunciarse sobre la
guerra de Irak en un contexto en el que
los medios ya no hablaban sobre el
conflicto.
Otro ejemplo de fake es la aplicación
Bride Price App.
Fake
Irrupción
creativa
y flash Mob
Boikot
Parodia y
Tergiversación
Guerrilla
de la
comunicación
Gamificación
Desobediencia
Civil

4. 1. Tácticas
Un ejemplo de irrupción creativa es la
iniciativa: Toque a Bankia, del grupo
Gila. La idea de partida era: Tienes que
parar un banco de forma creativa.
Fake
Irrupción
creativa
y flash Mob
Boikot
Parodia y
Tergiversación
Guerrilla
de la
comunicación
Gamificación
Desobediencia
Civil

5. 1. Tácticas
Busca avergonzar al
infractor
Free2work aplicación que es capaz de
determinar, escaneando el código de
barras de un producto, si en un proceso
de fabricación han intervenido menores.
Otro ejemplo son las iniciativas de
Anonymous contra Ley Sinde,
Operación Wikileaks. ISIS
Fake
Irrupción
creativa
y flash Mob
Boikot
Parodia y
Tergiversación
Guerrilla
de la
comunicación
Gamificación
Desobediencia
Civil

6. 1. Tácticas
El poder no conoce nada
que no se le reclame
Memetro, detectan mediante los
mensajes de Twitter los controles de
revisores en las estaciones de metro y
otros transportes de Barcelona y
geoposicionan alertas en un mapa.
Fake
Irrupción
creativa
y flash Mob
Boikot
Parodia y
Tergiversación
Guerrilla
de la
comunicación
Gamificación
Desobediencia
Civil

7. 1. Tácticas
Un ejemplo de cómo utilizar la parodia es
el juego contra los recortes en la
escuela pública de Marea Verde.
Fake
Irrupción
creativa
y flash Mob
Boikot
Parodia y
Tergiversación
Guerrilla
de la
comunicación
Gamificación
Desobediencia
Civil

8. 1. Tácticas
Intervenciones en el
proceso de comunicación.
Fake
Irrupción
creativa
y flash Mob
Boikot
Parodia y
Tergiversación
Guerrilla
de la
comunicación
Gamificación
Desobediencia
Civil
Ejemplo la caja de
medicamentos de Memetro.

9. 1. Tácticas
Fake
Irrupción
creativa
y flash Mob
Boikot
Parodia y
Tergiversación
Guerrilla
de la
comunicación
Gamificación
Desobediencia
Civil
MalariaSpot, un juego que colabora en la
lucha contra la malaria a golpe de clics.
Ingress, un juego de rol táctico y estrategia
online que utiliza la realidad aumentada.
Gracias a este juego, tienen cartografiado
casi todo el planeta.
25 % Tecnología
25% Estética
25% Mecánica del juego
25% Storytelling
Descargar Game
Design

10. 2. Gamificación
· Jugadores
Persona filantrópica (Crowdfunding), conseguidora, espíritu libre (Second
life). Persona socializadora o descubridora.
· Elementos del juego
· Estética
Avatares, personas, grupos, entorno, escenario, imagen que se
proyecta…
· Reglas
· Mecánica del juego
Retos, logros, metas.
· Motivación
Mejoras, hacerlo bien, despertar la curiosidad, libertad de elección,
compartir.
· Placeres
Social, reto, descubrimiento, expresión, inmersión, buena historia,
sensaciones.
· Reglas
Son claves para acotar el juego. Es muy importante la dinámica y el
objetivo.
Pasos a considerar a la
hora de diseñar un juego
El objetivo:
estar inmerso
en un círculo
mágico

11. 3. Sensores
Tipos de sensores en el móvil
Sensor de luz
ambiental
Sensor de
proximidad
Cámara
Sensor de
sonido
Pantalla táctil
GPS
Wifi
GSM / CDMA
NFC
Bluetooth
Acelerómetro
Magnetó-
metro
Giroscópio
Barómetro
Termómetro
Higrómetro
InfrarrojosSeguimiento
de ojos
Reconoci-
miento de ojos
Podómetro
Huella táctil
Ultravioleta

12. 4. Herramientas
1. Mapas y geocatching
Megafone (Zexe.net). Megáfonos
digitales contra la exclusión social.
Una de las iniciativas impulsadas
consistió en repartir móviles para que
personas en sillas de ruedas pudieran
hacer fotos de la ciudad y denunciar
los problemas que tenían de
movilidad.
Transborder Project, un proyecto de
Ricardo Domínguez. Ricardo
desarrolló un programa para ayudar a
las personas que iban a cruzar la
frontera entre México y EE.UU. La
idea era que pudieran contar con un
móvil guía. Estos teléfonos señalaban
por ejemplo dónde encontrar agua o
comida. Además, se incluían poemas
para el viaje. El FBI persiguió el
proyecto y a Domínguez por esta
iniciativa.

13. 4. Herramientas
2. Realidad Aumentada y
realidad virtual
Destiny Aventura espacial para preservar la
especie humana, que sobrevive a duras penas en
el último enclave seguro del Sistema Solar. El
usuario debe personalizar a su guardián, que
puede ser un titán, un hechicero o un cazador.
Guardian VR Aplicación de realidad virtual que
te lleva a vivir en una celda estadounidense.

14. 4. Herramientas
3. Lectura de imágenes
y códigos
Buycott App para comprar de manera
consciente.
You have a choice App para
denunciar casos de trata de personas.
4. Concienciación
Backslash Dispositivos funcionales
diseñados para protestar y los motines
del futuro. Defiende el derecho a
conectarse en sitios de protesta a
través de la innovación y la
apropiación creativa de las
tecnologías.
Botón del pánico App de Amnistía
Internacional que incluye una alarma
secreta que se puede activar en caso
de emergencia.

15. 4. Herramientas
4. Concienciación
Salvatore Iaconesi Ha desarrollado sistemas de
entretenimiento centrados en arquitecturas
interactivas, realidad aumentada o aplicaciones,
siempre explorando la participación colectiva en la
generación de conocimiento científico.
Firechat Una aplicación para conectar a la
ciudadanía cuando no hay Internet.
Bemyeyes App colaborativa para ser los ojos de una
persona invidente.
Oiga.me Plataforma de denuncia. Funciona de
forma parecida a change.org. 5. Deliberación y
democracia directa
Appgree Plataforma colaborativa para
compartir y valorar ideas.
Agora Voting Plataforma que proporciona
servicios de votaciones seguras en Internet.

16. ¿Cómo se hace
una app?

17. Necesidad Estrategia Objetivo
Motivación Herramientas
Tácticas
¿Por qué lo
quiero?
¿Qué estoy
dispuesto a
hacer?
¿Qué quiero?
Artivismo
Art + activismo
Involucra, Emocional-Racional, inesperado, Imposible-posible
Muestra el conflicto
1. Appción

18. Nativas Webapp Web App
Nativa
Software
Development
Kit (SDF)
HTML
(HTM, JavaScript, CSS)
Híbridas
Frameworks
Apps Centralizadas Apps Descentralizadas
Cuentan con servicios
privados (web service)
No tienen un servidor único.
Ej. Bitcoin. Internet paralelo.
2. Tipos de Webs

19. ¿Cómo va ser
la app?
¿Qué datos
necesito?
Desarrollo +
publicidad
Fase 1 Fase 2 Fase 3
Crear flujo de interacción
Crear Mock-ups
Wireframes
Moqup.com
Crear Web Service
Crear estructura de datos
2. Tipos de Webs
Desarrollo de la web Nativa,
Webapp o WA Nativa
Nativas Webapp Webapp
Nativa
IOS
XCODE
CCOA
MIT App Inventor en el
escritorio y en el móvil.
ANDROID
ANDROID STUDIO
JAVA

20. 3. Diseño App
Diseño centrado en
el usuario.
Planificación e
investigación.
Diseño y prototipo.
Evaluación
Implementación
Monitorización
Proceso de diseño
en ciclo
MIT Android Design, la biblia de Android

21. 4. UX
User Experience
1) Usabilidad
Aquello que desarrollamos para
que el usuario tenga una
experiencia lógica con la máquina.
Hace que tu experiencia sea positiva o negativa.
Características
Eficiencia de la
aplicación. Es diferente
de UX. Hace referencia
a que es usable, que
funciona bien.
Características:
1- Tiempos de carga
rápidos
2- Diseño claro y limpio
3- Accesibilidad
4- Coherencia
5- Claridad
2) Utilidad 3) Atracción 4) Confianza
Todos los elementos de
la App tienen que tener
un propósito claro.
Diseño, estética y
contenido de calidad.
Los usuarios deben
verse atraídos por la
app.
El usuario debe disponer
de toda la información
para sentirse seguro.
Serán importantes
secciones como:
Información, contacto,
FQ

22. 4. UX
User Experience
5) Arquitectura
Características
La arquitectura de la
información facilita la
búsqueda de contenido.
6) Seguridad 7) Interacción 8) Estilos
de interacción
Esta característica
también está
relacionada con el
concepto de claridad.
Nos referimos aquí a la
protección de
información confidencial,
anonimato, certificados
SSL, por ejemplo a la
hora de realizar pagos.
Diálogo que
establecemos con la
máquina.
Líneas de comandos.
Menús de selección o
navegación.
Formularios (ej. Login).

23. 5. Herramientas UX
Ayudan a comprender el comportamiento
del usuario.
Diagrama de flujos: Qué pasos da el usuario
cuando comienza a interactuar con la App.
Acciones y micro acciones.
MIT ProcessMaker
1) Flujos de usuario
Wireframes. Esbozo de cómo será la app.
MIT Pop Prototyping on paper
2) Diseño de Interfaz de
usuario UI
MIT Invision, Xd Adobe- App Design Experience
3) UI Mockups
Goodbarber
4) CMS Apps
App para hacer eventos.