victormgonzalez.me
Innovación y Diseño Centrado en la Experiencia
29dejunio2016CiudaddeMéxico
VíctorM.GonzálezUX/DesignConsultant,ResearcherandProfessor@ITAMInsLtutoTecnológicoAutónomodeMéxico
victormgonzalez.me
¿CÓMO HACERLO?
métodos concretos
INNOVACIÓN
¿de qué hablamos cuando hablamos de…?
DISEÑO CENTRADO EN LA
EXPERIENCIA
fundamentos y principios
LA PLÁTICA
AGENDA
victormgonzalez.me
Point Zero Puntos de partida
3
victormgonzalez.me
Puntos de Partida
POINT ZERO
El termómetro de los negocios Harvard Business Review Septiembre 2015
victormgonzalez.me
Puntos de Partida
POINT ZERO
Demanda de diseñadores a la alza Startups, PYMES, empresas consolidadas, gobierno, NGOs
victormgonzalez.me
Puntos de Partida
POINT ZERO
Los baby boomers y la Generación X en problemas Confusión en un mar de términos
victormgonzalez.me
Definiendo Innovación Entender de qué estamos hablando cuando hablamos de…
7
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
victormgonzalez.me 8
“Design thinking is a human-centered approach to innovaEon that draws from the designer's toolkit to integrate the needs of people, the possibiliEes of technology, and the requirements for business success.”
Tim Brown, president and CEO - IDEO
INNOVACIÓN
Lainnovaciónsederivadeunprocesocentradoenelhumanoenelquenecesidadesbien
idenLficadasresaltanproblemasquesonresueltosporsolucionestecnológicasidóneasdentrodelo
quehacesen3docomonegocio
parafraseando a Tim Brown
victormgonzalez.me 9
INNOVACIÓN
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpgFuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
victormgonzalez.me 10
INNOVACIÓN
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpgFuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
Fuente: dSchool Stanford University
Design Thinking Process
victormgonzalez.me 11
INNOVACIÓN
Lainnovaciónatravésdeundiseñocentradoenlaexperienciayelpensamientodediseñodemandaun
procesoitera3voendondeseiterapara:
Descubrircuáleselverdaderoproblema
IdenLficarmúl3plescaminosdesolución
Probarreaccionesaproto3posdeproductos
victormgonzalez.me
Diseño Centrado en la Experiencia fundamentos y principios
12
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
13
¿QUÉ ES LA EXPERIENCIA DE USUARIO (UX)? “Laexperienciadelusuario"abarcatodoslosaspectosdelainteraccióndelusuariofinalconlaempresa,susserviciosysusproductos.Elprimerrequisitoparaunaexperienciadeusuarioejemplaressa3sfacerlasnecesidadesexactasdelcliente,sinningúnproblemaomolesLa.Luegovienelasimplicidadyeleganciaqueproducenproductosquesonunaalegríaalusuario,unplacerdeusar.Laverdaderaexperienciadeusuariovamásalládedaralosclientesloquedicenquequieren,oproporcionarcaracterísLcasdelalistadeverificación.Conelfindelograrlaexperienciadeusuariodealtacalidadenlasofertasdeunaempresadebehaberunafusiónperfectadelosserviciosdemúl3plesdisciplinas,incluyendolaingeniería,markeLng,diseñográficoeindustrial,yeldiseñodelainterfaz.
Nielsen/NormanGroup,2013
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
14
LA EXPERIENCIA
“Bienesyserviciosyanosonsuficientesparafomentarelcrecimientoeconómico,crearnuevospuestosdetrabajo,ymantenerlaprosperidadeconómica...enunmundosaturadodebienesyserviciosnodiferenciadoslamayoroportunidadparalacreacióndevalorresideenlaorganizacióndelasexperiencias”
PineandGilmore,TheExperienceEconomy
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
15
LA EXPERIENCIA
Ne`lix
Fuente:hbp://securelogin.net/wp-content/uploads/Ne`lixdevices.jpg
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
16
LA EXPERIENCIA
Uber
Fuente:hbp://paultan.org/2016/02/03/uber-rolls-out-a-new-look-and-feel-with-more-colours/
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
17
LA EXPERIENCIA
Apple
Fuente:hbp://thenextweb.com/entrepreneur/2013/12/06/5-experiences-commerce-websites-replicate-apple-store
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
18
Reconociendoquelosproductosyserviciosdigitales• SonmulL-disposiLvo• Seintegranenexperienciashíbridas• Tienecomponentesocial• Songeo-localizadas• Operancomoecosistemas• SedefinenatravésdelLempo
¿DISEÑAR EXPERIENCIAS?
Nosllevaentoncesapensarenlaexperienciacomounarutavivencialconlíneade3empo,conmúlLplespuntosdeencuentroyacLvidadesmarcadasporunanecesidadasersa3sfecha.
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
19
Fuente: http://reviewsignal.com/blog/2014/02/03/lets-talk-about-touch/
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
20
PRINCIPIOS PARA EL DISEÑO DE LA EXPERIENCIA
• Empaha• Colaboraciónradical• ProtoLpado• Iteraciónconstante
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
21
PRINCIPIOS PARA EL DISEÑO DE LA EXPERIENCIA
EmpahaFuente:hbp://paultan.org/2016/02/03/uber-rolls-out-a-new-look-and-feel-with-more-colours/
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
22
Colaboraciónradical
PRINCIPIOS PARA EL DISEÑO DE LA EXPERIENCIA
Fuente:hbp://dschool.stanford.edu/our-point-of-view/
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
23
ProtoLpado
PRINCIPIOS PARA EL DISEÑO DE LA EXPERIENCIA
Fuente:hbp://chiefdisrupLonofficer.com/helpful-rapid-prototyping-methods-and-tools-to-bring-digital-ideas-to-life-fast/
victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
24
Iteraciónconstante
PRINCIPIOS PARA EL DISEÑO DE LA EXPERIENCIA
Fuente:hbp://www.onedesk.com/development-of-new-product-iteraLons/
victormgonzalez.me
Herramientas Concretas ¿cómo hacerlo?
25
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
victormgonzalez.me
P
26
La observación y entrevista son las mejores armas para crear empatía, capturar requerimientos, validar conceptos y entender el contexto. • Indagación contextual • Entrevista empática
FIELD WORK Observa a tus usuarios
HERRAMIENTAS
Fuente:dSchoolStanfordUniversity
victormgonzalez.me
P
27
La observación y entrevista son las mejores armas para crear empatía, capturar requerimientos, validar conceptos y entender el contexto. • Indagación contextual • Entrevista empática
FIELD WORK Observa a tus usuarios
HERRAMIENTAS
Fuente:InterviewingyourUsers–Rosenfeld
Rol de la entrevista en el diseño de la UX La entrevista es comúnmente usada como una forma de acercamiento con el usuario para definir los requerimientos de un sistema interactivo Es un complemento de la observación que permite indagar los “¿por qué?” sobre la interacción de un sistema interactivo La entrevista puede también ser vista como el generador de datos para crear modelos de interacción que sirvan para diseñar sistemas
victormgonzalez.me
P
28
Las Personas son modelos, de usuarios reales, definidas a través de investigación de las metas y atributos que definen a éstos.
PERSONAS Modelando usuarios
HERRAMIENTAS
Persona:CortesíadeVictorManuelGarcía-Luna
victormgonzalez.me
P
29
Las Personas son modelos, de usuarios reales, definidas a través de investigación de las metas y atributos que definen a éstos.
PERSONAS Modelando usuarios
HERRAMIENTAS
Fuente:TheUserisAlwaysRight–Moulder
victormgonzalez.me
P
30
Con esquemas enfocados a tareas principales, con un grupo pequeño de usuarios puedes descubrir los problemas más importantes de usabilidad y UX
PRUEBAS de producto con usuarios
HERRAMIENTAS
Fuente:Google
victormgonzalez.me 31
Con esquemas enfocados a tareas principales, con un grupo pequeño de usuarios puedes descubrir los problemas más importantes de usabilidad y UX
PRUEBAS de producto con usuarios
HERRAMIENTAS
Fuente:RocketSurgeryMadeEasy–SteveKrug
Una vez al mes… 3 usuarios, 4-5 tareas = 90% de los problemas de UX resueltos
victormgonzalez.me 32
El prototipado es una herramienta de diseño que permite comunicar la idea de solución entre el equipo de diseño o con los clientes o usuarios. • Baja fidelidad • Alta fidelidad
PROTOTIPAR fallar rápido y barato
HERRAMIENTAS
Fuente:Google
victormgonzalez.me 33
El prototipado es una herramienta de diseño que permite comunicar la idea de solución entre el equipo de diseño o con los clientes o usuarios. • Baja fidelidad • Alta fidelidad
PROTOTIPAR fallar rápido y barato
HERRAMIENTAS
Fuente:UniversidaddelAzuay,Cuenca,Ecuador
victormgonzalez.me
Conclusiones y… ¿dónde aprendo más?
34
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
victormgonzalez.me
CONCLUSIONES
DISEÑO CENTRADO EN LA UX
- EmpaWa - Colaboración radical - ProtoEpado - Iteración constante
INNOVACIÓN
- Centrada en la persona - Enfocada en necesidades - Aprovechando la
tecnología - Modelo claro de negocio
HERRAMIENTAS
- Trabajo de campo - Personas - Pruebas con usuarios - ProtoEpos de la UX
victormgonzalez.me
CONCLUSIONES
Modelos / Métodos de Diseño Centrado en el Usuario
Fuente:SAP
victormgonzalez.me
CONCLUSIONES
Modelos / Métodos de Diseño Centrado en el Usuario
Fuente:Namahn
victormgonzalez.me
CONCLUSIONES
¿Dónde aprendo más? • Human Factors International - certifications • Norman Nielsen – training programs • IDEO – Design Thinking, StoryTelling, Prototyping • User Experience Professionals Association (UXPA) • Interaction Design Foundation • Coursera (UC San Diego) • Usaria – UX Alliance • y…. claro! @ITAM
victormgonzalez.me
CONCLUSIONES
¿Dónde aprendo más?
hbp://desarrolloejecuLvo.itam.mx/
victormgonzalez.me
Innovación y Diseño Centrado en la Experiencia
VíctorM.GonzálezUX/DesignConsultant,ResearcherandProfessor@ITAMe-mail:[email protected]:@vmgygWeb:victormgonzalez.meInsLtutoTecnológicoAutónomodeMéxico