1. victormgonzalez.me
Innovación y
Diseño
Centrado en la
Experiencia
29 de junio 2016
Ciudad de México
Víctor M. González
UX/Design Consultant, Researcher and
Professor @ ITAM
InsLtuto Tecnológico Autónomo de México

2. 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

3. victormgonzalez.me
Point Zero
Puntos de partida
3

4. victormgonzalez.me
Puntos de Partida
POINT ZERO
El termómetro de
los negocios
Harvard Business
Review
Septiembre 2015

5. victormgonzalez.me
Puntos de Partida
POINT ZERO
Demanda de
diseñadores a la
alza
Startups, PYMES,
empresas
consolidadas,
gobierno, NGOs

6. 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

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

8. 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
La innovación se deriva de un proceso centrado en
el humano en el que necesidades bien
idenLficadas resaltan problemas que son resueltos
por soluciones tecnológicas idóneas dentro de lo
que hace sen3do como negocio
parafraseando a Tim Brown

9. victormgonzalez.me
9
INNOVACIÓN
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg

10. victormgonzalez.me
10
INNOVACIÓN
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg
Fuente: dSchool Stanford University
Design Thinking Process

11. victormgonzalez.me
11
INNOVACIÓN
La innovación a través de un diseño centrado en la
experiencia y el pensamiento de diseño demanda un
proceso itera3vo en donde se itera para:
Descubrir cuál es el verdadero problema
IdenLficar múl3ples caminos de solución
Probar reacciones a proto3pos de productos

12. victormgonzalez.me
Diseño Centrado en la Experiencia
fundamentos y principios
12
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg

13. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
13
¿QUÉ ES LA EXPERIENCIA DE USUARIO (UX)?
“La experiencia del usuario" abarca todos los aspectos de la interacción del
usuario final con la empresa, sus servicios y sus productos . El primer
requisito para una experiencia de usuario ejemplar es sa3sfacer las
necesidades exactas del cliente, sin ningún problema o molesLa. Luego viene
la simplicidad y elegancia que producen productos que son una alegría al
usuario, un placer de usar. La verdadera experiencia de usuario va más allá
de dar a los clientes lo que dicen que quieren, o proporcionar caracterísLcas
de la lista de verificación. Con el fin de lograr la experiencia de usuario de alta
calidad en las ofertas de una empresa debe haber una fusión perfecta de los
servicios de múl3ples disciplinas, incluyendo la ingeniería, markeLng, diseño
gráfico e industrial, y el diseño de la interfaz .
Nielsen/Norman Group, 2013

14. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
14
LA EXPERIENCIA
“Bienes y servicios ya no son suficientes para fomentar el crecimiento económico,
crear nuevos puestos de trabajo, y mantener la prosperidad económica ... en un
mundo saturado de bienes y servicios no diferenciados la mayor oportunidad para
la creación de valor reside en la organización de las experiencias”
Pine and Gilmore, The Experience Economy

15. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
15
LA EXPERIENCIA
Ne`lix
Fuente: hbp://securelogin.net/wp-content/uploads/Ne`lixdevices.jpg

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

17. 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

18. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
18
Reconociendo que los productos y servicios digitales
• Son mulL-disposiLvo
• Se integran en experiencias híbridas
• Tiene componente social
• Son geo-localizadas
• Operan como ecosistemas
• Se definen a través del Lempo
¿DISEÑAR EXPERIENCIAS?
Nos lleva entonces a pensar en la experiencia como
una ruta vivencial con línea de 3empo, con múlLples
puntos de encuentro y acLvidades marcadas por una
necesidad a ser sa3sfecha.

19. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
19
Fuente: http://reviewsignal.com/blog/2014/02/03/lets-talk-about-touch/

20. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
20
PRINCIPIOS PARA EL DISEÑO DE LA EXPERIENCIA
• Empaha
• Colaboración radical
• ProtoLpado
• Iteración constante

21. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
21
PRINCIPIOS
PARA EL
DISEÑO DE LA
EXPERIENCIA
Empaha Fuente: hbp://paultan.org/2016/02/03/uber-rolls-out-a-new-look-and-feel-with-
more-colours/

22. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
22
Colaboración radical
PRINCIPIOS
PARA EL
DISEÑO DE LA
EXPERIENCIA
Fuente: hbp://dschool.stanford.edu/our-point-of-view/

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

24. victormgonzalez.me
DISEÑO CENTRADO EN LA EXPERIENCIA
24
Iteración constante
PRINCIPIOS
PARA EL
DISEÑO DE LA
EXPERIENCIA
Fuente: hbp://www.onedesk.com/development-of-new-product-
iteraLons/

25. victormgonzalez.me
Herramientas Concretas
¿cómo hacerlo?
25
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg

26. 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: dSchool Stanford University

27. 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: Interviewing your Users – 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

28. 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ía de Victor Manuel García-Luna

29. 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 : The User is Always Right – Moulder

30. 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

31. 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 : Rocket Surgery Made Easy –Steve Krug
Una vez al mes… 3
usuarios, 4-5 tareas
= 90% de los
problemas de UX
resueltos

32. 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

33. 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 : Universidad del Azuay, Cuenca, Ecuador

34. victormgonzalez.me
Conclusiones
y… ¿dónde aprendo más?
34
Fuente: https://undaze.files.wordpress.com/2013/06/design_thinking_ideo.jpg

35. 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

36. victormgonzalez.me
CONCLUSIONES
Modelos / Métodos de Diseño Centrado en el Usuario
Fuente: SAP

37. victormgonzalez.me
CONCLUSIONES
Modelos / Métodos de Diseño Centrado en el Usuario
Fuente: Namahn

38. 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

39. victormgonzalez.me
CONCLUSIONES
¿Dónde aprendo más?
hbp://desarrolloejecuLvo.itam.mx/

40. victormgonzalez.me
Innovación y
Diseño
Centrado en la
Experiencia
Víctor M. González
UX/Design Consultant, Researcher and
Professor @ ITAM
e-mail:victor.gonzalez@acm.org
Twiber: @vmgyg
Web: victormgonzalez.me
InsLtuto Tecnológico Autónomo de
México