Tweet
Tweet

Slide 1

Slide 1 text

Lean UX 2.0 usando microvalidaciones @shesho

Slide 2

Slide 2 text

Sergio Nouvel @shesho

Slide 3

Slide 3 text

15 PROYECTOS SIMPLES Y COMPLEJOS STARTUPS Y GRANDES EMPRESAS

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

PROBLEMAS A RESOLVER

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Fragmentación AY, USTEDES LOS COMPUTINES AY, USTEDES LOS “ARTISHTAS" ~ ~ .. -OO- — DISEÑO DESARROLLO

Slide 8

Slide 8 text

Feature Creep

Slide 9

Slide 9 text

Mal Timing 2005: 2008: 2011: 2013: “HAGAMOS UNA RED SOCIAL…”

Slide 10

Slide 10 text

Productos Inservibles “HAGAMOS UNA APP PARA QUE NUESTROS GATOS PUEDAN SACARSE SELFIES!” “QUÉ GRAN IDEA! LA GENTE LA AMARÁ!”

Slide 11

Slide 11 text

DESCUBRIMIENTO DISEÑO IMPLEMENTACIÓN Expectativas

Slide 12

Slide 12 text

DESCUBRIMIENTO Diseño Implementación MPLEMENTACIÓN DISEÑO PLEM EN TA CI IMPLEMENTACIÓN Realidad Diseño

Slide 13

Slide 13 text

DESCUBRIMIENTO …MUERTE Realidad

Slide 14

Slide 14 text

DESCUBRIMIENTO DISEÑO IMPLEMENTACIÓN DESCUBRIMIENTO DISEÑO IMPLEMENTACIÓN DESCUBRIMIENTO

Slide 15

Slide 15 text

4IDEAS

Slide 16

Slide 16 text

1.Todos en la misma mesa .. ) DISEÑO DEVS ) ) CLIENTE .. .. UX ) ..

Slide 17

Slide 17 text

PROTOTIPO 2. Amplía tu concepto de ♥

Slide 18

Slide 18 text

3. La documentación está viva e incompleta

Slide 19

Slide 19 text

4. Las decisiones más importantes vienen primero fig. 1 - Casa hecha al estilo de un proyecto de software

Slide 20

Slide 20 text

4CAPAS

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

16 Preguntas para validar productos y sistemas digitales

Slide 23

Slide 23 text

16 Aprendizajes para validar productos y sistemas digitales

Slide 24

Slide 24 text

1.Scope 1a - ¿Existe la necesidad? 1b - ¿Queremos satisfacerla? Investigación de usuarios Personas Valores de inspiración Objetivos de negocio

Slide 25

Slide 25 text

1.Scope 1c - ¿Es (y será) innovador? 1d - ¿Es viable? Benchmarking Variable de innovación Modelo de negocios (Canvas) Asesoría tecnológica

Slide 26

Slide 26 text

PRO DUC TOS 1.Scope Propuesta de Valor ! Hipótesis Clave ! Comportamientos Clave ! Motivadores Clave

Slide 27

Slide 27 text

2.Estructura 2a - ¿Satisface la necesidad? 2b - ¿Es sencillo? Definición de features Estrategia de contenido Arquitectura de información Lugares clave Flujos de usuario

Slide 28

Slide 28 text

2.Estructura 2c - ¿Los usuarios lo entienden? 2d - ¿Alcanzamos a hacerlo? Vocabulario Metáfora Marketing Sitemap Descripción de Servicios

Slide 29

Slide 29 text

3.Interfaz 3a - ¿Es fácil de usar? 3b - ¿Previene errores? UI Metáfora visual (capas, movimientos) Heurísticas de diseño Validaciones Ayuda

Slide 30

Slide 30 text

3.Interfaz 3c - ¿Es rápido? 3d - ¿Funciona realmente? Performance real Performance percibida Testeo con usuarios (NO HAY OTRA MANERA, NO INSISTA)

Slide 31

Slide 31 text

4.Identidad 4a - ¿Es distinguible? 4b - ¿Comunica la marca? “Signature moments” Más benchmarking Branding Colores, tipografías, texturas

Slide 32

Slide 32 text

4.Identidad 4c - ¿Es consistente? 4d - ¿Es atractivo/agradable? Estilos Patterns Librería de componentes Feedback de usuarios Peer review

Slide 33

Slide 33 text

4REGISTROS DEL PROCESO

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

Versión en pizarra Diagrama final 2.SITE MAP JERARQUÍA FLUJOS DE NAVEGACIÓN CATASTRO DE VISTAS LUGARES CLAVE

Slide 36

Slide 36 text

Versionables Exhaustivos 3.WIRE FRAMES FOTOS DE PIZARRA MOCKUPS LAYOUT GRUESO CONTROLES UI PROTOTIPOS FUNCIONALES HTML Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slide 37

Slide 37 text

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.

Slide 38

Slide 38 text

CÓMO CONTINUAMOS ?

Slide 39

Slide 39 text

DEV AGILE UX DEV AGILE UX DEV AGILE UX SPRINT 1 SPRINT 2 SPRINT 3 LANZAR-MEDIR-APRENDER LANZAR-MEDIR-APRENDER LANZAR-MEDIR-APRENDER SPRINT

Slide 40

Slide 40 text

Gracias. (@shesho)