Download pdf - 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 (Perfil en Google Académico)


4

+ ¿De qué tratará el taller?

By Dora Gonzalez-‐‑Bañales @doraglez 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?


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


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

By Dora Gonzalez-‐‑Bañales @doraglez hap://www.biko2.com/agile/calentando-‐‑motores-‐‑para-‐‑el-‐‑aos2012-‐‑el-‐‑termometro-‐‑del-‐‑manifiesto-‐‑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í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


+ El reto

Alinear las necesidades de los usuarios con las necesidades del negocio para crear soluciones

basadas en TIC


31

+ Proceso Lean UX



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ífico 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 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

Beneficios 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…


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

+


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

+


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

+


47



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



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…

+ 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 identificados divídelos en dos grupos: menos importante y más

importante

+


51



En el cuadrante describe sus necesidades o problemas

D

Estas serán las principales características funcionales de la solución

+ Value Proposition Canvas

52



Beneficios adicionales

CaracterísCcas

Quiere

Temores

Necesidades


SubsCtutos

Producto Usuario/Cliente

“Píldoras”

+ Continuación…

53



Con las necesidades y metas identificadas divídelos en dos grupos: menos importante y más

importante

+ Continuación…

54



Con el usuario, sus necesidades y deseos identificados completar la siguiente figura

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

(Tu visión & ideas)

Usos

Características

Producto


+ Dale un nombre a tu solución…

56



•  ..


57

Usuarios



Usos

Características

Producto


IMPORTANTE El tipo de usuario identificado 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



60

Usuarios



Usos

Características

Producto


+ 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

+ Sketch la solución

62



En el cuadrante describe sus necesidades/deseos

Deseo/preocupación

Funcionalidad (Cómo se resuelve)


63




64


65



Con tu equipo de trabajo compartir y seleccionar la mejor propuesta

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


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

+ 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



72

Usuarios



Usos

Características

Producto


+ 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



76

Usuarios



Usos

Características

Producto



77



metas

Persona



Propuesta de Valor



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


+ Métricas

81



Sugiere una métrica

+ Métricas

82



Mejora tu métrica


83



metas

Persona



Propuesta de Valor



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

Métricas de acción para medir el progreso

+ Uniendo las piezas



85

Usuarios



Usos

Características

Producto



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


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

+


95

+


96

Dora Luz González Bañales [email protected]

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

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

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

+ Plantillas


+ Roadmap

101


Usuarios



Usos

Características

Producto




102


Personas

Problema Solución Aborda

Fecha Producto


103

Comportamientos

Necesidades y metas Hechos (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í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


¿Existe un “objeto” de base? ¿ “Por usuario…” [__/usuario] •  “Usuario por semana…” •  Ejemplos: por sesión, interacción, mensaje, archivo, correos electrónicos…”

Beneficios

Experiencias

CaracterísCcas

Quiere

Temores

Necesidades


SubsCtutos

Producto Usuario/Cliente

Value Proposition Canvas 109

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