La Comunificadora. Taller de Agile Design Thinking

63
Mod. 3 Co-creació i models de negoci 22/11/2016 > 23/11/2016

Transcript of La Comunificadora. Taller de Agile Design Thinking

Page 1: La Comunificadora. Taller de Agile Design Thinking

Mod. 3

Co-creació i models de negoci22/11/2016 > 23/11/2016

Page 2: La Comunificadora. Taller de Agile Design Thinking
Page 3: La Comunificadora. Taller de Agile Design Thinking

We're @platoniq & @goteofundingWorking in (offline) methods for (open) co-creation

Page 4: La Comunificadora. Taller de Agile Design Thinking

Workshop #Cocreation. Ideas flow and they’re shared

Page 5: La Comunificadora. Taller de Agile Design Thinking

We’ve been helping to build new appsfrom Europeana, with Agile methodologies

Page 6: La Comunificadora. Taller de Agile Design Thinking

Cutting & pasting “the old way”…Collaborative collage as the seed of a project

Page 7: La Comunificadora. Taller de Agile Design Thinking

… then moving co-creation to backlogsShared task & issues for incremental development

Page 8: La Comunificadora. Taller de Agile Design Thinking
Page 9: La Comunificadora. Taller de Agile Design Thinking

A space to work & learn/document as well

¿Qué?: Debate y co-diseñar propuestas bajo el prisma de la co-creación

¿Porque?: por inspirar, idear, debatir o descubrir nuevas posibilidades y la manera de enfocar vuestros proyectos

¿Cuando?: 22/11 (16:00 – 20:00) y 23/11 (10:00 - 14:00)

¿Donde?: Fabra i Coats

Who: Perfiles diversos

#CoCreationMadeAgile

Page 10: La Comunificadora. Taller de Agile Design Thinking

Emprendedor / Gerente

Comunicación /Marketing

Investigación /Desarrollo

Ventas /CRM

Contribuye con tus habilidades/conocimiento

#CoCreationMadeAgile

Designers /Creatives

Page 11: La Comunificadora. Taller de Agile Design Thinking

“Rules”Minimum ones

Todos somos apasionados y constructivos sobre [la economía colaborativa y el emprendimiento]

y somos responsables de crear cosas desde esa pasión con lo que tenemos a mano, ayudando compartiendo

nuestro conocimiento.

1) Los que estáis sois los que tenéis que estar

2) Lo que pase hoy es lo que tenía que pasar

3) Law of 2 feet: si consideras que no aprendes ni contribuyes, muévete!

#CoCreationMadeAgile

Page 12: La Comunificadora. Taller de Agile Design Thinking

“Minds are like parachutes; they work best when open.”

Frank Zappa

Page 13: La Comunificadora. Taller de Agile Design Thinking

#1 “Apptizer”What's interesting out there?

#opencocreation

1) Cread grupos de 3 personas

2) Escribe un post-it el nombre de tus apps / webs / proyectos favoritas por su diseño, enganche, vinculación / compromiso, apertura…

3) Explica o enseña a la “P2P” en 2 minutos al resto de tu grupo

4) Cada grupo tiene que seleccionar un ejemplo (abierto)!

40min

Page 14: La Comunificadora. Taller de Agile Design Thinking

THE METHOD CASE

Los apptizers de @platoniq

Page 15: La Comunificadora. Taller de Agile Design Thinking

Surge desde la necesidad particular

© TED Talkhttps://www.youtube.com/watch?v=Z3XmkLTEqTs&tLos apptizers de @platoniq

Page 16: La Comunificadora. Taller de Agile Design Thinking

BRITISH MUSEUM > @Scketchfab

http://www.themethodcase.comLos apptizers de @platoniq

Page 17: La Comunificadora. Taller de Agile Design Thinking

Info British Museum 3D project: http://www.wired.co.uk/magazine/archive/2015/04/play/reprinting-history http://www.britishmuseum.org/whats_on/events_calendar/event_detail.aspx?eventId=1507&title=3D%20printing%20for%20families&eventType=Digital%20workshop

Page 18: La Comunificadora. Taller de Agile Design Thinking
Page 19: La Comunificadora. Taller de Agile Design Thinking
Page 20: La Comunificadora. Taller de Agile Design Thinking

http://www.civio.es/sector-publico/#donde-van-mis-impuestos

Page 21: La Comunificadora. Taller de Agile Design Thinking

#1 “Apptizer”¿Cúal es el criterio?

HIGH

LOW

INNOVATION

HIGH

LOW

ENGAGEMENT

HIGH

LOW

HIGH

LOW

HIGH

LOW

SHARED RESSOURCES

COLLABORATIVE GOVERNANCE

MISSION DRIVEN

Page 23: La Comunificadora. Taller de Agile Design Thinking

“Reinventa tu scenario y tus usuarios”

/ usuarios intercambiables / usuarios extremos / como afecta a funcionalidades específicas

Escribe en una frase empezando por“Que pasaría si…

“[Un/a/ <usuario…>]

[Pudiera <acción específica>][Con… <herramienta / contenido…>]

[Consiguiendo… < Objetivo principal / Beneficio común >]”

Utiliza un verbo como mínimo que describa la acción.#CoCreationMadeAgile

#2 WHAT IF… SCENARIO FORECAST

80min.

Page 24: La Comunificadora. Taller de Agile Design Thinking

una persona mayor

acceder a contenidos via

móvil

contenidos geo-localizados

conectar cada barrio a

una narrativa específica

diseñadoracede y guarda contenido en su ficha personal

sets de colecciones

digitalizadas

empoderar a la comunidad de diseñadores

utiliza contenidos

QUE PASARÍA SIUN/A…

<usari@ / cliente / ciudadano>

PUDIERA… <acción específica>

CON… <herramienta /

contenido / personas>

CONSIGUIENDO… <objetivo principal /beneficio común>

Page 25: La Comunificadora. Taller de Agile Design Thinking

Fotógraf@sagruparse como

colectivo profesional

una plataforma digital con gobernanza

abierta

no depender de agencias

intermediarias y dignificar su

trabajo

QUE PASARÍA SIUN/A…

PUDIERA… CON… CONSIGUIENDO…

Page 26: La Comunificadora. Taller de Agile Design Thinking

Fotógraf@sagruparse como

colectivo profesional

una plataforma digital con gobernanza

abierta

PUDIERA… CON… DE MODO QUE…

Stocksy >> Los fotógrafos canadienses de Stocksy han constituido el equivalente a una cooperativa de trabajo que les permite decidir cómo se gestiona la empresa y obtener más beneficios por foto vendida a través de Internet.

QUE PASARIA SIUN/A…

DE MODO QUE…

no depender de agencias

intermediarias y dignificar su

trabajo

CONSIGUIENDO…

Page 27: La Comunificadora. Taller de Agile Design Thinking

fairmondo.de

compradores y vendedores

intercambiar productos

participación como

co-propietarios

crear un lugar de referencia en el comercio justo. Una alternativa ética a eBay

PUDIERA… CON… CONSIGUIENDO… QUE PASARÍA SIUN/A…

Page 28: La Comunificadora. Taller de Agile Design Thinking

¿Quién hubiese pensado que podríamos hablar de teléfono de comercio justo? Para eso se ha creado Fairphone, un

smartphone sostenible y solidario.

Page 29: La Comunificadora. Taller de Agile Design Thinking

consumidores

comprar, utilizar, reparar

y reciclar smartphones

certificado sostenible y

etico

que se convierta en un modelo a

seguir en la industria

QUE PASARÍA SIUN/A…

PUDIERA… CON… CONSIGUIENDO…

Page 30: La Comunificadora. Taller de Agile Design Thinking

Se considera Fairphone un smartphone de comercio justo, porque controla toda la cadena de fabricación. Contiene minerales, como el cobalto, extráidos de minerías certificadas por no estar relacionados con ningún conflicto de la República Democrática del Congo. Además, están construyendo alianzas con empresas que recogen móviles usados.

Page 31: La Comunificadora. Taller de Agile Design Thinking

arquitectos crean diseños abiertos

planos y esquemas

descargables

dan una alternativa constructiva

COMO UN/A… PUDIERA… CON… DE MODO QUE…

QUE PASARÍA SIUN/A…

PUDIERA… CON…

Page 32: La Comunificadora. Taller de Agile Design Thinking
Page 33: La Comunificadora. Taller de Agile Design Thinking

#IDEA scenarioOffline

CO-CREATION made agile - Workshop CC BY-SA

Page 34: La Comunificadora. Taller de Agile Design Thinking

Ideas & Clusters1/ Intercambio / Transferencias / Peers

2/ Crowdsourcing / Participación / Co-diseño3/ Impacto ecológico / Economía circular

4/ Gobernanza colectiva / Datos abiertos / Sector Público 5/ Consumo colaborativo

Page 35: La Comunificadora. Taller de Agile Design Thinking

Formatos1/ APPS

2/ Plataformas3 / Comunidad On-line

4 / Productos / servicios Fisitales (Phygital)

Page 36: La Comunificadora. Taller de Agile Design Thinking

#3 Dotmocracy…Voting the best ideas 15min.

Page 37: La Comunificadora. Taller de Agile Design Thinking

#5 Rapid PrototypingVisual brainstorming 60min.

Page 38: La Comunificadora. Taller de Agile Design Thinking

Profession:

Technologies she uses:

Interests:

Needs:

Profession:

Technologies he uses:

Interests:

Needs:

Profession:

Technologies he uses:

Interests:

Needs:

Maria Samuel Fran

Choose and set a short explanation of the user profile, depending on your project needs…

Page 39: La Comunificadora. Taller de Agile Design Thinking

#CoCreationMadeAgile

“Dibuja una primera versión 2d de las interacciones básicas”

1) Trabaja en un grupo reducido seleccionando los escenarios y el perfil de usuario (persona’s)

2) Acaba de perfilar los usuarios finales

3) Selecciona iconos e imágenes y organízalas en el canvas enfocándote en usuario

4) Dibuja conexiones y añade diagramas (wireframes / user journey) que reflejen las relaciones o interacciones más relevantes

#5 Rapid PrototypingVisual brainstorming

Page 40: La Comunificadora. Taller de Agile Design Thinking
Page 41: La Comunificadora. Taller de Agile Design Thinking

#ICONS

CO-CREATION made agile - Workshop CC BY-SA

Page 42: La Comunificadora. Taller de Agile Design Thinking
Page 43: La Comunificadora. Taller de Agile Design Thinking

#Drawing canvas

CO-CREATION made agile - Workshop CC BY-SA

Page 44: La Comunificadora. Taller de Agile Design Thinking
Page 45: La Comunificadora. Taller de Agile Design Thinking

La intención de prototipar / wireframinges la de separar diseño del proceso de hacer.

Se trata de descubrir la ruta que la idea funcionaría y definirque herramientas se van a necesitar.

Articular la “médula” de la idea y que posteriormente, el diseño dará piel.

#5 Rapid PrototypingVisual brainstorming

#CoCreationMadeAgile

Page 46: La Comunificadora. Taller de Agile Design Thinking

1. Ha de ser rápido.- Hacer prototipos NO require demasiado tiempo ni mucho detalle

Utilizaremos elementos predefinidos para “cortar y pegar” para hacer los prototipos como si fuese un puzzle.

#CoCreationMadeAgile

#5 Rapid PrototypingBasic key points of UX/UI framing

Page 47: La Comunificadora. Taller de Agile Design Thinking

#Prototyping Tool

CO-CREATION made agile - Workshop CC BY-SA

Page 48: La Comunificadora. Taller de Agile Design Thinking

2. Detalles “los justos”.- Los prototipos tiene pocos detalles pero comunican lo necesario para que otros puedan entender la intención y funciones básicas.

#CoCreationMadeAgile

#5 Rapid PrototypingBasic key points of UX/UI framing

Page 49: La Comunificadora. Taller de Agile Design Thinking

3. Funcionalidad y estructura- Prototipar valida! - Trae nuestras primeras ideas: “¿Cómo nuestros usuarios van a navegar / utilizar nuestra estructura?”

Dar información o una jerarquía de la información errónea puede significar perder usuarios fácilmente

#CoCreationMadeAgile

#5 Rapid PrototypingBasic key points of UX/UI framing

Page 50: La Comunificadora. Taller de Agile Design Thinking

4. Debemos enfocarnos en lo importante.- Detecta las acciones clave - Deja que el usuario lo haga por ti y con ello sea fácil además de posible de hacer

#CoCreationMadeAgile

#5 Rapid PrototypingBasic key points of UX/UI framing

Page 51: La Comunificadora. Taller de Agile Design Thinking

5. User flow. (extra)- Con el prototipo tenemos que revisar el user flowcomo la experiencia que tendrán los usuarios.

En cada caso se ha de entender el valor e interés de hacerlo,con contenido real es muy sencillo.

#CoCreationMadeAgile

#5 Rapid PrototypingBasic key points of UX/UI framing

Page 52: La Comunificadora. Taller de Agile Design Thinking

6. Házlo sencillo (extra)En la era digital, las interacciones en webs y apps son rápidas de utilizar y cortas. Es importante proveer de una experiencia simple que dirija a un punto concreto.

Lo más fácil es concentrarse en la ideas / funcionalidades claves.

#CoCreationMadeAgile

#5 Rapid PrototypingBasic key points of UX/UI framing

Page 53: La Comunificadora. Taller de Agile Design Thinking

“Compartir el proceso y los diseños”

1) Presenta brevemente (5 minutos) el trabajo realizado, usa el wireframing y otros outputs para guiar la presentación

2) Evalua con el resto de los participantes usan los canvas para votar

3) Deja siempre tiempo para “preguntas” de los participantes:

¿Qué es abierto, innovador, el “gancho”, factible de hacer? ¿Que es lo que otros pueden añadir o hacer?

45min

#6 P2Presentationsand feedback madness

#CoCreationMadeAgile

Page 54: La Comunificadora. Taller de Agile Design Thinking

#Feedback-Phase

CO-CREATION made agile - Workshop CC BY-SA

Page 55: La Comunificadora. Taller de Agile Design Thinking

#Business-Model

CO-CREATION made agile - Workshop CC BY-SA

Page 56: La Comunificadora. Taller de Agile Design Thinking

https://canvanizer.com/canvas/nAUoKzQGsbo

Page 57: La Comunificadora. Taller de Agile Design Thinking
Page 58: La Comunificadora. Taller de Agile Design Thinking
Page 59: La Comunificadora. Taller de Agile Design Thinking
Page 60: La Comunificadora. Taller de Agile Design Thinking

60min

#7 ImplementationPrepare for Agile development cycle

Brainstorm through specific backlogsAdapting SCRUM

Page 61: La Comunificadora. Taller de Agile Design Thinking

#7 ImplementationPrepare for Agile development cycle

#CoCreationMadeAgile

1) Express in the less technical language possible a backlog for: Design // Technical work // Strategy // Content needed

One postit = One “ToDo” (task or issue)

2) Establish priorities of what to develop by the order of items in the list.

Page 62: La Comunificadora. Taller de Agile Design Thinking

#Implementation-Phase

CO-CREATION made agile - Workshop CC BY-SA

Page 63: La Comunificadora. Taller de Agile Design Thinking

http://wotify.co