Share your love @ #WIAD #WIAD_CDMX

META PRODUCTOSCambiando el Paradigma analgico/digital para la Felicidad del Usuario

WIAD CDMX2015

@alyssonfranklinUX Lead en IBM Interactive

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXLOSIENTOPORADELANTADO

Soy Brasileo

Trabajo en Latinoamrica desde hace slo 2 aos.

SI! Lo s, qu difcil es hablar espaol.

http://www.youtube.com/watch?v=d5FC7wGVDoM http://www.youtube.com/watch?v=Xyp7xt-ygy0

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMX

Licenciatura en Sistemas de Gestin de la Informacin &Produccin Audiovisual

Posgrado en Diseo de Interaccin

Miembro fundador del Grupo de Trabajo enAccesibilidad 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 tcnico en los portales Tableless y Developerworks

QUINSOY?

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXHOLACDMX!

http://youtu.be/h1NS_K0boGQ

Albert Einstein

LEARNING ISEXPERIENCE.

EVERYTHINGELSE IS JUST

INFORMATION.

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXINFORMACINESTODO

OSVehicle landing video

Lnea de montaje de Ford T-Model

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXINFORMACINESTODO

http://www.osvehicle.com/

Phillip K. Dick, Ubik

I am called UBIK, but thatis not my name. I am.

I shall always be.

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELFENMENODELACONECTIVIDAD

http://en.wikipedia.org/wiki/Social_graph

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELFENMENODELACONECTIVIDADCAMBIATODO

SENTIRMEDIRRASTREARCONTROLARCOMPARTIRCREARUSAR

LA INFORMACIN

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXYDONDEVLAARQUITECTURADEINFORMACIN?

http://en.wikipedia.org/wiki/Bloom%27s_taxonomy -Art by K. Aainsqatsihttp:// www.celt.iastate.edu/pdfs-docs/teaching/RevisedBloomsHandout.pdfhttp://www.learningsolutionsmag.com/articles/1105/elearning-guild-research-reconsidering-blooms-taxonomy-old-and-new

CREANDO

EVALUACIN

ANALISANDO

APLICANDO

ENTENDIMIENTO

RECORDAR

EVALUACIN

SNTESIS

ANALYSIS

APLICACIN

COMPRENSIN

CONOCIMIENTO

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXYDONDEVLAARQUITECTURADEINFORMACIN?

http://www.contextbook.com/http://shop.oreilly.com/product/0636920024651.do?sortby=publicationDate

HAY QUE ENTENDER EL

CONTEXTOPARA MOSTRAR SUS RELACIONESY CREAR UN IDIOMA ENTRE LOSELEMENTOS QUE VAN A COMPARTIRLOS FLUJOS DE INFORMACIN

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELFUTURO

ACTIVIDADES EN TIEMPO REAL

CONECTIVIDAD EN LA DEMANDA

MULTI-USUARIOS

TAREAS PARALELAS

DISPOSITIVOS HABLANDOCON PERSONAS

DISPOSITIVOS HABLANDO CON OTROS DISPOSITIVOS

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPERSONASYELPODER

Companies and organizations that find away to manage the data deluge and helpus navigate complexity will win ourloyalty...

Sharing, Co-Creation and Cloud Culture isbeing driven by a generation used to freedownloads and open source approaches.

They want to be involved in the processof developing products and services -they demand dialogue!

ANNE LISE KJAER

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPERSONASXDESIGNERS?

DESIGNERS SON EL MOTORQUE LO PERMITE

ASPIRACIONES DE LASPERSONASSON LOS IMPULSORES DEL CAMBIOht

tp://

blog

.use

dopa

min

e.co

m/d

esig

n-su

perp

ower

/

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPERSONASXDESIGNERS?

MUCHOGUSTO

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPERSONAS+DESIGNERS!

ANALGICO>

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMX

YESWECAN

PERSONAS+DESIGNERS!

WTFLOCK ES UM

METAPRODUCTO?

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXMETA

META una abstraccin a partir de otro conceptoque transciende / abarcams all

http://es.wikipedia.org/wiki/Meta_(prefijo)

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPRODUCTO

Its always good to do something you love

musics a part of everyones life. Everyone. Musics been around forever.

because its a part of everyones life, its 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-annotatedPhoto by Apple 2003

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXMETAPRODUCTO

SENSORES

ACTUADORES

ALMACENAMIENTODE DATOS

INFORMTICADE DATOS

VISUALIZACINDE DATOS

META PRODUCTOS SONELEMENTOS FSICOS Y DE WEBcon funciones sensoriales o actuadores que interactan con la nube de muchas maneras A TRAVS DE MUCHOS DISPOSITIVOS

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXFLUJOSDECOMUNICACIN

ENTRE ELEMENTO YINFORMACIN DEL

MUNDO ACTUAL

ENTRE ELEMENTOY ELEMENTO

ENTRE ELEMENTOY META DATO

http://micoach.adidas.com/

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNIVELESDEAUTOMACIN

ORIENTADO AL SISTEMA ORIENTADO AL USUARIO

Considera las Personas como entes pasivos

Sistema lo ms autnomo posible

Las acciones de las personas hacen parte del diseo del producto

Los individuos disean el servicioal modo como lo utilizan

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXAPLICACIONES

SENSING WEARABLES

AMBIENTES INTELIGENTES

MONITORAR Y RASTREAR

UBIMEDIA & IDENTIFICACIN

NAVEGACIN & LOCALIZACIN

JUEGOS

http://nest.comhttp://www.android.com/auto/https://www.sifteo.com/home

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXCASESNETSHOESALL4ONE

ARTICULOS ESPORTIVOS DE ALTO RENDIMIENTO

INTERCONECTADOS CON EL TELFONO VIA APP

TODOS GENERAN DATOS ACERCA DE SU UTILIZACIN

A TRAVS DEL APP SE ACTUALIZA LA BASE DE DATOS EN LA NUBE

CON LA APROBACIN DEL CLIENTE, TIENDA EN LNEA UTILIZA LOS DATOS PARA SELECCION AUTOMATICA DE TALLA, COLOR, ETC

http://www.netshoes.com.br/sub/all4one

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

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXPRODUCTO

...it fits in your pocket...

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXBUSINESSMODELCANVASDELIPOD

...http://www.businessmodelgeneration.com/

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELPARADIGMADELAPROPRIEDAD

it fits in your pocket

http://cloudlakes.com/tag/ford-focus-rs/http://www.weirdnutdaily.com/5yc

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXELPARADIGMADELAPROPRIEDAD

it fits in your pocket it fits EVERYWHERE

COMO DISEARUN META PRODUCTO?

Identificar el RETO de diseo

Crear los SERVICIOS para este reto

Elegir y disear los PRODUCTOS quesern parte de la red de soluciones

Garantizar que todos los productos ofrezcan la mejor experiencia para el usuario

USERCENTERED

DESIGN

NETWORK FOCUSED DESIGN

SERVICE DESIGN

IBM DESIGN THINKINGHUMAN CENTERED DESIGN / ACTIVITY CENTERED DESIGN

JERARQUAHAY QUE OBEDECER UNA

DE PROCESOS PARA UX

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXIBMDESIGNTHINKING

https://www.ibm.com/design/language/

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

HERRAMIENTASY ARTEFACTOS

REGLAS YRITUALES

DIVISIN DEESFUERZO

COMUNIDAD

ACTIVIDAD

RESULTADOS

PARTICIPANTES

CONVENIENCIA

VIABILIDADFACTIBILIDAD

INIC

IOLO

QU

E V

AM

OS H

AC

ER

Hay que serCONVENIENTE, FACTIBLE y VIABLE

HearCreateDeliver

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXRBOLDEPROCESOSPARASERVICEDESIGN

http://www.servicedesigntools.org/abouthttp://madridservicedesign.com/wp-content/uploads/2010/11/tisdt_cujoca_espanol-1.pdf

HAY QUE ESTUDIAR EL

USUARIO

CAMINAR CON LOS ZAPATOS DEL

USUARIO

TRABAJAR JUNTO DEL

USUARIO

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN

NETWORK FOCUSED DESIGNes un enfoque holstico para disear

REDES en que la atencin se centra en las relaciones entre SERVICIOS, PRODUCTOS, PERSONAS y AMBIENTES

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN

FASE 1

FASE 2

FASE 3 IDENTIFICAR EL FLUJO DE COMUNICACIN DISEAR LOS TOUCHPOINTS EVALUAR

IDENTIFICAR RELACIONES RETADORAS

REFORMULAR LA REDDEFINIR CRITERIOS

Y VISUALIZARLA NUEVA RED

EXPLORAR EL CONTEXTO

IMAGINAR ACCIONES RELACIONADAS EN

EL TIEMPO

IDENTIFICAR ACTORES DE INTERACCIN Y

MOSTRAR SUS RELACIONES

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN

FASE 1 EXPLORAR EL CONTEXTOIMAGINAR ACCIONES RELACIONADAS EN

EL TIEMPO

IDENTIFICAR ACTORES DE INTERACCIN 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-micromomentshttp://www.youtube.com/watch?v=hkAFdIrTR00

INVESTIGACIN OBSERVACIONAL ROLE PLAYING PERSONAS

http://cookie-addict-321.deviantart.com/art/Half-real-half-sketch-292391823https://hbr.org/2013/09/the-truth-about-customer-experience

CUSTOMER JOURNEY MAP DIAGRAMA DE RELACIONES DE ACTORES

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN

FASE 2IDENTIFICAR RELACIONES RETADORAS

REFORMULAR LA REDDEFINIR CRITERIOS

Y VISUALIZARLA NUEVA RED

http://www.nbcnews.com/business/travel/real-cliffhanger-workers-clean-grand-canyon-skywalk-n62176

WIAD 2015 | @alyssonfranklin #WIAD #WIADCDMXNETWORKFOCUSEDDESIGN

FASE 3 IDENTIFICAR EL FLUJO DE COMUNICACIN DISEAR LOS TOUCHPOINTS EVALUAR

http://www.channel4.com/programmes/black-mirror/

PERO COMO AUMENTARLAS POSIBILIDADES DE

QU SEA UN GRANMETA PRODUCTO?

HAY QUE ESCUCHAR EL

USUARIO

& KISS

HAY QUE TENER

HEART