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!