Upload
flux-it
View
410
Download
3
Embed Size (px)
DESCRIPTION
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.
Citation preview
AGILE UX.Una transformacióncentrada en el usuario.Fernando Feller – Diego Fissina – Laureana Porterie@ffellerr
AGILE UX. UNA TRANSFORMACIÓN CENTRADA EN EL USUARIO
FERNANDO FELLERDIEGO FISSINALAUREANA PORTERIE
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISISINVEST. Y ANÁLISIS
Documentación del cliente
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
Documentación del clienteInvestigación contextual
INVEST. Y ANÁLISIS
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
Documentación del clienteInvestigación contextual
INVEST. Y ANÁLISIS
PROPÓSITOobtener insights sobre usuarios, objetivos, contextos y profundizar acerca de las necesidades del negocio
TÉCNICASentrevistas, observación empírica, etc.
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
Documentación del clienteInvestigación contextual
INVEST. Y ANÁLISIS
Taller participativo
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
Documentación del clienteInvestigación contextual
INVEST. Y ANÁLISIS
Taller participativo
PROPÓSITOvisualizar el sistema de relaciones y operaciones de los actores del negocio con el fin de detectar oportunidades. Empatizar con el usuario.
TÉCNICASmodelado de usuarios + storyboards + focus groups
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
Sketching(bocetos a mano)
PROTOTI-PADO
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
Sketching(bocetos a mano)
Wireframing
PROTOTI-PADO
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
Concept para el diseño de UI
DISEÑO DEGUI
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz0123456789
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz0123456789
1827.-
CRONOGRAMADE NAVÍOS
ESTO ES UN EJEMPLO DE TÍTULOEN POSITIVO
Este es un ejemplo de la fuente tipográfica empleada para cuerpo de texto. Un tipo de letra que tenga variables
Atención. En este sistema los números serán muy importantes.
Atención. En este sistema los números serán muy importantes.
287.-
FUENTE TÍTULOS AUDIMAT REGULAR_
FUENTE TABLAS/TEXTOS TAHOMA BOLD_REGULAR_
0123456789FUENTE NÚMEROS/DESTACADOS BODONITOWN_
FC614C
525252
EDEBEB
FC614C
525252
597D7FEDEBEB
SSR COO C·I $
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
Concept para el diseño de UIVisual design
DISEÑO DEGUI
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
Concept para el diseño de UIVisual design
DISEÑO DEGUI
User testing(pruebas express)
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
Concept para el diseño de UIVisual design
DISEÑO DEGUI
User testing(pruebas express)
PROPÓSITOcomunicar de manera visual ideas de diseño haciendo foco en diseño de interacciones y medición de su rendimiento. Foco en estructura.
TÉCNICAStest de usuario con prototipos de alta fidelidad.
PROCESO DE DESARROLLO (un equipo integrado)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
Concept para el diseño de UIVisual designUser testing(pruebas express)
DISEÑO DEGUI
User testing(planificación, sesiones y análisis de los resultados)
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
PROCESO DE DESARROLLO (un equipo integrado)
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 01
HISTORIAS DE IMPLEMENTACIÓN
HISTORIASDE DEFINICIÓN
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 02
HISTORIAS DE IMPLEMENTACIÓN
HISTORIASDE DEFINICIÓN
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 02
REVI
EW
PLA
NNIN
G
RETR
OSPE
CTIV
A
REVI
EW
PLA
NNIN
G
RETR
OSPE
CTIV
A
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
PROCESO DE DESARROLLO (un equipo integrado)
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 01
HISTORIAS DE IMPLEMENTACIÓN
HISTORIASDE DEFINICIÓN
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 02
HISTORIAS DE IMPLEMENTACIÓN
HISTORIASDE DEFINICIÓN
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 02
REVI
EW
PLA
NNIN
G
RETR
OSPE
CTIV
A
REVI
EW
PLA
NNIN
G
RETR
OSPE
CTIV
A
Nuevas historias
REVI
EW /
PLA
NNIN
G/ R
ETRO
SPEC
TIVA
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 02
REVIEW PLANNINGRETROSPEC-TIVA
HISTORIAS DE IMPLEMENTACIÓN
HISTORIASDE DEFINICIÓN
REVI
EW /
PLA
NNIN
G/ R
ETRO
SPEC
TIVA
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 02
REVIEW PLANNINGRETROSPEC-TIVA
HISTORIAS DE IMPLEMENTACIÓN
HISTORIASDE DEFINICIÓN
ANÁLISIS, CONTEXTUALIZACIÓN Y PLANIFICACIÓN
IMPLEMENTACIÓN
USAB
ILID
AD Y
DESA
RROL
LO ANÁLISISDECONTEXTO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PROTOTI-PADO
INVEST. Y ANÁLISIS
ANÁLISISDECONTEXTO
DISEÑO DE LAARQ.
PLANIFI-CACIÓN
PROTOTI-PADO
DISEÑO DEGUI
INVEST. Y ANÁLISIS
PROCESO DE DESARROLLO (un equipo integrado)
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 01
HISTORIAS DE IMPLEMENTACIÓN
HISTORIASDE DEFINICIÓN
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 02
HISTORIAS DE IMPLEMENTACIÓN
HISTORIASDE DEFINICIÓN
LINEAMIENTOS
MOCK-UPS/ SCREEN DESIGNS/ TESTEOS CON USUARIOS/ VALIDACIÓN
CODIFICAR/ TESTEAR/ DEPLOYAR VERSIÓN
SPRINT 02
REVI
EW
PLA
NNIN
G
RETR
OSPE
CTIV
A
REVI
EW
PLA
NNIN
G
RETR
OSPE
CTIV
A
Lineamientos
BENEFICIOS del proceso
El cliente se siente parte
El desarrollo es más seguro
El producto tiene más calidad
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
¡Muchas gracias!