La experiencia en Flux IT de trabajar con técnicas de UX enmarcadas dentro del proceso de desarrollo ágil, desde una perspectiva multidisciplinario (usabilidad, desarrollo y cliente), logrando un aporte sustancial en la optimización del trabajo de los desarrolladores, como en la satisfacción de los diferentes stakeholders.

1. AGILE UX.
Una transformación
centrada en el usuario.
Fernando Feller – Diego Fissina – Laureana Porterie
@ffellerr

2. AGILE UX.
UNA TRANSFORMACIÓN CENTRADA EN EL USUARIO
FERNANDO FELLER
DIEGO FISSINA
LAUREANA PORTERIE

3. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
ANÁLISIS
DE
CONTEXTO
INVEST. Y
ANÁLISIS
IMPLEMENTACIÓN

4. PROCESO DE DESARROLLO
(un equipo integrado)
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
USABILIDAD Y DESARROLLO
Documentación
ANÁLISIS
DE
del cliente
CONTEXTO
INVEST. Y
ANÁLISIS
IMPLEMENTACIÓN

5. PROCESO DE DESARROLLO
(un equipo integrado)
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
USABILIDAD Y DESARROLLO
Documentación
ANÁLISIS
DE
del cliente
Investigación contextual
CONTEXTO
INVEST. Y
ANÁLISIS

6. PROCESO DE DESARROLLO
(un equipo integrado)
PROPÓSITO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
obtener insights sobre usuarios, objetivos,
contextos y profundizar acerca de las necesidades
del negocio
IMPLEMENTACIÓN
TÉCNICAS
entrevistas, observación empírica, etc.
USABILIDAD Y DESARROLLO
Documentación
ANÁLISIS
DE
del cliente
Investigación contextual
CONTEXTO
INVEST. Y
ANÁLISIS

7. PROCESO DE DESARROLLO
(un equipo integrado)
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
USABILIDAD Y DESARROLLO
Documentación
ANÁLISIS
DE Taller
del clienteparticipativo
Investigación contextual
CONTEXTO
INVEST. Y
ANÁLISIS

8. PROCESO DE DESARROLLO
(un equipo integrado) PROPÓSITO de relaciones y operaciones de
visualizar el sistema
los actores del negocio con el fin de detectar
oportunidades. Empatizar con el usuario.
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
USABILIDAD Y DESARROLLO
Documentación
ANÁLISIS
DE Taller
del clienteparticipativo
Investigación contextual
CONTEXTO
INVEST. Y
ANÁLISIS
TÉCNICAS
modelado de usuarios + storyboards + focus groups

10. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
ANÁLISIS DISEÑO
DE
DE LA
CONTEXTO ARQ.
INVEST. Y
ANÁLISIS
PROTOTIPADO
IMPLEMENTACIÓN

11. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
Sketching
ANÁLISIS (bocetos a mano)
DISEÑO
DE
DE LA
CONTEXTO ARQ.
INVEST. Y
ANÁLISIS
PROTOTIPADO
IMPLEMENTACIÓN

12. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
Sketching
ANÁLISIS (bocetos a mano)
DISEÑO
DE
DE LA
Wireframing
CONTEXTO ARQ.
INVEST. Y
ANÁLISIS
PROTOTIPADO
IMPLEMENTACIÓN

13. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
ANÁLISIS DISEÑO
DE
DE LA
CONTEXTO ARQ.
PLANIFICACIÓN
INVEST. Y
ANÁLISIS
DISEÑO
DE
GUI
PROTOTIPADO

14. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
ANÁLISIS DISEÑO
Concept PLANIFIpara
DE
DE LA
CACIÓN
CONTEXTO ARQ.
INVEST. Y
ANÁLISIS
PROTOTIPADO
DISEÑO
DE
GUI
el diseño de UI

15. FUENTE TÍTULOS AUDIMAT REGULAR
_
FC614C
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789
SSR
COO
C·I
$
525252
EDEBEB
FUENTE TABLAS/TEXTOS TAHOMA BOLD_REGULAR
_
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789
1827.Atención. En este sistema los
números serán muy importantes.
FUENTE NÚMEROS/DESTACADOS BODONITOWN
_
0123456789
FC614C
CRONOGRAMA
DE NAVÍOS
ESTO ES UN
EJEMPLO DE TÍTULO
EN POSITIVO
525252
597D7F
EDEBEB
Este es un ejemplo de la fuente
tipográfica empleada para cuerpo de
texto. Un tipo de letra que tenga
variables
287.-
Atención. En este sistema los
números serán muy importantes.

16. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
ANÁLISIS DISEÑO
Visual design
Concept PLANIFI- el diseño
para
DE
DE LA
CACIÓN
CONTEXTO ARQ.
INVEST. Y
ANÁLISIS
PROTOTIPADO
DISEÑO
DE
GUI
de UI

17. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
ANÁLISIS DISEÑO
Visual design
Concept PLANIFI- el diseño
para
DE
DE LA User testing
CACIÓN
CONTEXTO ARQ. (pruebas express)
INVEST. Y
ANÁLISIS
PROTOTIPADO
DISEÑO
DE
GUI
de UI

18. PROCESO DE DESARROLLO
(un equipo integrado)
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
PROPÓSITO
comunicar de manera visual ideas de
diseño haciendo foco en diseño de
interacciones y medición de su
rendimiento. Foco en estructura.
USABILIDAD Y DESARROLLO
TÉCNICAS
ANÁLISIS DISEÑO
Visual design
Concept PLANIFI- el diseño
para
DE
DE LA User testing
CACIÓN
CONTEXTO ARQ. (pruebas express)
INVEST. Y
ANÁLISIS
PROTOTIPADO
DISEÑO
DE
GUI
de UI
test de usuario con prototipos de alta
fidelidad.

19. PROCESO DE DESARROLLO
(un equipo integrado)
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
IMPLEMENTACIÓN
ANÁLISIS DISEÑO User testing
Visual design
Concept PLANIFI- el diseño de UI resultados)
para
(planificación, sesiones y análisis de los
DE
DE LA User testing
CACIÓN
CONTEXTO ARQ. (pruebas express)
INVEST. Y
ANÁLISIS
PROTOTIPADO
DISEÑO
DE
GUI

20. PROCESO DE DESARROLLO
(un equipo integrado)
PLANIFICACIÓN
SPRINT 01
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
HISTORIAS DE
IMPLEMENTACIÓN
INVEST. Y
ANÁLISIS
PROTOTIPADO
DISEÑO
DE
GUI
SPRINT 02
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
HISTORIAS DE
IMPLEMENTACIÓN
HISTORIAS
DE DEFINICIÓN
REVIEW PLANNING RETROSPECTIVA
ANÁLISIS DISEÑO
DE
DE LA
CONTEXTO ARQ.
IMPLEMENTACIÓN
REVIEW PLANNING RETROSPECTIVA
USABILIDAD Y DESARROLLO
ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
SPR
CODIF
HISTORIAS
DE DEFINICIÓN
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON
USUARIOS/ VALIDACIÓN
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON
USUARIOS/ VALIDACIÓN
MOCK
USUA
LINEAMIENTOS
LINEAMIENTOS
LINE

21. ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
SPRINT 01
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
HISTORIAS
DE DEFINICIÓN
SPRINT 02
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
Nuevas historias
HISTORIAS DE
IMPLEMENTACIÓN
HISTORIAS DE
IMPLEMENTACIÓN
HISTORIAS DE
IMPLEMENTACIÓN
SPR
CODIF
REVIEW
PLANNING
RETROSPECTIVA
INVEST. Y
ANÁLISIS
/ SCREEN DESIGNS/ TESTEOS CON
VALIDACIÓN
TOS
PLANIFICACIÓN
REVIEW PLANNING RETROSPECTIVA
REVIEW / PLANNING/ RETROSPECTIVA
ANÁLISIS DISEÑO
TESTEAR/ DEPLOYAR VERSIÓN
DE
DE LA
CONTEXTO ARQ.
IMPLEMENTACIÓN
REVIEW PLANNING RETROSPECTIVA
USABILIDAD Y DESARROLLO
2
PROCESO DE DESARROLLO
(un equipo integrado)
PROTOTIPADO
DISEÑO
DE
GUI
HISTORIAS
DE DEFINICIÓN
HISTORIAS
DE DEFINICIÓN
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON
USUARIOS/ VALIDACIÓN
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON
USUARIOS/ VALIDACIÓN
MOCK
USUA
LINEAMIENTOS
LINEAMIENTOS
LINE

22. ANÁLISIS,
CONTEXTUALIZACIÓN Y
PLANIFICACIÓN
SPRINT 01
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
HISTORIAS DE
IMPLEMENTACIÓN
HISTORIAS
DE DEFINICIÓN
HISTORIAS DE
IMPLEMENTACIÓN
INVEST. Y
ANÁLISIS
PROTOTIPADO
SPRINT 02
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
HISTORIAS DE
IMPLEMENTACIÓN
Lineamientos
REVIEW
PLANNING
RETROSPECTIVA
/ SCREEN DESIGNS/ TESTEOS CON
VALIDACIÓN
TOS
PLANIFICACIÓN
DISEÑO
DE
GUI
HISTORIAS
DE DEFINICIÓN
REVIEW PLANNING RETROSPECTIVA
REVIEW / PLANNING/ RETROSPECTIVA
ANÁLISIS DISEÑO
TESTEAR/ DEPLOYAR VERSIÓN
DE
DE LA
CONTEXTO ARQ.
IMPLEMENTACIÓN
REVIEW PLANNING RETROSPECTIVA
USABILIDAD Y DESARROLLO
2
PROCESO DE DESARROLLO
(un equipo integrado)
SPR
CODIF
HISTORIAS
DE DEFINICIÓN
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON
USUARIOS/ VALIDACIÓN
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON
USUARIOS/ VALIDACIÓN
MOCK
USUA
LINEAMIENTOS
LINEAMIENTOS
LINE

23. BENEFICIOS
del proceso
El cliente se siente parte
El desarrollo es más seguro
El producto tiene más calidad

24. BENEFICIOS
del proceso
El cliente se siente parte
El desarrollo es más seguro
El producto tiene más calidad
El usuario tiene
mayor satisfacción

25. ¡Muchas gracias!