lean ux 2.0 usando microvalidaciones

Lean UX 2.0usando microvalidaciones

@shesho

15 PROYECTOS

SIMPLES Y COMPLEJOSSTARTUPS Y GRANDES EMPRESAS

PROBLEMAS A

RESOLVER

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

FragmentaciónAY, USTEDES LOS COMPUTINES

AY, USTEDES LOS “ARTISHTAS"

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

Feature Creep

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

“HAGAMOS UNA RED SOCIAL…”

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

💩💩

“QUÉ GRAN IDEA! LA GENTE LA

AMARÁ!”

DESCUBRIMIENTO

DISEÑO

IMPLEMENTACIÓN

Expectativas

DESCUBRIMIENTO

Diseño

Implementación

IMPLEMENTACIÓN

DISEÑOIMPLEMENTACIÓN

IMPLEMENTACIÓN

RealidadDiseño

DESCUBRIMIENTO

…MUERTE

Realidad

DESCUBRIMIENTO

DISEÑO

IMPLEMENTACIÓN

DESCUBRIMIENTO

DISEÑO

IMPLEMENTACIÓN

DESCUBRIMIENTO

DISEÑO

4IDEAS

1.Todos en la misma mesa

.. )DISEÑO DEVS

) )CLIENTE

....UX

) ..

PROTOTIPO2. Amplía tu concepto de

!♥#$

%& '

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

4CAPAS

APORTA VALOR

CUMPLE SU FUNCIÓN

ES FÁCIL DE USAR

ENGANCHA

16 Preguntaspara validar productosy sistemas digitales

16 Aprendizajespara validar productosy sistemas digitales

1.Scope1a - ¿Existe la necesidad?

1b - ¿Queremos satisfacerla?

Investigación de usuarios Personas

Valores de inspiración Objetivos de negocio

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

1d - ¿Es viable?

Benchmarking Variable de innovación

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

PRO DUC TOS

1.ScopePropuesta de Valor !

Hipótesis Clave !

Comportamientos Clave !

Motivadores Clave

2.Estructura2a - ¿Satisface la necesidad?

2b - ¿Es sencillo?

Definición de features Estrategia de contenido

Arquitectura de información Lugares clave Flujos de usuario

2.Estructura2c - ¿Los usuarios lo entienden?

2d - ¿Alcanzamos a hacerlo?

Vocabulario Metáfora Marketing

Sitemap Descripción de Servicios

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

3b - ¿Previene errores?

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

Validaciones Ayuda

3.Interfaz3c - ¿Es rápido?

3d - ¿Funciona realmente?

Performance real Performance percibida

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

4.Identidad4a - ¿Es distinguible?

4b - ¿Comunica la marca?

“Signature moments” Más benchmarking

Branding Colores, tipografías, texturas

4.Identidad4c - ¿Es consistente?

4d - ¿Es atractivo/agradable?

Estilos Patterns Librería de componentes

Feedback de usuarios Peer review

4REGISTROS DEL PROCESO

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

Versión en pizarra Diagrama final

2.SITE MAP

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

'

Versionables Exhaustivos

3.WIRE FRAMES

FOTOS DE PIZARRA MOCKUPS LAYOUT GRUESO CONTROLES UI PROTOTIPOS FUNCIONALES HTML

Lorem ipsum dolor sit

amet, consectetur

adipiscing elit.

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.

CÓMO CONTINUAMOS

?

DEVAGILE UX

DEVAGILE UX

DEVAGILE UX

SPRINT 1

SPRINT 2

SPRINT 3

LANZAR-MEDIR-APRENDER

LANZAR-MEDIR-APRENDER

LANZAR-MEDIR-APRENDER

SPRINT 3

Gracias. (@shesho)