3. +
Instructora
By Dora Gonzalez-‐‑Bañales @doraglez
3
Dra. Dora Luz González Bañales
Doctora en Integración de Tecnologías de
Información en las Organizaciones de la
Universidad Politécnica de Valencia
(España). Profesora-‐‑investigadora del
Departamento de Sistemas y Computación
Instituto Tecnológico de Durango
(Perfil en Google Académico)
16. +
Objetivo del taller
By Dora Gonzalez-‐‑Bañales @doraglez
16
Introducción a metodologías y técnicas Lean User
eXperience (metodologías ágiles) para el diseño de
productos y servicios basados en tecnología web.
17. +
¿Qué hace realmente bueno
a un sitio o aplicación web?
By Dora Gonzalez-‐‑Bañales @doraglez
17
18. +
¿Qué hace realmente bueno a
un sitio o aplicación web?
By Dora Gonzalez-‐‑Bañales @doraglez
18
• …
24. +
Mapa de la empatía & Contexto
24
By Dora Gonzalez-‐‑Bañales -‐‑ 2015
Fuente: hap://chaione.com/the-‐‑role-‐‑of-‐‑ux-‐‑research-‐‑in-‐‑designing-‐‑a-‐‑mobile-‐‑app/
25. +
Y ¿qué es Lean UX?
By Dora Gonzalez-‐‑Bañales @doraglez
25
26. +
¿Qué es Lean UX?
Inspirado en las teorías de Lean startup
y desarrollos ágiles, es la practica de
traer la naturaleza del trabajo de
diseño mas rápido a la luz, en una
colaboración multi-‐‑funcional, con
menos énfasis en los entregables y una
mayor atención a la experiencia real
que se esta diseñando.
26
By Dora Gonzalez-‐‑Bañales @doraglez
27. +
Fundamentos de Lean UX
27
Manifiesto ágil
By Dora Gonzalez-‐‑Bañales @doraglez
hap://www.biko2.com/agile/calentando-‐‑motores-‐‑para-‐‑el-‐‑aos2012-‐‑el-‐‑termometro-‐‑del-‐‑manifiesto-‐‑agil/
28. By Dora Gonzalez-‐‑Bañales @doraglez
28
Mayor número de ciclos en menor tiempo
contribuyen a reducir riesgos
hap://www.slideshare.net/intelleto/designing-‐‑with-‐‑lean-‐‑ux-‐‑rapid-‐‑product-‐‑design-‐‑ux-‐‑lisbon-‐‑2014
30. +
Ejemplo
n Se diseña un producto o servicio
específico, pero ¿realmente se sabe
cómo va a ser usado y por quién?
n Si no se hacen pruebas previas, no se
sabrá realmente si se diseño y creó el
producto o servicio adecuado, hasta
que realmente se ponga en práctica
30
By Dora Gonzalez-‐‑Bañales @doraglez
31. +
El reto
Alinear las necesidades de los
usuarios con las necesidades del
negocio para crear soluciones
basadas en TIC
By Dora Gonzalez-‐‑Bañales @doraglez
31
33. By Dora Gonzalez-‐‑Bañales @doraglez
33
Usuarios
Necesidades
Propósito
Organizacional
(Tu visión & ideas)
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces
Adaptado del trabajo de : @kateruaer
34. By Dora Gonzalez-‐‑Bañales @doraglez
34
hap://www.slideshare.net/intelleto/designing-‐‑with-‐‑lean-‐‑ux-‐‑rapid-‐‑product-‐‑design-‐‑ux-‐‑lisbon-‐‑2014
35. By Dora Gonzalez-‐‑Bañales @doraglez
35
Añadir un contexto…. Con figuras simples…
hap://www.slideshare.net/intelleto/designing-‐‑with-‐‑lean-‐‑ux-‐‑rapid-‐‑product-‐‑design-‐‑ux-‐‑lisbon-‐‑2014
36. By Dora Gonzalez-‐‑Bañales @doraglez
36
hap://www.slideshare.net/intelleto/designing-‐‑with-‐‑lean-‐‑ux-‐‑rapid-‐‑product-‐‑design-‐‑ux-‐‑lisbon-‐‑2014
37. +
Sentimientos cuando una necesidad es satisfecha
n Cariñoso
n Seguro
n Inspirado
n Pacífico
n Ocupado
n Emocionado
n Alegre
n Regocijado
n Fresco
n Esperanzado
n Agradecido
By Dora Gonzalez-‐‑Bañales @doraglez
Fuente: Center for Nonviolent Comunication. En Design for Growth Field Book; Jeanne Liedka, et al.; Columbia Business School
Publishing.
38. +
Sentimientos cuando no se satisface una
necesidad
n Miedo
n Enojo
n Inquietud
n Confusión
n Irritación
n Aversión
n Desconexión
n Vergüenza
n Fatiga
n Dolor
n Tristeza
n Vulnerabilidad
n Tensión
n Anhelo
By Dora Gonzalez-‐‑Bañales @doraglez
Fuente: Center for Nonviolent Comunication. En Design for Growth Field Book; Jeanne Liedka, et al.; Columbia Business School
Publishing.
39. +
Cinéfilo
By Dora Gonzalez-‐‑Bañales @doraglez
39
Quiero consultar la cartelera de los cines de mi
localidad con base a mis preferencias, de tal manera
que cuando ingrese a la página o a la App me
muestre con base a mi perfil:
• Cine más cercano a donde me encuentro
• Sugerencias por el género que más me gusta o
aproximado a él
• Estrenos
• Horarios
• Compra del boleto en línea
• Haga cargo automático a mi tarjeta de crédito
44. +
Usuarios + problemas/necesidad +
solución
44
Actividad de 5 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
¿Quiénes son los usuarios primarios?
• Perfil demográfico: edad, género, número de hijos,
ocupación, pensionado o en activo.
• Perfil geográfico: zona de la ciudad donde vive (sur,
norte, centro)
• Perfil psicográfico: estrato social, estilo de vida
(sedentario, activo)
• Tipo de usuario uso de TIC: Inexperto, Medio, Avanzado,
Experto
• Nombre del personaje: Darle al personaje un nombre.
Utilizar únicamente el nombre y la inicial del apellido.
¿Quiénes son los usuarios secundarios?
Continúan instrucciones en la siguiente diapositiva…
45. +
Usuarios + problemas/necesidad +
solución
45
Actividad de 5 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
• ¿Qué problemas tienen?
• ¿Cuál podría ser una solución basada en el uso
de tecnología web?
Continúan instrucciones en la siguiente
diapositiva….
46. +
Usuarios + problemas/necesidad +
solución
46
Actividad de 12 minutos dividido en 4 bloques de 3 minutos cada uno
By Dora Gonzalez-‐‑Bañales @doraglez
• Divide una hoja en cuatro partes
• Dibuja el usuario + problema en el
cuadrante A
• Usuario
• Contexto
• Objetos
• Breve descripción del problema o necesidad
A
B
C
D
A
47. +
Usuarios + problemas/necesidad +
solución
47
Actividad de 3 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
En el cuadrante describe
las características
demográficas del usuario
(género, edad, ocupación,
estado civil, nivel económico,
nivel de familiaridad con el
uso de TIC…)
B
48. +
Usuarios + problemas/necesidad +
solución
48
Actividad de 3 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
En el cuadrante describe sus comportamientos
C
¿Qué hace regularmente
cuando se le presenta el
problema identificado? (3
a 4 actividades
principales)
Continúan instrucciones en la siguiente diapositiva…
49. +
Continuación…
49
Actividad de 4 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
Realiza una relación de
comportamientos
• ¿Qué es lo que indica que
es un usuario (cliente)
potencial de la solución?
• ¿Cómo resuelve el
actualmente el problema o
necesidad? En este caso
cuando va al cine…
50. +
Continuación…
50
Actividad de 2 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
Con los comportamientos identificados
divídelos en dos grupos: menos importante y más
importante
51. +
Usuarios + problemas/necesidad +
solución
51
Actividad de 3 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
En el cuadrante describe sus necesidades o
problemas
D
Estas serán las principales
características funcionales
de la solución
52. +
Value Proposition Canvas
52
Actividad de 5 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
Beneficios
adicionales
CaracterísCcas
Quiere
Temores
Necesidades
Empresa:
Producto/Servicio:
Cliente/Usuario Ideal:
SubsCtutos
Producto
Usuario/Cliente
“Píldoras”
53. +
Continuación…
53
Actividad de 2 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
Con las necesidades y metas identificadas
divídelos en dos grupos: menos importante y más
importante
54. +
Continuación…
54
Actividad de 3 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
Con el usuario, sus necesidades y deseos identificados
completar la siguiente figura
Personas
Problema Solución
Aborda
Fecha
Producto
55. By Dora Gonzalez-‐‑Bañales @doraglez
55
¿Qué tenemos hasta este momento?
Quién es nuestro usuario, sus problemas/necesidades,
deseos y temores
Usuarios
Necesidades
Propósito
Organizacional
(Tu visión & ideas)
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces
56. +
Dale un nombre a tu solución…
56
Actividad de 3 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
• ..
57. By Dora Gonzalez-‐‑Bañales @doraglez
57
Usuarios
Necesidades
Propósito
Organizacional
(Tu visión & ideas)
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces
IMPORTANTE
El tipo de usuario
identificado debe
existir
58. +
Lo anterior nos lleva a…
n Tener las bases para comenzar a crear supuestos, ya que
hasta este punto se tiene información sobre:
n Quién es el usuario
n Cuáles son sus “puntos de dolor” (temores)
relacionados con el producto, proceso o servicio
n Qué características funcionales son importantes
n Cuál será el valor diferencial de la solución
58
By Dora Gonzalez-‐‑Bañales @doraglez
60. By Dora Gonzalez-‐‑Bañales @doraglez
60
Usuarios
Necesidades
Propósito
Organizacional
(Tu visión & ideas)
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces
61. +
Algunos cambios en el tiempo…
61
By Dora Gonzalez-‐‑Bañales @doraglez
hap://www.slideshare.net/jgothelf/beaer-‐‑product-‐‑definition-‐‑with-‐‑lean-‐‑ux-‐‑and-‐‑design-‐‑thinking
62. +
Sketch la solución
62
Actividad de 7 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
En el cuadrante describe sus necesidades/deseos
Deseo/
preocupación
Funcionalidad (Cómo
se resuelve)
65. +
Sketch la solución
65
Actividad de 15 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
Con tu equipo de trabajo compartir y seleccionar la
mejor propuesta
66. +
Supuestos (assumptions)
66
By Dora Gonzalez-‐‑Bañales @doraglez
hap://uxcellence.com/2015/01/17/notes-‐‑beaer-‐‑product-‐‑definition-‐‑through-‐‑lean-‐‑ux-‐‑and-‐‑design-‐‑thinking/
“Consideramos que [construyendo esta característica]
[para estas personas] lograremos [este resultado].
Sabremos que hemos tenido éxito cuando veamos [estas
señales por parte de los usuarios]”
68. +
Supuesto
n Consideramos que [haciendo/diseñando de esta
función/creación de esta experiencia] para [estas
personas] logrará [este resultado]. Nosotros
sabemos que esto será cierto cuando observemos
[esta retroalimentación del mercado, medida
cuantitativa o cualitativa visión].
69. +
Ejemplo de supuesto
n Consideramos que con la creación de un sistema
de comunicación eficiente dentro de la experiencia
del producto “Find a Job” para reclutadores y
empleadores se logrará una mayor tasa de éxito
de contacto y un aumento en la satisfacción del
producto. Nosotros sabremos que esto es cierto
cuando se observe un incremento en el número de
respuestas de los solicitantes de empleo hacia los
reclutadores, y por un mayor número de mensajes
iniciados por los reclutadores en nuestro sistema.
70. +
Supuesto
70
Actividad de 5 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
Redacta tu supuesto
“Consideramos que [construyendo esta característica]
[para estas personas] lograremos [este resultado].
Sabremos que hemos tenido éxito cuando veamos [estas
señales por parte de los usuarios]”
74. +
¿Qué se tiene hasta este punto?
74
By Dora Gonzalez-‐‑Bañales @doraglez
Quién es el usuario,
sus necesidades y
metas
Persona
Qué puede hacer el
usuario con el
producto, proceso o
servicio
Propuesta de Valor
Cómo lo va a realizar
Características
funcionales principales
75. +
¿Cómo se va a saber si
funciona?
Prototipos y métricas
By Dora Gonzalez-‐‑Bañales @doraglez
75
76. By Dora Gonzalez-‐‑Bañales @doraglez
76
Usuarios
Necesidades
Propósito
Organizacional
(Tu visión & ideas)
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces
77. +
¿Qué se tiene hasta este punto?
77
By Dora Gonzalez-‐‑Bañales @doraglez
Quién es el usuario,
sus necesidades y
metas
Persona
Qué puede hacer el
usuario con el
producto, proceso o
servicio
Propuesta de Valor
Cómo lo va a realizar
Características
funcionales principales
¿Qué es lo que indicará que se cumplió con éxito la
meta?
Métricas de acción para medir el progreso
78. By Dora Gonzalez-‐‑Bañales @doraglez
78
Ing. Osiel Hernández
Supuesto:
Consideramos que [haciendo/diseñando de esta función/creación de esta
experiencia] para [estas personas] logrará [este resultado]. Nosotros
sabemos que esto será cierto cuando observemos [esta retroalimentación
del mercado, medida cuantitativa o cualitativa visión].
79. +
Supuesto y Métrica
“Entregar todo a tiempo permitirá intercambiar
experiencias a través de Internet”
Nosotros sabemos que esto será cierto cuando
observemos [esta retroalimentación del mercado,
medida cuantitativa o cualitativa visión].
79
By Dora Gonzalez-‐‑Bañales @doraglez
80. By Dora Gonzalez-‐‑Bañales @doraglez
80
¿La métrica comienza con un
número?
• “número de…”
• “número promedio de…”
• “porcentaje de..”
¿Existe un periodo de tiempo?
¿Se puede comparar?
• “Por semana…” [__/semana]
• “Por mes…” [__/mes]”
Nada útil
Las métricas en acción
Vano
Bueno
Mejor
Impresionante
Una buena métrica
… mide el uso de un producto o servicio por
persona. El uso debería ser específico de las
características o funcionalidades que le
generan valor al usuario
Una métrica de excelencia
…. hace ver a todos los otros indicadores y
decir: ninguno de los otros números
importa si no conseguimos esto primero
Adaptado del trabajo de : @kateruaer
83. +
¿Qué se tiene hasta este punto?
83
By Dora Gonzalez-‐‑Bañales @doraglez
Quién es el usuario,
sus necesidades y
metas
Persona
Qué puede hacer el
usuario con el
producto, proceso o
servicio
Propuesta de Valor
Cómo lo va a realizar
Características
funcionales principales
¿Qué es lo que indicará que se cumplió con éxito la
meta?
Métricas de acción para medir el progreso
90. +
Narra la historia
90
Actividad de 3 minutos
By Dora Gonzalez-‐‑Bañales @doraglez
1. Nombre del producto-‐‑
solución
2. La idea
3. Necesidades que
satisface
4. Propuesta
5. Características
funcionales
6. Métricas
94. By Dora Gonzalez-‐‑Bañales 2015 @doraglez
94
Segmento de
clientes/
usuarios
Ventaja
especial
Propuesta de
valor única
Solución
Problema
Estructura de costos
Flujo de ingresos
1
2
3
4
5
6
7
8
9
Métricas
Canales
97. +
Lean Canvas
n SEGMENTOS DE CLIENTES: Identificar y conocer los segmentos de
clientes sobre los que trabajar, y sobre averiguar quienes podrían ser
tus early adopters.
n PROBLEMAS: Conocer cuáles son los 3 principales problemas del
segmento de clientes e investigar cuáles son las soluciones alternativas
que usan para resolverlos.
n PROPOSICIÓN ÚNICA DE VALOR: Describir de forma clara,
simple, sencilla y en una frase qué lo hace especial a la propuesta y
cómo va a ayudar a los usuarios/clientes a resolver su problema o
necesidad.
97
hap://javiermegias.com/blog/2012/10/lean-‐‑canvas-‐‑lienzo-‐‑de-‐‑modelos-‐‑de-‐‑negocio-‐‑para-‐‑startups-‐‑emprendedores/
98. +
Lean Canvas
n SOLUCIÓN: Una vez conocidos y priorizados los problemas a los que
se enfrentan los clientes/usuarios, se debe establecer cuáles son las 3
características más importantes del producto/servicio que les va a
ayudar a resolverlo.
n CANALES: Se refiere a cómo se va a hacer llegar la solución a los
segmentos de clientes/usuarios: ¿con una fuerza comercial? ¿mediante
una web?. Es importante entender este camino a los clientes de forma
global, es decir, no sólo pensando en la fase de la venta sino en toda
la experiencia de cliente.
n FLUJOS DE INGRESO: Responde a la pregunta de cómo se va a
ganar dinero, lo que no sólo incluye pensar en los diversos flujos, sino
en el margen, valor del cliente, modelo de recurrencia ...
98
By Dora Gonzalez-‐‑Bañales 2015 @doraglez
hap://javiermegias.com/blog/2012/10/lean-‐‑canvas-‐‑lienzo-‐‑de-‐‑modelos-‐‑de-‐‑negocio-‐‑para-‐‑startups-‐‑emprendedores/
99. +
Lean Canvas
n ESTRUCTURA DE COSTOS: Incluye todos aquellos elementos que
en la práctica indican el gasto aproximado que se tendrá
mensualmente.
n METRICAS CLAVE: Se debe establecer qué actividades se van a
medir y cómo, con el propósito de que ayuden a tomar decisiones.
n VENTAJA DIFERENCIAL: Es lo que causa que los clientes sigan
viniendo a por más.
99
By Dora Gonzalez-‐‑Bañales 2015 @doraglez
hap://javiermegias.com/blog/2012/10/lean-‐‑canvas-‐‑lienzo-‐‑de-‐‑modelos-‐‑de-‐‑negocio-‐‑para-‐‑startups-‐‑emprendedores/
101. +
Roadmap
101
By Dora Gonzalez-‐‑Bañales @doraglez
Usuarios
Necesidades
Propósito
Organizacional
(Tu visión & ideas)
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces
Adaptado del trabajo de : @kateruaer
102. By Dora Gonzalez-‐‑Bañales @doraglez
102
Adaptado del trabajo de : @kateruaer
Personas
Problema Solución
Aborda
Fecha
Producto
103. By Dora Gonzalez-‐‑Bañales @doraglez
103
Comportamientos
Necesidades y metasHechos (Facts)
Adaptado del trabajo de : @kateruaer
104. By Dora Gonzalez-‐‑Bañales @doraglez
104
Adaptado del trabajo de : @kateruaer
Propuesta de Valor - Sketches
Con puede …
105. By Dora Gonzalez-‐‑Bañales @doraglez
105
Propuesta de Valor - Sketches
Con
puede…
Adaptado del trabajo de : @kateruaer
106. By Dora Gonzalez-‐‑Bañales @doraglez
106
Características del producto mínimo viable
(MVP features)
Característica Característica Característica
Adaptado del trabajo de : @kateruaer
107. By Dora Gonzalez-‐‑Bañales @doraglez
107
Métricas (Metrics Dashboard)
Para evaluar el progreso, se requerirá medir lo siguiente:
Meta
Meta
Meta
Fecha
Fecha
Fecha
Notas
Notas
Notas
Adaptado del trabajo de : @kateruaer
108. By Dora Gonzalez-‐‑Bañales @doraglez
108
¿La métrica comienza con un
número?
• “número de…”
• “número promedio de…”
• “porcentaje de..”
¿Existe un periodo de tiempo?
¿Se puede comparar?
• “Por semana…” [__/semana]
• “Por mes…” [__/mes]”
Nada útil
Las métricas en acción
Vano
Bueno
Mejor
Impresionante
Una buena métrica
… mide el uso de un producto o servicio por
persona. El uso debería ser específico de las
características o funcionalidades que le
generan valor al usuario
Una métrica de excelencia
…. hace ver a todos los otros indicadores y
decir: ninguno de los otros números
importa si no conseguimos esto primero
Adaptado del trabajo de : @kateruaer
¿Existe un “objeto” de base?
¿ “Por usuario…” [__/usuario]
• “Usuario por semana…”
• Ejemplos: por sesión,
interacción, mensaje, archivo,
correos electrónicos…”
110. +
Referente base: Diseñando
con Lean UX
Adaptado del curso de Kate Ruaer “Designing with Lean UX”, UX
Lisboa, Junio 2014
By Dora Gonzalez-‐‑Bañales @doraglez
110