Taller Enmedio

Con David Proto yMónica Rikic

1. Tácticas

FakeIrrupción creativa

y flash Mob Boikot

Parodia y Tergiversació

n

Guerrilla de la

comunicaciónGamificació

n

Desobediencia Civil

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.

FakeIrrupción creativa

y flash Mob

Boikot

Parodia y Tergiversació

n

Guerrilla de la

comunicaciónGamificació

n

Desobediencia Civil

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.

FakeIrrupción creativa

y flash Mob

Boikot

Parodia y Tergiversació

n

Guerrilla de la

comunicaciónGamificació

n

Desobediencia Civil

1. Tácticas

Busca avergonzar al infractorFree2work 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

FakeIrrupción creativa

y flash Mob

Boikot

Parodia y Tergiversació

n

Guerrilla de la

comunicaciónGamificació

n

Desobediencia Civil

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.

FakeIrrupción creativa

y flash Mob

Boikot

Parodia y Tergiversació

n

Guerrilla de la

comunicaciónGamificació

n

Desobediencia Civil

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.

FakeIrrupción creativa

y flash Mob

Boikot

Parodia y Tergiversació

n

Guerrilla de la

comunicaciónGamificació

n

Desobediencia Civil

1. Tácticas

Intervenciones en el proceso de comunicación.

FakeIrrupción creativa

y flash Mob

Boikot

Parodia y Tergiversació

n

Guerrilla de la

comunicaciónGamificació

n

Desobediencia Civil

Ejemplo la caja de medicamentos de Memetro.

1. Tácticas

FakeIrrupción creativa

y flash Mob

Boikot

Parodia y Tergiversació

n

Guerrilla de la

comunicaciónGamificació

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ética25% Mecánica del juego 25% Storytelling

Descargar Game Design

2. Gamificación

· JugadoresPersona filantrópica (Crowdfunding), conseguidora,

espíritu libre (Second life). Persona socializadora o descubridora.

· Elementos del juego

· EstéticaAvatares, personas, grupos, entorno, escenario, imagen

que se proyecta…

· Reglas

· Mecánica del juegoRetos, logros, metas.

· MotivaciónMejoras, hacerlo bien, despertar la curiosidad, libertad de

elección, compartir.

· PlaceresSocial, reto, descubrimiento, expresión, inmersión, buena

historia, sensaciones.

· ReglasSon 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

3. Sensores

Tipos de sensores en el móvil

Sensor de luz

ambientalSensor de proximidad

Cámara

Sensor de sonido

Pantalla táctilGPS

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

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.

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.

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.

4. Herramientas

4. ConcienciaciónSalvatore 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 directaAppgree Plataforma colaborativa para compartir y valorar ideas.

Agora Voting Plataforma que proporciona servicios de votaciones seguras en Internet.

¿Cómo se hace una app?

Necesidad

Estrategia

Objetivo

Motivación Herramientas

Tácticas¿Por qué lo

quiero?¿Qué estoy dispuesto a

hacer?¿Qué quiero?

ArtivismoArt + activismoInvolucra, Emocional-Racional, inesperado, Imposible-posible

Muestra el conflicto1. Appción

Nativas Webapp Web App

NativaSoftware

Development Kit (SDF)

HTML(HTM, JavaScript,

CSS)

HíbridasFrameworks

Apps Centralizadas Apps DescentralizadasCuentan con servicios privados (web service)

No tienen un servidor único. Ej. Bitcoin. Internet paralelo.

2. Tipos de Webs

¿Cómo va ser la app?

¿Qué datos necesito?

Desarrollo +

publicidad

Fase 1 Fase 2 Fase 3

Crear flujo de interacciónCrear Mock-upsWireframesMoqup.com

Crear Web ServiceCrear 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.

ANDROIDANDROID STUDIOJAVA

3. Diseño App

Diseño centrado en el usuario.Planificación e investigación.Diseño y prototipo.Evaluación ImplementaciónMonitorización

Proceso de diseño en ciclo

MIT Android Design, la biblia de Android

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ápidos2- Diseño claro y limpio3- Accesibilidad4- Coherencia5- Claridad

2) Utilidad 3) Atracción 4) ConfianzaTodos 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

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).

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 AppsApp para hacer eventos.