Lean UX 2.0
usando microvalidaciones
@shesho
15 PROYECTOS
STARTUPS Y GRANDES EMPRESAS

SIMPLES Y COMPLEJOS
PROBLEMAS
A
RESOLVER
Incertidumbre
¿Cuánto cuesta?
¿Cómo sé si voy bien?
¿Le sirve a alguien?
¿Le sirvo yo a alguien?
Fragmentación
AY, USTEDES LOS
COMPUTINES

..

AY, USTEDES LOS
“ARTISHTAS"

~~

-OO—

DISEÑO

DESARROLLO
Feature Creep
Mal Timing
“HAGAMOS
UNA RED
SOCIAL…”

2005:
2008:
2011:
2013:

😃
😒
😩
💩
Productos Inservibles
“HAGAMOS UNA
APP PARA QUE
NUESTROS GATOS
PUEDAN SACARSE
SELFIES!”

“QUÉ GRAN IDEA!
LA GENTE LA

AMAR...
Expectativas
DESCUBRIMIENTO

DISEÑO
IMPLEMENTACIÓN
Realidad
o
DISEÑO

Dise
ñ

o
ñ
e
is
D
Implementación
DESCUBRIMIENTO
IC
A
TN
EM
EL
P

MP
IMPLEMENTACIÓN
LEM
ENT
AC
IÓ N
Realidad
DESCUBRIMIENTO

…MUERTE
DESCUBRIMIENTO
DISEÑO
IMPLEMENTACIÓN

DESCUBRIMIENTO
DISEÑO
IMPLEMENTACIÓN

DESCUBRIMIENTO
4

IDEAS
1.Todos en la misma mesa

)

)

)

..

)

.. .. ..
UX

DISEÑO

DEVS

CLIENTE
2. Amplía tu concepto de

PROTOTIPO
♥
3. La documentación está
viva e incompleta
4. Las decisiones más
importantes vienen primero

fig. 1 - Casa hecha al estilo de un proyecto de software
4

CAPAS
ENGANCHA
ES FÁCIL DE USAR
CUMPLE SU FUNCIÓN
APORTA
VALOR
16 Preguntas

para validar productos

y sistemas digitales
16 Aprendizajes
para validar productos

y sistemas digitales
1.Scope
1a - ¿Existe la necesidad?
Investigación de usuarios
Personas

1b - ¿Queremos satisfacerla?
Valores de inspiración...
1.Scope
1c - ¿Es (y será) innovador?
Benchmarking
Variable de innovación

1d - ¿Es viable?
Modelo de negocios (Canvas)
Ase...
1.Scope
PRO
DUC
TOS

Propuesta de Valor
!

Hipótesis Clave
!

Comportamientos Clave
!

Motivadores Clave
2.Estructura
2a - ¿Satisface la necesidad?
Definición de features
Estrategia de contenido

2b - ¿Es sencillo?
Arquitectura...
2.Estructura
2c - ¿Los usuarios lo entienden?
Vocabulario
Metáfora
Marketing

2d - ¿Alcanzamos a hacerlo?
Sitemap
Descripc...
3.Interfaz
3a - ¿Es fácil de usar?
UI
Metáfora visual (capas, movimientos)
Heurísticas de diseño

3b - ¿Previene errores?
...
3.Interfaz
3c - ¿Es rápido?
Performance real
Performance percibida

3d - ¿Funciona realmente?
Testeo con usuarios
(NO HAY ...
4.Identidad
4a - ¿Es distinguible?
“Signature moments”
Más benchmarking

4b - ¿Comunica la marca?
Branding
Colores, tipogr...
4.Identidad
4c - ¿Es consistente?
Estilos
Patterns
Librería de componentes

4d - ¿Es atractivo/agradable?
Feedback de usua...
4

REGISTROS
DEL
PROCESO
PROPUESTA DE VALOR

1.SCOPE
WIKI

DESAFÍOS
IDEAS
BACKLOG
USER NEEDS
TAREAS
Lorem ipsum dolor sit amet,
consectetur adipisc...
JERARQUÍA

2.SITE
MAP
Versión en pizarra
Diagrama final

FLUJOS DE NAVEGACIÓN
CATASTRO DE VISTAS
LUGARES CLAVE
FOTOS DE PIZARRA

3.WIRE
FRAMES
Versionables
Exhaustivos

MOCKUPS
LAYOUT GRUESO
CONTROLES UI
PROTOTIPOS
FUNCIONALES HTML

...
DISEÑO VISUAL

4.LOOK
& FEEL
Sólo 3 vistas clave

COLORES
TIPOGRAFÍAS
LAYOUT FINO
TRANSICIONES

Lorem ipsum dolor sit
amet...
CÓMO
CONTINUAMOS
?
DEV
AGILE UX

SPRINT
1
LANZAR-MEDIR-APRENDER

DEV
AGILE UX

DEV
AGILE UX

SPRINT
2
LANZAR-MEDIR-APRENDER

SPRINT
3
LANZAR-...
Gracias.
(@shesho)
Lean UX 2.0 usando Microvalidaciones
Próxima SlideShare
Cargando en…5
×

Lean UX 2.0 usando Microvalidaciones

7.420 visualizaciones

Publicado el

Publicado en: Diseño

Lean UX 2.0 usando Microvalidaciones

  1. 1. Lean UX 2.0 usando microvalidaciones @shesho
  2. 2. 15 PROYECTOS STARTUPS Y GRANDES EMPRESAS SIMPLES Y COMPLEJOS
  3. 3. PROBLEMAS A RESOLVER
  4. 4. Incertidumbre ¿Cuánto cuesta? ¿Cómo sé si voy bien? ¿Le sirve a alguien? ¿Le sirvo yo a alguien?
  5. 5. Fragmentación AY, USTEDES LOS COMPUTINES .. AY, USTEDES LOS “ARTISHTAS" ~~ -OO— DISEÑO DESARROLLO
  6. 6. Feature Creep
  7. 7. Mal Timing “HAGAMOS UNA RED SOCIAL…” 2005: 2008: 2011: 2013: 😃 😒 😩 💩
  8. 8. Productos Inservibles “HAGAMOS UNA APP PARA QUE NUESTROS GATOS PUEDAN SACARSE SELFIES!” “QUÉ GRAN IDEA! LA GENTE LA AMARÁ!” 💩💩
  9. 9. Expectativas DESCUBRIMIENTO DISEÑO IMPLEMENTACIÓN
  10. 10. Realidad o DISEÑO Dise ñ o ñ e is D Implementación DESCUBRIMIENTO IC A TN EM EL P MP IMPLEMENTACIÓN LEM ENT AC IÓ N
  11. 11. Realidad DESCUBRIMIENTO …MUERTE
  12. 12. DESCUBRIMIENTO DISEÑO IMPLEMENTACIÓN DESCUBRIMIENTO DISEÑO IMPLEMENTACIÓN DESCUBRIMIENTO
  13. 13. 4 IDEAS
  14. 14. 1.Todos en la misma mesa ) ) ) .. ) .. .. .. UX DISEÑO DEVS CLIENTE
  15. 15. 2. Amplía tu concepto de PROTOTIPO ♥
  16. 16. 3. La documentación está viva e incompleta
  17. 17. 4. Las decisiones más importantes vienen primero fig. 1 - Casa hecha al estilo de un proyecto de software
  18. 18. 4 CAPAS
  19. 19. ENGANCHA ES FÁCIL DE USAR CUMPLE SU FUNCIÓN APORTA VALOR
  20. 20. 16 Preguntas para validar productos y sistemas digitales
  21. 21. 16 Aprendizajes para validar productos y sistemas digitales
  22. 22. 1.Scope 1a - ¿Existe la necesidad? Investigación de usuarios Personas 1b - ¿Queremos satisfacerla? Valores de inspiración Objetivos de negocio
  23. 23. 1.Scope 1c - ¿Es (y será) innovador? Benchmarking Variable de innovación 1d - ¿Es viable? Modelo de negocios (Canvas) Asesoría tecnológica
  24. 24. 1.Scope PRO DUC TOS Propuesta de Valor ! Hipótesis Clave ! Comportamientos Clave ! Motivadores Clave
  25. 25. 2.Estructura 2a - ¿Satisface la necesidad? Definición de features Estrategia de contenido 2b - ¿Es sencillo? Arquitectura de información Lugares clave Flujos de usuario
  26. 26. 2.Estructura 2c - ¿Los usuarios lo entienden? Vocabulario Metáfora Marketing 2d - ¿Alcanzamos a hacerlo? Sitemap Descripción de Servicios
  27. 27. 3.Interfaz 3a - ¿Es fácil de usar? UI Metáfora visual (capas, movimientos) Heurísticas de diseño 3b - ¿Previene errores? Validaciones Ayuda
  28. 28. 3.Interfaz 3c - ¿Es rápido? Performance real Performance percibida 3d - ¿Funciona realmente? Testeo con usuarios (NO HAY OTRA MANERA, NO INSISTA)
  29. 29. 4.Identidad 4a - ¿Es distinguible? “Signature moments” Más benchmarking 4b - ¿Comunica la marca? Branding Colores, tipografías, texturas
  30. 30. 4.Identidad 4c - ¿Es consistente? Estilos Patterns Librería de componentes 4d - ¿Es atractivo/agradable? Feedback de usuarios Peer review
  31. 31. 4 REGISTROS DEL PROCESO
  32. 32. PROPUESTA DE VALOR 1.SCOPE WIKI DESAFÍOS IDEAS BACKLOG USER NEEDS TAREAS Lorem ipsum dolor sit amet, consectetur adipiscing elit. ! Google Doc Editable por todos Cras est est, condimentum a vulputate ut, imperdiet nec elit. Aenean nec dui et risus suscipit malesuada. Nunc auctor pellentesque ! nulla in suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit
  33. 33. JERARQUÍA 2.SITE MAP Versión en pizarra Diagrama final FLUJOS DE NAVEGACIÓN CATASTRO DE VISTAS LUGARES CLAVE
  34. 34. FOTOS DE PIZARRA 3.WIRE FRAMES Versionables Exhaustivos MOCKUPS LAYOUT GRUESO CONTROLES UI PROTOTIPOS FUNCIONALES HTML Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  35. 35. DISEÑO VISUAL 4.LOOK & FEEL Sólo 3 vistas clave COLORES TIPOGRAFÍAS LAYOUT FINO TRANSICIONES Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  36. 36. CÓMO CONTINUAMOS ?
  37. 37. DEV AGILE UX SPRINT 1 LANZAR-MEDIR-APRENDER DEV AGILE UX DEV AGILE UX SPRINT 2 LANZAR-MEDIR-APRENDER SPRINT 3 LANZAR-MEDIR-APRENDER SPRINT
  38. 38. Gracias. (@shesho)

×