39
Lean UX 2.0 usando microvalidaciones @shesho

Lean UX 2.0 usando Microvalidaciones

Embed Size (px)

Citation preview

Page 1: Lean UX 2.0 usando Microvalidaciones

Lean UX 2.0usando microvalidaciones

@shesho

Page 2: Lean UX 2.0 usando Microvalidaciones

15 PROYECTOS

SIMPLES Y COMPLEJOSSTARTUPS Y GRANDES EMPRESAS

Page 3: Lean UX 2.0 usando Microvalidaciones
Page 4: Lean UX 2.0 usando Microvalidaciones

PROBLEMAS A

RESOLVER

Page 5: Lean UX 2.0 usando Microvalidaciones

Incertidumbre¿Cuánto cuesta?¿Cómo sé si voy bien?¿Le sirve a alguien?¿Le sirvo yo a alguien?

Page 6: Lean UX 2.0 usando Microvalidaciones

FragmentaciónAY, USTEDES LOS COMPUTINES

AY, USTEDES LOS “ARTISHTAS"

~~.. -OO- —DISEÑO DESARROLLO

Page 7: Lean UX 2.0 usando Microvalidaciones

Feature Creep

Page 8: Lean UX 2.0 usando Microvalidaciones

Mal Timing2005: 😃 2008: 😒 2011: 😩 2013: 💩

“HAGAMOS UNA RED SOCIAL…”

Page 9: Lean UX 2.0 usando Microvalidaciones

Productos Inservibles“HAGAMOS UNA APP PARA QUE NUESTROS GATOS PUEDAN SACARSE SELFIES!”

💩💩

“QUÉ GRAN IDEA! LA GENTE LA

AMARÁ!”

Page 10: Lean UX 2.0 usando Microvalidaciones

DESCUBRIMIENTO

DISEÑO

IMPLEMENTACIÓN

Expectativas

Page 11: Lean UX 2.0 usando Microvalidaciones

DESCUBRIMIENTO

Diseño

Implementación

IMPLEMENTACIÓN

DISEÑOIMPLEMENTACIÓN

IMPLEMENTACIÓN

RealidadDiseño

Page 12: Lean UX 2.0 usando Microvalidaciones

DESCUBRIMIENTO

…MUERTE

Realidad

Page 13: Lean UX 2.0 usando Microvalidaciones

DESCUBRIMIENTO

DISEÑO

IMPLEMENTACIÓN

DESCUBRIMIENTO

DISEÑO

IMPLEMENTACIÓN

DESCUBRIMIENTO

DISEÑO

Page 14: Lean UX 2.0 usando Microvalidaciones

4IDEAS

Page 15: Lean UX 2.0 usando Microvalidaciones

1.Todos en la misma mesa

.. )DISEÑO DEVS

) )CLIENTE

....UX

) ..

Page 16: Lean UX 2.0 usando Microvalidaciones

PROTOTIPO2. Amplía tu concepto de

!♥#$

%& '

Page 17: Lean UX 2.0 usando Microvalidaciones

3. La documentación está viva e incompleta

'% ((

Page 18: Lean UX 2.0 usando Microvalidaciones

4. Las decisiones más importantes vienen primero

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

Page 19: Lean UX 2.0 usando Microvalidaciones

4CAPAS

Page 20: Lean UX 2.0 usando Microvalidaciones

APORTA VALOR

CUMPLE SU FUNCIÓN

ES FÁCIL DE USAR

ENGANCHA

Page 21: Lean UX 2.0 usando Microvalidaciones

16 Preguntaspara validar productosy sistemas digitales

Page 22: Lean UX 2.0 usando Microvalidaciones

16 Aprendizajespara validar productosy sistemas digitales

Page 23: Lean UX 2.0 usando Microvalidaciones

1.Scope1a - ¿Existe la necesidad?

1b - ¿Queremos satisfacerla?

Investigación de usuarios Personas

Valores de inspiración Objetivos de negocio

Page 24: Lean UX 2.0 usando Microvalidaciones

1.Scope1c - ¿Es (y será) innovador?

1d - ¿Es viable?

Benchmarking Variable de innovación

Modelo de negocios (Canvas) Asesoría tecnológica

Page 25: Lean UX 2.0 usando Microvalidaciones

PRO DUC TOS

1.ScopePropuesta de Valor !

Hipótesis Clave !

Comportamientos Clave !

Motivadores Clave

Page 26: Lean UX 2.0 usando Microvalidaciones

2.Estructura2a - ¿Satisface la necesidad?

2b - ¿Es sencillo?

Definición de features Estrategia de contenido

Arquitectura de información Lugares clave Flujos de usuario

Page 27: Lean UX 2.0 usando Microvalidaciones

2.Estructura2c - ¿Los usuarios lo entienden?

2d - ¿Alcanzamos a hacerlo?

Vocabulario Metáfora Marketing

Sitemap Descripción de Servicios

Page 28: Lean UX 2.0 usando Microvalidaciones

3.Interfaz3a - ¿Es fácil de usar?

3b - ¿Previene errores?

UI Metáfora visual (capas, movimientos) Heurísticas de diseño

Validaciones Ayuda

Page 29: Lean UX 2.0 usando Microvalidaciones

3.Interfaz3c - ¿Es rápido?

3d - ¿Funciona realmente?

Performance real Performance percibida

Testeo con usuarios (NO HAY OTRA MANERA, NO INSISTA)

Page 30: Lean UX 2.0 usando Microvalidaciones

4.Identidad4a - ¿Es distinguible?

4b - ¿Comunica la marca?

“Signature moments” Más benchmarking

Branding Colores, tipografías, texturas

Page 31: Lean UX 2.0 usando Microvalidaciones

4.Identidad4c - ¿Es consistente?

4d - ¿Es atractivo/agradable?

Estilos Patterns Librería de componentes

Feedback de usuarios Peer review

Page 32: Lean UX 2.0 usando Microvalidaciones

4REGISTROS DEL PROCESO

Page 33: Lean UX 2.0 usando Microvalidaciones

Google Doc Editable por todos

1.SCOPE WIKI

PROPUESTA DE VALOR DESAFÍOS IDEAS BACKLOG USER NEEDS TAREAS

Lorem ipsum dolor sit amet,

consectetur adipiscing elit.

!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

Page 34: Lean UX 2.0 usando Microvalidaciones

Versión en pizarra Diagrama final

2.SITE MAP

JERARQUÍA FLUJOS DE NAVEGACIÓN CATASTRO DE VISTAS LUGARES CLAVE

'

Page 35: Lean UX 2.0 usando Microvalidaciones

Versionables Exhaustivos

3.WIRE FRAMES

FOTOS DE PIZARRA MOCKUPS LAYOUT GRUESO CONTROLES UI PROTOTIPOS FUNCIONALES HTML

Lorem ipsum dolor sit

amet, consectetur

adipiscing elit.

Page 36: Lean UX 2.0 usando Microvalidaciones

Sólo 3 vistas clave

4.LOOK & FEEL

DISEÑO VISUAL COLORES TIPOGRAFÍAS LAYOUT FINO TRANSICIONES

Lorem ipsum dolor sit

amet, consectetur

adipiscing elit.

Page 37: Lean UX 2.0 usando Microvalidaciones

CÓMO CONTINUAMOS

?

Page 38: Lean UX 2.0 usando Microvalidaciones

DEVAGILE UX

DEVAGILE UX

DEVAGILE UX

SPRINT 1

SPRINT 2

SPRINT 3

LANZAR-MEDIR-APRENDER

LANZAR-MEDIR-APRENDER

LANZAR-MEDIR-APRENDER

SPRINT 3

Page 39: Lean UX 2.0 usando Microvalidaciones

Gracias. (@shesho)