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

Agile UX. Una transformación centrada en el usuario

  • Upload
    flux-it

  • View
    405

  • 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

Page 1: Agile UX. Una transformación centrada en el usuario

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

Page 2: Agile UX. Una transformación centrada en el usuario

AGILE UX. UNA TRANSFORMACIÓN CENTRADA EN EL USUARIO

FERNANDO FELLERDIEGO FISSINALAUREANA PORTERIE

Page 3: Agile UX. Una transformación centrada en el usuario

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

Page 4: Agile UX. Una transformación centrada en el usuario

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

Page 5: Agile UX. Una transformación centrada en el usuario

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

Page 6: Agile UX. Una transformación centrada en el usuario

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.

Page 7: Agile UX. Una transformación centrada en el usuario

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

Page 8: Agile UX. Una transformación centrada en el usuario

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

Page 9: Agile UX. Una transformación centrada en el usuario
Page 10: Agile UX. Una transformación centrada en el usuario

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

Page 11: Agile UX. Una transformación centrada en el usuario

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

Page 12: Agile UX. Una transformación centrada en el usuario

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

Page 13: Agile UX. Una transformación centrada en el usuario

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

Page 14: Agile UX. Una transformación centrada en el usuario

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

Page 15: Agile UX. Una transformación centrada en el usuario

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 $

Page 16: Agile UX. Una transformación centrada en el usuario

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

Page 17: Agile UX. Una transformación centrada en el usuario

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)

Page 18: Agile UX. Una transformación centrada en el usuario

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.

Page 19: Agile UX. Una transformación centrada en el usuario

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)

Page 20: Agile UX. Una transformación centrada en el usuario

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

Page 21: Agile UX. Una transformación centrada en el usuario

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

Page 22: Agile UX. Una transformación centrada en el usuario

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

Page 23: Agile UX. Una transformación centrada en el usuario

BENEFICIOS del proceso

El cliente se siente parte

El desarrollo es más seguro

El producto tiene más calidad

Page 24: Agile UX. Una transformación centrada en el usuario

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

Page 25: Agile UX. Una transformación centrada en el usuario

¡Muchas gracias!