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

Agile UX: Diseño Ágil centrado en el usuario

Agile UX: Diseño Ágil centrado en el usuario

Las técnicas aplicables a las metodologías ágiles tienen un reflejo también en las técnicas de UX, por lo que el uso de conjunto de estas dos técnicas nos puede ayudar a desarrollar mejores productos.

Javier Alonso

October 22, 2013
Tweet

More Decks by Javier Alonso

Other Decks in Technology

Transcript

  1. Diseño ágil centrado
    en el usuario
    #agiledevelopm
    11 de abril de 2013

    View full-size slide

  2. CEO / Intexmedia.com
    Javier Alonso

    View full-size slide

  3. Esta presentación puede contener
    trazas de lenguaje geek
    En caso de duda
    pregunten al ponente
    ¡AVISO!

    View full-size slide

  4. ‣Individuos e interacciones
    sobre procesos y herramientas
    ‣Software funcionando
    sobre documentación extensiva
    ‣Colaboración con el cliente
    sobre negociación contractual
    ‣Respuesta ante el cambio
    sobre seguir un plan
    http://www.agilemanifesto.org/iso/es/
    Agile/
    Manifiesto

    View full-size slide

  5. ‣ Satisfacer al cliente
    ‣ Aceptamos cambios de requisitos
    ‣ Se entrega software funcional
    ‣ Negocio y desarrollo trabajan juntos
    ‣ Se desarrolla entorno a individuos motivados
    ‣ Comunicación cara a cara
    ‣ Sofware funcionando como medida de progreso
    ‣ Desarrollo sostenible, ritmo constante
    ‣ Atención a la excelencia
    ‣ Maximizar la cantidad de trabajo no realizado
    ‣ Equipos auto-organizados
    ‣ Espíritu de mejora continua
    Agile/
    Principios

    View full-size slide

  6. ‣Fricción interna
    ‣Fricción equipo
    ‣Fricción cliente

    Agile/
    Fricción

    View full-size slide

  7. El equipo comparte
    filosofía y valores
    Agile/
    Filosofía

    View full-size slide

  8. 1 Semana
    Priorizando tareas
    Entregando valor
    SPRINT
    Agile/
    Ritmo

    View full-size slide

  9. Esther Pontón Galgo
    What font?
    And what do
    you mean by
    cut out?
    Do you want
    to do
    something like
    fill the
    middle of an
    O with a
    different
    color?
    Do you know
    how to use
    the color
    palette, fill
    and stroke?
    Have you
    tried
    converting
    Agile/
    User - Persona

    View full-size slide

  10. Agile/
    Kanban
    Asd fd asd
    asDF
    asdddsa S
    S
    Asd fd asd
    asDF
    asdddsa S
    S
    Asd fd asd
    asDF
    asdddsa S
    S
    Asd fd asd
    asDF
    asdddsa S
    S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    En progreso Finalizado
    Esta semana...
    Impedimentos
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    A la cola
    Asd fd asd
    asDF
    asdddsa S
    S
    Asd fd asd
    asDF
    asdddsa S
    S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Validación
    Asd fd
    asd
    asDF
    asdddsa
    S S

    View full-size slide

  11. Agile/
    Historias de usuario
    Como quiero
    FUNCIONALIDAD
    para
    BENEFICIO
    Los criterios de aceptación se anotan
    al reverso de la tarjeta
    ESTIMACIÓN
    QUIEN
    ROL / PERSONA

    View full-size slide

  12. Agile/
    Kanban

    View full-size slide

  13. SIN presupuesto cerrado
    SIN definición completa
    CON implicación del cliente
    ...
    Agile/
    Filosofía

    View full-size slide

  14. No se adapta a nuestra manera de
    trabajar y lo hemos adaptado.
    Eso es para empresas más
    Agile/
    Bla,bla,...
    Grandes
    Pequeñas
    Modernas
    ...
    {
    {

    View full-size slide

  15. Agile/
    Living la vida loca
    “Agile”
    Agile

    View full-size slide

  16. Agile/
    Living la vida loca
    vs

    View full-size slide

  17. Agile/
    Living la vida loca

    View full-size slide

  18. No se ofusque con este terror
    tecnológico que ha construido...
    Agile/
    MVP

    View full-size slide

  19. ¡Circulen!, aquí no hay
    nada que ver
    Agile/
    MVP

    View full-size slide

  20. Agile/
    MVP
    Lanza pronto, lanza ligero y falla rápido

    View full-size slide

  21. es+
    -
    esmorro
    -
    vs
    Agile/
    MVP

    View full-size slide

  22. Agile/
    Intexmedia

    View full-size slide

  23. Diseño visual
    Arquitectura de información
    Estructura
    Requerimientos
    Estrategia
    UX/
    ¿?

    View full-size slide

  24. UX
    UX/
    Ritmo
    Análisis & Mejora
    Objetivos de negocio
    Depurando

    View full-size slide

  25. =€
    UX/
    Usuario=Cliente

    View full-size slide

  26. UX/
    El proceso

    View full-size slide

  27. Esther Pontón Galgo
    What font?
    And what do
    you mean by
    cut out?
    Do you want
    to do
    something like
    fill the
    middle of an
    O with a
    different
    color?
    Do you know
    how to use
    the color
    palette, fill
    and stroke?
    Have you
    tried
    converting
    UX/
    Personas

    View full-size slide

  28. UX/
    Personas
    Esther Pontón Galgo
    58 años, Madrid
    Esther es una ama de casa aficionada por la
    cocina que vive en Madrid. Vive en casa con
    su Marido de 62 años. Acostumbra a comprar
    libros de cocina y a recortar las recetas de las
    revistas. Le gusta experimentar con cosas
    nuevas y le llamo la atención el canalcocina
    de Canal + que ve en casa de su amiga
    Marta.
    Todos los domingos vienen sus hijos David y
    Nuria a comer.
    Esther acostumbrada a consumir revistas se
    deja llevar por las fotos a la hora de elegir
    platos nuevos y por las cosas que ve de vez
    en cuando en canal cocina.
    Internet
    Cocina
    Gourmet
    3 5
    7
    Luis Arosa Martinez
    51 años, Barcelona
    Luis es aficionado a la buena comida y al
    buen vino, así como cocinero aficionado.
    Asiduo lector de revistas de vinos y de libros
    relacionados con el mundo de la cocina
    disfruta descubriendo nuevos lugares y
    productos.
    Suele pasarse por las ferias de gourmets
    siempre que puede y a veces se da un
    capricho, como un buen vino o una comida.
    Como Usuario habitual de internet está
    acostumbrado a participar el foros y lee blogs
    especializados donde a veces participa con
    algún comentario.
    Internet
    Cocina
    Gourmet
    6 7
    5
    José Viñaspre
    51 años, Logroño
    José es el visionario propietario de un
    pequeño restaurante de tapas gourmet en
    Logroño.
    Lo que empezó como un hobbie que le llevo
    a estudiar cocina en la escuela de Pedro
    Subijana se ha convertido en su modo de
    vida.
    Devora toda la información que cae en su
    mano en busca de inspiración para su
    restaurante y es un habitual colaborador en
    blogs y columinsta de Elcorreo.com (edición
    Alava ) y Larioja.com , hablando sobre vinos y
    comida.
    Internet
    Cocina
    Gourmet
    5 9
    8

    View full-size slide

  29. UX/
    Personas
    Esther
    Recetas Artículos
    Ingredientes
    Recetas
    Temporada
    Dietas
    Trucos
    Vídeos

    View full-size slide

  30. UX/
    Flujos / Tareas

    View full-size slide

  31. UX/Personas
    Personas
    Historías de
    usuario
    Tareas
    UX & AGILE
    Puntos de
    contacto

    View full-size slide

  32. Esther Pontón Galgo
    58 años, Madrid
    Esther es una ama de casa aficionada por la
    cocina que vive en Madrid. Vive en casa con
    su Marido de 62 años. Acostumbra a comprar
    libros de cocina y a recortar las recetas de las
    revistas. Le gusta experimentar con cosas
    nuevas y le llamo la atención el canalcocina
    de Canal + que ve en casa de su amiga
    Marta.
    Todos los domingos vienen sus hijos David y
    Nuria a comer.
    Esther acostumbrada a consumir revistas se
    deja llevar por las fotos a la hora de elegir
    platos nuevos y por las cosas que ve de vez
    en cuando en canal cocina.
    Internet
    Cocina
    Gourmet
    3 5
    7
    Luis Arosa Martinez
    51 años, Barcelona
    Luis es aficionado a la buena comida y al
    buen vino, así como cocinero aficionado.
    Asiduo lector de revistas de vinos y de libros
    relacionados con el mundo de la cocina
    disfruta descubriendo nuevos lugares y
    productos.
    Suele pasarse por las ferias de gourmets
    siempre que puede y a veces se da un
    capricho, como un buen vino o una comida.
    Como Usuario habitual de internet está
    acostumbrado a participar el foros y lee blogs
    especializados donde a veces participa con
    algún comentario.
    Internet
    Cocina
    Gourmet
    6 7
    5
    UX & AGILE
    Puntos de
    contacto

    View full-size slide

  33. Asd fd asd
    asDF
    asdddsa S
    S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    Asd fd
    asd
    asDF
    asdddsa
    S S
    UX & AGILE
    Puntos de
    contacto

    View full-size slide

  34. UX/
    Análisis heurístico
    UX +

    View full-size slide

  35. Todo para el usuario
    SIN el usuario
    UX/
    Despotismo 2.0

    View full-size slide

  36. UX/
    Card Sorting
    Inicio Inicio Inicio
    Inicio

    View full-size slide

  37. UX/
    Card Sorting
    Inicio sdfasd Inicio Inicio

    View full-size slide

  38. UX/
    Card Sorting
    Inicio
    Sdfas
    Aasdfasdf
    Asdfasdf
    Asdfasddf
    Asdfas
    Asdfsd
    Inicio Inicio
    sdfasd

    View full-size slide

  39. Noticias
    UX/
    Card Sorting
    Chat
    Mi Perfil
    Noticias
    Simuladores
    Arcade
    Soporte
    Conducción
    Deporte
    Guía de descarga

    View full-size slide

  40. UX/
    Card Sorting | Abierto
    Noticias
    Simuladores
    Arcade
    Conducción
    Deporte Soporte
    Chat
    Mi Perfil
    Guía de
    descarga

    View full-size slide

  41. Noticias
    UX/
    Card Sorting | Cerrado
    Simuladores
    Arcade
    Conducción
    Deporte
    Chat
    Mi Perfil
    Soporte
    Guía de descarga
    Blog Ajustes
    Juegos

    View full-size slide

  42. UX/
    Wireframes
    acordarme, no ha
    En un lugar de
    la Mancha, de
    cuyo nombre no
    quiero acordarme,
    no ha mucho
    tiempo que vivía
    un hidalgo de
    los de lanza en
    astillero, adarga
    antigua, rocín
    flaco y galgo
    corredor. Una
    olla de algo más
    vaca que carnero,
    salpicón las más
    noches, duelos y
    quebrantos los
    los de lanza
    en astillero,
    Lo anza Lo anza Lo anza
    Lo anza dfsd
    En un lugar de la
    Mancha, de cuyo nombre no
    quiero acordarme, no ha
    mucho tiempo que vivía un
    hidalgo de los de lanza
    en astillero, adarga
    antigua, rocín flaco y
    galgo corredor

    View full-size slide

  43. UX/
    Wireframes

    View full-size slide

  44. UX/
    Test low-cost

    View full-size slide

  45. UX/
    Test low-cost
    + +

    View full-size slide

  46. UX/
    Test low-cost
    + +

    View full-size slide

  47. UX/
    Test low-cost
    + +
    PUBLICIDAD

    View full-size slide

  48. UX/
    Test low-cost
    0%
    25%
    50%
    75%
    100%
    0 3 6 9 12 15
    Problemas encontrados
    Número de usuarios en el test
    http://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/

    View full-size slide

  49. Silverbackapp.com
    Silverback 2.0
    Youeye
    Youeye.com
    Agile User Testing
    UX/
    Test low-cost
    70$ 39$
    x

    View full-size slide

  50. UX/
    Test de ejemplo

    View full-size slide

  51. UX/
    Test de ejemplo

    View full-size slide

  52. Tiempo Problemas Media Tiempo estimado
    0
    3
    6
    8
    11
    Usuario 1 Usuario 2 Usuario 3 Usuario 4
    0
    1
    3
    4
    5
    Tiempo de finalización de Tarea 2 vs Problemas
    Tiempo (min)
    Poblemas
    TAREA 2 Nombre ¿Exito? Tiempo Problemas
    Usuario 1 Rocio Madera si* 7m 46s 3
    Usuario 2 Lourdes Ávila si 6m 4s 5
    Usuario 3 Sofa
    Rodriguez
    si* 10m 39s 0
    Usuario 4 Mamen
    Barahona
    no 8m 42s 5
    Media 8m 18s 3,25
    Mediana 8m 14s 4,0
    Moda - 5
    σ 1m 55s 2,36
    UX/
    Resultados del test

    View full-size slide

  53. GRACIAS
    @oyabun
    http://www.linkedin.com/javier.alonso.gomez

    View full-size slide

  54. AGILE/
    Libros

    View full-size slide

  55. Torresburriel.com
    @torresburriel
    UX/
    Daniel Torres Burriel

    View full-size slide

  56. Yusef.es
    @torresburriel
    UX/
    Yusef Hassan Montero
    Nosolousabilidad.com

    View full-size slide

  57. Kinisoftware.com
    @kinisoftware
    AGILE/
    Joaquin Engelmo

    View full-size slide

  58. Jmbeas.es
    @jmbeas
    AGILE/
    Jose Manuel Beas

    View full-size slide

  59. KEEP
    CALM
    AND
    YES

    View full-size slide