Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Lean UX 2.0 usando Validation Onion

Sergio Nouvel
October 25, 2013

Lean UX 2.0 usando Validation Onion

Validation Onion es una metodología desarrollada desde el 2012 para gestionar el diseño de Experiencia de Usuario de proyectos digitales asegurando valor en todo el proceso. La versión 2.0 incorpora todo lo aprendido en su implementación en más de 15 proyectos. Por Sergio Nouvel, consultor en UX de Continuum.

Más sobre la metodología aquí: http://blog.continuum.cl/validation-onion-la-ux-es-mejor-por-capas

Sergio Nouvel

October 25, 2013
Tweet

More Decks by Sergio Nouvel

Other Decks in Design

Transcript

  1. Productos Inservibles “HAGAMOS UNA APP PARA QUE NUESTROS GATOS PUEDAN

    SACARSE SELFIES!” “QUÉ GRAN IDEA! LA GENTE LA AMARÁ!”
  2. 4. Las decisiones más importantes vienen primero fig. 1 -

    Casa hecha al estilo de un proyecto de software
  3. 1.Scope 1a - ¿Existe la necesidad? 1b - ¿Queremos satisfacerla?

    Investigación de usuarios Personas Valores de inspiración Objetivos de negocio
  4. 1.Scope 1c - ¿Es (y será) innovador? 1d - ¿Es

    viable? Benchmarking Variable de innovación Modelo de negocios (Canvas) Asesoría tecnológica
  5. PRO DUC TOS 1.Scope Propuesta de Valor ! Hipótesis Clave

    ! Comportamientos Clave ! Motivadores Clave
  6. 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
  7. 2.Estructura 2c - ¿Los usuarios lo entienden? 2d - ¿Alcanzamos

    a hacerlo? Vocabulario Metáfora Marketing Sitemap Descripción de Servicios
  8. 3.Interfaz 3a - ¿Es fácil de usar? 3b - ¿Previene

    errores? UI Metáfora visual (capas, movimientos) Heurísticas de diseño Validaciones Ayuda
  9. 3.Interfaz 3c - ¿Es rápido? 3d - ¿Funciona realmente? Performance

    real Performance percibida Testeo con usuarios (NO HAY OTRA MANERA, NO INSISTA)
  10. 4.Identidad 4a - ¿Es distinguible? 4b - ¿Comunica la marca?

    “Signature moments” Más benchmarking Branding Colores, tipografías, texturas
  11. 4.Identidad 4c - ¿Es consistente? 4d - ¿Es atractivo/agradable? Estilos

    Patterns Librería de componentes Feedback de usuarios Peer review
  12. 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
  13. Versión en pizarra Diagrama final 2.SITE MAP JERARQUÍA FLUJOS DE

    NAVEGACIÓN CATASTRO DE VISTAS LUGARES CLAVE
  14. Versionables Exhaustivos 3.WIRE FRAMES FOTOS DE PIZARRA MOCKUPS LAYOUT GRUESO

    CONTROLES UI PROTOTIPOS FUNCIONALES HTML Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  15. 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.
  16. 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