Lean ux virtua_fest2015_v2

Instructor: Dora Luz González Bañales
Metodologías y técnicas Lean User eXperience (Lean UX)
¿Qué hace realmente bueno a un sitio o aplicación web?

+
Vamos a conocernos
n Nombre
n Ocupación
n Tu personaje favorito de comics
2
By Dora Gonzalez-‐‑Bañales @doraglez

+
Instructora
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
(Perﬁl en Google Académico)

4

+
¿De qué tratará el taller?
5

+
6

7

8

9

10

11

12

13

14

15

+
Objetivo del taller
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.

+
¿Qué hace realmente bueno
a un sitio o aplicación web?
17

+
¿Qué hace realmente bueno a
un sitio o aplicación web?
18
•  …

+
19

20

By Dora Gonzalez-‐‑Bañales 2015 @doraglez
21
haps://www.youtube.com/watch?v=I5oa5nb7u9g

22

23

+
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/

+
Y ¿qué es Lean UX?
25

+
¿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

+
Fundamentos de Lean UX
27
Manifiesto ágil
hap://www.biko2.com/agile/calentando-‐‑motores-‐‑para-‐‑el-‐‑aos2012-‐‑el-‐‑termometro-‐‑del-‐‑maniﬁesto-‐‑agil/

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

+
Lean Startup
29
Como un proceso

+
Ejemplo
n  Se diseña un producto o servicio
especíﬁco, 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

+
El reto
Alinear las necesidades de los
usuarios con las necesidades del
negocio para crear soluciones
basadas en TIC

31

+
Proceso Lean UX
32

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

35
Añadir un contexto…. Con figuras simples…

36

+
Sentimientos cuando una necesidad es satisfecha
n  Cariñoso
n  Seguro
n  Inspirado
n  Pacíﬁco
n  Ocupado
n  Emocionado
n  Alegre
n  Regocijado
n  Fresco
n  Esperanzado
n  Agradecido
Fuente: Center for Nonviolent Comunication. En Design for Growth Field Book; Jeanne Liedka, et al.; Columbia Business School
Publishing.

+
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
Fuente: Center for Nonviolent Comunication. En Design for Growth Field Book; Jeanne Liedka, et al.; Columbia Business School
Publishing.

+
Cinéfilo
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 perﬁl:
•  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

Beneﬁcios
adicionales
Propuesta
“La píldora”
Quiere
Temores
Empresa:
Producto/Servicio:
Cliente/Usuario Ideal:
SubsCtutos
Producto/Servicio
Usuario/Cliente
Value Proposition Canvas
40

+
Temores
41
•  Que el sistema de control de entradas en el
cine no esté funcionando
•  …
•  …

+
Comenzamos…
42

+
Cinéfilo…
43
Es una persona que…

+
Usuarios + problemas/necesidad +
solución
44
Actividad de 5 minutos
¿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…

+
solución
45
•  ¿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….

+
solución
46
Actividad de 12 minutos dividido en 4 bloques de 3 minutos cada uno
•  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

+
solución
47
En el cuadrante describe
las características
demográﬁcas del usuario
(género, edad, ocupación,
estado civil, nivel económico,
nivel de familiaridad con el
uso de TIC…)
B

+
solución
48
En el cuadrante describe sus comportamientos
C
¿Qué hace regularmente
cuando se le presenta el
problema identiﬁcado? (3
a 4 actividades
principales)
Continúan instrucciones en la siguiente diapositiva…

+
Continuación…
49
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…

+
Continuación…
50
Con los comportamientos identiﬁcados
divídelos en dos grupos: menos importante y más
importante

+
solución
51
En el cuadrante describe sus necesidades o
problemas
D
Estas serán las principales
características funcionales
de la solución

+
52
Beneﬁcios
adicionales
CaracterísCcas
Quiere
Temores
Necesidades
Empresa:
Producto/Servicio:
SubsCtutos
Producto
Usuario/Cliente
“Píldoras”

+
Continuación…
53
Con las necesidades y metas identiﬁcadas
divídelos en dos grupos: menos importante y más
importante

+
Continuación…
54
Con el usuario, sus necesidades y deseos identiﬁcados
completar la siguiente ﬁgura

Personas
Problema Solución
Aborda
Fecha
Producto

55
¿Qué tenemos hasta este momento?
Quién es nuestro usuario, sus problemas/necesidades,
deseos y temores
Usuarios
Necesidades
Propósito
Organizacional
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces

+
Dale un nombre a tu solución…
56
•  ..

57
Usuarios
Necesidades
Propósito
Organizacional
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces
IMPORTANTE
El tipo de usuario
identiﬁcado debe
existir

+
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

+
Supuestos
59

60
Usuarios
Necesidades
Propósito
Organizacional
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces

+
Algunos cambios en el tiempo…
61
hap://www.slideshare.net/jgothelf/beaer-‐‑product-‐‑deﬁnition-‐‑with-‐‑lean-‐‑ux-‐‑and-‐‑design-‐‑thinking

+
Sketch la solución
62
En el cuadrante describe sus necesidades/deseos
Deseo/
preocupación
Funcionalidad (Cómo
se resuelve)

+
Sketch la solución
63

64

+
Sketch la solución
65
Con tu equipo de trabajo compartir y seleccionar la
mejor propuesta

+
Supuestos (assumptions)
66
hap://uxcellence.com/2015/01/17/notes-‐‑beaer-‐‑product-‐‑deﬁnition-‐‑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]”

+
Sketch la solución
67
Redibujar la propuesta seleccionada

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

+
Ejemplo de supuesto
n Consideramos que con la creación de un sistema
de comunicación eﬁciente 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.

+
Supuesto
70
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]”

+
Características
71

72
Usuarios
Necesidades
Propósito
Organizacional
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces

+
Características
73
Sugiere tres características de la solución

+
¿Qué se tiene hasta este punto?
74
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

+
¿Cómo se va a saber si
funciona?
Prototipos y métricas
75

76
Usuarios
Necesidades
Propósito
Organizacional
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces

+
77
sus necesidades y
metas

Persona
Qué puede hacer el
usuario con el
producto, proceso o
servicio

Propuesta de Valor


Características
¿Qué es lo que indicará que se cumplió con éxito la
meta?

Métricas de acción para medir el progreso

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

+
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

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íﬁco 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

+
Métricas
81
Sugiere una métrica

+
Métricas
82
Mejora tu métrica

+
83
sus necesidades y
metas

Persona
Qué puede hacer el
usuario con el
producto, proceso o
servicio

Propuesta de Valor


Características
¿Qué es lo que indicará que se cumplió con éxito la
meta?

Métricas de acción para medir el progreso

+
Uniendo las piezas
84

85
Usuarios
Necesidades
Propósito
Organizacional
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces

86
haps://www.youtube.com/watch?v=7MiE5-‐‑fLo0A

87
haps://www.youtube.com/watch?v=AslOqyu_rJk
haps://youtu.be/SqGYyN7Iwjk

88
haps://www.youtube.com/watch?v=GrV2SZuRPv0

89
haps://www.youtube.com/watch?v=YKpyIRW3o1k

+
Narra la historia
90
1.  Nombre del producto-‐‑
solución
2.  La idea
3.  Necesidades que
satisface
4.  Propuesta
5.  Características
funcionales
6.  Métricas

+
Narra la historia
91
¿Voluntarios?

92

+
¿Qué sigue?
Lean Canvas
93

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

+
95

+
96
Dora Luz González Bañales
doraglez@itdurango.edu.mx

+
Lean Canvas
n  SEGMENTOS DE CLIENTES: Identiﬁcar 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/

+
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 reﬁere 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 ﬂujos, sino
en el margen, valor del cliente, modelo de recurrencia ...
98

+
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

+
Plantillas
100

+
Roadmap
101
Usuarios
Necesidades
Propósito
Organizacional
Usos
Características
Producto
Sketches
Prototipos
Wireframes
User Interfaces

102
Personas
Problema Solución
Aborda
Fecha
Producto

103
Comportamientos
Necesidades y metasHechos (Facts)

104
Propuesta de Valor - Sketches
Con puede …

105
Propuesta de Valor - Sketches
Con
puede…

106
Características del producto mínimo viable
(MVP features)
Característica Característica Característica

107
Métricas (Metrics Dashboard)
Para evaluar el progreso, se requerirá medir lo siguiente:
Meta
Meta
Meta
Fecha
Fecha
Fecha
Notas
Notas
Notas

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íﬁco 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
¿Existe un “objeto” de base?
¿ “Por usuario…” [__/usuario]
•  “Usuario por semana…”
•  Ejemplos: por sesión,
interacción, mensaje, archivo,
correos electrónicos…”

Beneﬁcios
Experiencias
CaracterísCcas
Quiere
Temores
Necesidades
Empresa:
Producto/Servicio:
SubsCtutos
Producto
Usuario/Cliente
109

+
Referente base: Diseñando
con Lean UX
Adaptado del curso de Kate Ruaer “Designing with Lean UX”, UX
Lisboa, Junio 2014
110

Lean ux virtua_fest2015_v2

Más contenido relacionado

Similar a Lean ux virtua_fest2015_v2 (20)

Más de Dora GonzalezBañales (7)

Último (20)

Lean ux virtua_fest2015_v2