World Information Architecture Day 2015 presentation on Ciudad de Mexico about Meta Products, HEART Framework and KISS concepts.

1. Share your love @ #WIAD #WIAD_CDMX
META PRODUCTOSCambiando el Paradigma analógico/digital para la Felicidad del Usuario
WIAD CDMX
2015
@alyssonfranklin
UX Lead en IBM Interactive

2. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXLOSIENTOPORADELANTADO
Soy Brasileño
Trabajo en Latinoamérica desde hace sólo 2
años.
¡SI! Lo sé, qué difícil es hablar español.
http://www.youtube.com/watch?v=d5FC7wGVDoM http://www.youtube.com/watch?v=Xyp7xt-ygy0

3. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMX
Licenciatura en Sistemas de Gestión de la Información &
Producción Audiovisual
Posgrado en Diseño de Interacción
Miembro fundador del Grupo de Trabajo en
Accesibilidad del W3C Brasil
UX Lead en IBM Mexico
UiX Consultant en Netshoes
Front-End Engineer en IBM Brasil
Creador del Metawebdesign
Orador en eventos de Front-end, Accesibilidad y
User Experience en Brasil
Escritor técnico en los portales Tableless y Developerworks
¿QUIÉNSOY?

4. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMX¡HOLACDMX!
http://youtu.be/h1NS_K0boGQ

5. Albert Einstein
LEARNING IS
EXPERIENCE.
EVERYTHING
ELSE IS JUST
INFORMATION.

6. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXINFORMACIÓNESTODO
OSVehicle landing video
Línea de montaje de Ford T-Model

7. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXINFORMACIÓNESTODO
http://www.osvehicle.com/

8. Phillip K. Dick, Ubik
I am called UBIK, but that
is not my name. I am.
I shall always be.

9. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELFENÓMENODELACONECTIVIDAD
http://en.wikipedia.org/wiki/Social_graph

10. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELFENÓMENODELACONECTIVIDADCAMBIATODO
SENTIR
MEDIR
RASTREAR
CONTROLAR
COMPARTIR
CREAR
USAR
LA INFORMACIÓN

11. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMX¿YDONDEVÁLAARQUITECTURADEINFORMACIÓN?
http://en.wikipedia.org/wiki/Bloom%27s_taxonomy -Art by K. Aainsqatsi
http:// www.celt.iastate.edu/pdfs-docs/teaching/RevisedBloomsHandout.pdf
http://www.learningsolutionsmag.com/articles/1105/elearning-guild-research-reconsidering-blooms-taxonomy-old-and-new
CREAN
DO
EVALUA
CIÓN
ANALISAND
O
APLICANDO
ENTENDIMIENTO
RECORDAR
EVALU
ACIÓN
SÍNTESIS
ANALYSIS
APLICACIÓN
COMPRENSIÓN
CONOCIMIENTO

12. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMX¿YDONDEVÁLAARQUITECTURADEINFORMACIÓN?
http://www.contextbook.com/
http://shop.oreilly.com/product/0636920024651.do?sortby=publicationDate
HAY QUE ENTENDER EL
CONTEXTOPARA MOSTRAR SUS RELACIONES
Y CREAR UN “IDIOMA” ENTRE LOS
ELEMENTOS QUE VAN A COMPARTIR
LOS FLUJOS DE INFORMACIÓN

13. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELFUTURO
ACTIVIDADES EN TIEMPO REAL
CONECTIVIDAD EN LA DEMANDA
MULTI-USUARIOS
TAREAS PARALELAS
DISPOSITIVOS HABLANDO
CON PERSONAS
DISPOSITIVOS HABLANDO
CON OTROS DISPOSITIVOS

14. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPERSONASYELPODER
“Companies and organizations that find a
way to manage the data deluge and help
us navigate complexity will win our
loyalty...
Sharing, Co-Creation and Cloud Culture is
being driven by a generation used to free
downloads and open source approaches.
They want to be involved in the process
of developing products and services -
they demand dialogue!”
ANNE LISE KJAER

15. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPERSONASXDESIGNERS?
DESIGNERS SON EL MOTOR
QUE LO PERMITE
ASPIRACIONES DE LAS
PERSONASSON LOS IMPULSORES DEL CAMBIO
http://blog.usedopamine.com/design-superpower/

16. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPERSONASXDESIGNERS?
MUCHO
GUSTO

17. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPERSONAS+DESIGNERS!
ANALÓGICO><DIGITAL
Estamos CONSTRUYENDO NUEVAS
ASPIRACIONES y los ingredientes
a la mano para su construcción son
VARIADOS y COMPLEJOS.
No estamos sólo CAMBIANDO el
PARADIGMA ANALÓGICO, pero
también conceptos de
PROPIEDAD
PROPUESTA DE VALOR
PERTINENCIA
TEMPORALIDAD
GLOBALIZACIÓN
ESTRUCTURAS SOCIALES
IGLESIAS
CORPORACIONES
ESCUELAS
EL MEDIO AMBIENTE
Todas estas aspiraciones están
INTERRELACIONADAS y requieren
TECNOLOGÍA UBICUA que sea
POTENTE, FIABLE y que tenga
ADOPCIÓN INMEDIATA,
RELEVANCIA GEOGRÁFICA y pueda
crear REDES DE VALOR.

18. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMX
YESWECAN
PERSONAS+DESIGNERS!

19. ¿WTFLOCK ES UM
META
PRODUCTO?

20. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXMETA
META
una abstracción a partir de otro concepto
que transciende / abarca
más allá
http://es.wikipedia.org/wiki/Meta_(prefijo)

21. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPRODUCTO
It’s always good to do something you love…
…music’s a part of everyone’s life. Everyone.
Music’s been around forever.
…because it’s a part of everyone’s life, it’s a
very large target market…
...it fits in your pocket...
Ten hours of battery life. And that is 10 hours
of continuous music.
And you can recharge this 10-hour battery in
one hour, to 80% of its capacity, on a fast
charge. One hour.
http://genius.com/Steve-jobs-ipod-introduction-annotated
Photo by Apple 2003

22. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXMETAPRODUCTO
SENSORES
ACTUADORES
ALMACENAMIENTO
DE DATOS
INFORMÁTICA
DE DATOS
VISUALIZACIÓN
DE DATOS
META PRODUCTOS SON
ELEMENTOS FÍSICOS Y DE WEB
con funciones sensoriales o actuadores que
interactúan con la nube de muchas maneras
A TRAVÉS DE MUCHOS DISPOSITIVOS

23. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXFLUJOSDECOMUNICACIÓN
ENTRE ELEMENTO Y
INFORMACIÓN DEL
MUNDO ACTUAL
ENTRE ELEMENTO
Y ELEMENTO
ENTRE ELEMENTO
Y META DATO
http://micoach.adidas.com/

24. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNIVELESDEAUTOMACIÓN
ORIENTADO AL SISTEMA ORIENTADO AL USUARIO
Considera las Personas como entes pasivos
Sistema lo más autónomo posible
Las acciones de las personas hacen parte
del diseño del producto
Los individuos diseñan el servicio
al modo como lo utilizan

25. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXAPLICACIONES
SENSING WEARABLES
AMBIENTES INTELIGENTES
MONITORAR Y RASTREAR
UBIMEDIA & IDENTIFICACIÓN
NAVEGACIÓN & LOCALIZACIÓN
JUEGOS
http://nest.com
http://www.android.com/auto/
https://www.sifteo.com/home

26. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXCASESNETSHOESALL4ONE
ARTICULOS ESPORTIVOS DE ALTO RENDIMIENTO
INTERCONECTADOS CON EL TELÉFONO VIA APP
TODOS GENERAN DATOS ACERCA DE SU UTILIZACIÓN
A TRAVÉS DEL APP SE ACTUALIZA LA BASE DE DATOS
EN LA NUBE
CON LA APROBACIÓN DEL CLIENTE, TIENDA EN LÍNEA
UTILIZA LOS DATOS PARA SELECCION AUTOMATICA DE
TALLA, COLOR, ETC
http://www.netshoes.com.br/sub/all4one

27. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXFUTURECASESBANORTE
https://www.banorte.com.mx/
http://www.fastcompany.com/3036847/internet-of-things/google-now-will-now-remind-you-when-your-bills-are-due

28. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPRODUCTO
...it fits in your pocket...

29. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXBUSINESSMODELCANVASDELIPOD
...http://www.businessmodelgeneration.com/

30. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELPARADIGMADELAPROPRIEDAD
it fits in your pocket
http://cloudlakes.com/tag/ford-focus-rs/
http://www.weirdnutdaily.com/5yc

31. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELPARADIGMADELAPROPRIEDAD
it fits in your pocket it fits EVERYWHERE

32. ¿COMO DISEÑAR
UN META PRODUCTO?

33. Identificar el RETO de diseño
Crear los SERVICIOS para este reto
Elegir y diseñar los PRODUCTOS que
serán parte de la red de soluciones
Garantizar que todos los productos
ofrezcan la mejor experiencia para el
usuario
USER
CENTERED
DESIGN
NETWORK FOCUSED DESIGN
SERVICE DESIGN
IBM DESIGN THINKING
HUMAN CENTERED DESIGN / ACTIVITY CENTERED DESIGN
JERARQUÍA
HAY QUE OBEDECER UNA
DE PROCESOS PARA UX

34. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXIBMDESIGNTHINKING
https://www.ibm.com/design/language/

35. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXHUMANCENTEREDDESIGN x ACTIVITYCENTEREDDESIGN
http://www.designkit.org/
http://interactions.acm.org/archive/view/july-august-2005/human-centered-design-considered-harmful1
HERRAMIENTAS
Y ARTEFACTOS
REGLAS Y
RITUALES
DIVISIÓN DE
ESFUERZO
COMUNIDAD
ACTIVIDAD
RESULTADOS
PARTICIPANTES
CONVENIENCIA
VIABILIDADFACTIBILIDAD
INICIOLOQUEVAMOSHACER
Hay que ser
CONVENIENTE,
FACTIBLE y VIABLE
Hear
Create
Deliver

36. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXÁRBOLDEPROCESOSPARASERVICEDESIGN
http://www.servicedesigntools.org/about
http://madridservicedesign.com/wp-content/uploads/2010/11/tisdt_cujoca_espanol-1.pdf

37. HAY QUE ESTUDIAR EL
USUARIO

38. CAMINAR CON LOS ZAPATOS DEL
USUARIO

39. TRABAJAR JUNTO DEL
USUARIO

40. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN
NETWORK FOCUSED DESIGN
es un enfoque holístico para diseñar
REDES en que la atención se centra en las relaciones
entre SERVICIOS, PRODUCTOS, PERSONAS y AMBIENTES

41. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN
FASE 1
FASE 2
FASE 3
IDENTIFICAR EL FLUJO
DE COMUNICACIÓN
DISEÑAR LOS
TOUCHPOINTS
EVALUAR
IDENTIFICAR
RELACIONES
RETADORAS
REFORMULAR LA RED
DEFINIR CRITERIOS
Y VISUALIZAR
LA NUEVA RED
EXPLORAR EL
CONTEXTO
IMAGINAR ACCIONES
RELACIONADAS EN
EL TIEMPO
IDENTIFICAR ACTORES
DE INTERACCIÓN Y
MOSTRAR SUS
RELACIONES

42. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN
FASE 1 EXPLORAR EL
CONTEXTO
IMAGINAR ACCIONES
RELACIONADAS EN
EL TIEMPO
IDENTIFICAR ACTORES
DE INTERACCIÓN Y
MOSTRAR SUS
RELACIONES
http://blog.ogilvychww.com/2013/01/08/ethics-online-observational-research-2/
https://www.interaction-design.org/encyclopedia/personas.html
http://uxmas.com/2012/ux-design-role-playing-and-micromoments
http://www.youtube.com/watch?v=hkAFdIrTR00
INVESTIGACIÓN OBSERVACIONAL ROLE PLAYING PERSONAS
http://cookie-addict-321.deviantart.com/art/Half-real-half-sketch-292391823
https://hbr.org/2013/09/the-truth-about-customer-experience
CUSTOMER JOURNEY MAP DIAGRAMA DE RELACIONES DE ACTORES

43. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN
FASE 2
IDENTIFICAR
RELACIONES
RETADORAS
REFORMULAR LA RED
DEFINIR CRITERIOS
Y VISUALIZAR
LA NUEVA RED
http://www.nbcnews.com/business/travel/real-cliffhanger-workers-clean-grand-canyon-skywalk-n62176

44. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN
FASE 3 IDENTIFICAR EL FLUJO
DE COMUNICACIÓN
DISEÑAR LOS
TOUCHPOINTS
EVALUAR
http://www.channel4.com/programmes/black-mirror/

45. ¿PERO COMO AUMENTAR
LAS POSIBILIDADES DE
QUÉ SEA UN GRAN
META PRODUCTO?

46. HAY QUE ESCUCHAR EL
USUARIO

47. & KISS
HAY QUE TENER
HEART
<3

48. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXHEARTMETRICS
H
E
A
R
T
APPINESS
NGAGEMENT
DOPTION
ETENTION
ASK SUCCESS
http://www.dtelepathy.com/ux-metrics/
http://static.googleusercontent.com/media/research.google.com/pt-BR//pubs/archive/36299.pdf

49. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXHEARTMETRICS
http://www.dtelepathy.com/ux-metrics/
http://static.googleusercontent.com/media/research.google.com/pt-BR//pubs/archive/36299.pdf
H
E
A
R
T
OBJETIVOS SEÑALES MÉTRICA
Nuevas subscripciones
Compras realizadas por
nuevos usuarios
# newsletter enviadas
# compras por cuartil
Aumentar la base
de clientes
Aumentar # de ventas
Aumentar em 15% la
interacción entre
usuarios
Cantidad de likes por
producto en FB
# evaluaciones positivas
de productos
# likes & shares por
producto
# evaluaciones en Power
Reviews

50. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXTADAAAKISS
http://www.dondeir.com/musica_/kiss-y-guns-nroses-vienen-a-mexico/2013/12
http://www.kissfever.com.ar/paginas/mexico2004.htm

51. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXTALVEZESTEKISS
http://www.kjaer-global.com/
http://mobile.mit.edu/people/federico/
“SIMPLIFY, SIMPLIFY, SIMPLIFY. It's not an art to
speak to people from a platform from above -
TALK TO PEOPLE WHERE THEY ARE. THIS IS
HOW YOU CONNECT TO THE REAL WORLD.”
“Creating successful seamlessly integrated
products, services and experiences in the future
will mean CHANGING THE WAY WE THINK
ABOUT PEOPLE. Concepts simply must become
PEOPLE-CENTRIC, demonstrating EMPATHY FOR
THE CULTURES they serve and RESPECT FOR THE
CONTEXT in which they exist.”
ANNE LISE KJAER
“...What we need right now is to REDUCE
COMPLEXITY: there is no need to have new
devices or objects that compete with each
other...”
FEDERICO CASALEGNO

52. ¿CUESTIONES?

53. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXDOWNLOADPRESENTATION
http://bit.ly/wiad-cdmx-2015-metaproducts

54. WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXLAGRANREFERENCIA
http://metaproducts.nl
http://www.amazon.com/Meta-Products-Building-Internet-Things/dp/906369251X

55. THX!NO! THAT’S NOT A GEORGE LUCAS MOVIE