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?
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.
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
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
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
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
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
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/
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
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