Download - 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)