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 AY, USTEDES LOS
COMPUTINES “ARTISHTAS"

~.~. -OO-
—
DISEÑO DESARROLLO
Feature Creep
 Mal Timing
2005: 😃
“HAGAMOS
UNA RED
2008: 😒
SOCIAL…” 2011: 😩
2013: 💩
Productos Inservibles
“HAGAMOS UNA “QUÉ GRAN IDEA!
APP PARA QUE LA GENTE LA
NUESTROS GATOS
PUEDAN SACARSE AMARÁ!”
SELFIES!”

💩💩
Expectativas
DESCUBRIMIENTO

DISEÑO

IMPLEMENTACIÓN
 Realidad
ñ o
Dise i se
ñ o D
Implementación
DESCUBRIMIENTO
DISEÑO

MP
LEM IMPLEMENTACIÓN

P
EL
ENT

EM
AC
IÓ N

TN
A
IC
 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
Objetivos de negocio
 1.Scope
1c - ¿Es (y será) innovador?
Benchmarking
Variable de innovación

1d - ¿Es viable?
Modelo de negocios (Canvas)
Asesoría tecnológica
 1.Scope
PRO Propuesta de Valor
!

Hipótesis Clave

DUC !

Comportamientos Clave

TOS
!

Motivadores Clave
 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
 2.Estructura
2c - ¿Los usuarios lo entienden?
Vocabulario
Metáfora
Marketing
2d - ¿Alcanzamos a hacerlo?
Sitemap
Descripción de Servicios
 3.Interfaz
3a - ¿Es fácil de usar?
UI
Metáfora visual (capas, movimientos)
Heurísticas de diseño
3b - ¿Previene errores?
Validaciones
Ayuda
 3.Interfaz
3c - ¿Es rápido?
Performance real
Performance percibida

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

4b - ¿Comunica la marca?
Branding
Colores, tipografías, texturas
 4.Identidad
4c - ¿Es consistente?
Estilos
Patterns
Librería de componentes
4d - ¿Es atractivo/agradable?
Feedback de usuarios
Peer review
4
REGISTROS
DEL
PROCESO
 PROPUESTA DE VALOR
DESAFÍOS

1.SCOPE IDEAS
BACKLOG

WIKI
USER NEEDS
TAREAS

Lorem ipsum dolor sit amet,

consectetur adipiscing elit.
!
Cras est est, condimentum a
vulputate ut, imperdiet nec elit.

Google Doc Aenean nec dui et risus suscipit

malesuada. Nunc auctor
pellentesque
!
Editable por todos nulla in suscipit. Lorem ipsum
dolor sit amet, consectetur
adipiscing elit
 JERARQUÍA
FLUJOS DE NAVEGACIÓN

2.SITE CATASTRO DE VISTAS

LUGARES CLAVE

MAP
Versión en pizarra
Diagrama final '
 FOTOS DE PIZARRA
MOCKUPS

3.WIRE LAYOUT GRUESO

CONTROLES UI

FRAMES
PROTOTIPOS
FUNCIONALES HTML

Versionables Lorem ipsum dolor sit

amet, consectetur
adipiscing elit.

Exhaustivos
 DISEÑO VISUAL
COLORES

4.LOOK TIPOGRAFÍAS
LAYOUT FINO

& FEEL
TRANSICIONES

Sólo 3 vistas clave Lorem ipsum dolor sit

amet, consectetur
adipiscing elit.
 CÓMO
CONTINUAMOS
?
 SPRINT
DEV
AGILE UX 1
LANZAR-MEDIR-APRENDER

SPRINT
DEV 2
AGILE UX LANZAR-MEDIR-APRENDER

SPRINT
DEV 3
AGILE UX
LANZAR-MEDIR-APRENDER

SPRINT
Gracias.
(@shesho)