Desarrollo ágil enfocado en ux 1 0 1

Roger Isaac Navarro Perez
Roger Isaac Navarro PerezGerente de Desarrollo en COMYNT Soluciones Integrales
Desarrollo ágil enfocado en UX
Revisión: 1.0.1
¿Y que son los métodos agiles?
Manifiesto por el Desarrollo Ágil de Software
Estamos descubriendo formas mejores de desarrollar
software tanto por nuestra propia experiencia como
ayudando a terceros. A través de este trabajo hemos
aprendido a valorar:
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
Esto es, aunque valoramos los elementos de la derecha,
valoramos más los de la izquierda.
http://agilemanifesto.org/iso/es/
Consideraciones y experiencia.
Se agregaron nuevos pasos para reforzar las siguientes áreas:
• Empatía.
• Ideas.
• Oportunidades del negocio no descubiertas.
• Competencia y estrategias.
Algo que se observo es que nos enfocamos tanto en nuestro producto que dejamos de ver todo el
universo que nos rodea, a nuestros clientes, competencia, mercado, etc. por lo que pusimos algunos
pasos adicionales que nos permitieran voltear a ver nuestro alrededor, para esto pusimos algunas
laminas las cuales vamos rellenando con postics.
Viendo un video de como henry ford desarrollo una línea de producción y optimizo tiempos y
procesos, nos llego la idea de hacer algo similar, es decir por que no hacer una línea de producción
con ciertos pasos muy puntuales, que nos permitieran enfocarnos en un momento en una sola cosa
y que nos permitiera ir descubriendo no solo lo que queremos si no todo lo demás que dejamos de
ver, otro punto es buscar que fuera lo mas interactivo y simple posible.
2 a 5 días, 40 horas
https://developers.google.com/design-sprint/
http://www.gv.com/sprint/
Monday: Unpack
Tuesday: Sketch
Wednesday: Decide
Thursday: Prototype
Friday: Test
El Sprint provee a los equipos un atajo para validar y aprender rápidamente
sin necesidad de construir y lanzar un producto de manera inicial.
El equipo
Con perfiles
diferentes
El material
Sugerido por google
6 etapas
Analiza
Objetivos y métricas
Capacidad técnica y retos
Soluciones
actuales
Define
Define tus usuarios meta
Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1
Diverge
Desarrollo ágil enfocado en ux 1 0 1
8 ideas
5 minutos
1 idea
5 minutos
1 storyboard
5 minutos
Decide
Agrupa
vota
Construye
https://www.google.com/design/spec/material-design/introduction.html#
https://www.google.com/design/spec/style/color.html#color-color-palette
Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1
Valida
Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1
Hojas de papel, lápiz y pluma
Posticks de colores
Tijeras, cinta de papel
Y transparente
Cartulina negra para hacer “Dispositivos”
SmartPhone, Tablet, Pc, etc.
Etiquetas de colores
Marcados
Papel bond
Impresión de caras
Proceso versión 1.0.1.
1) Mapa
empatía:
Empatizar con
el usuario
2) Lluvia de
ideas:
Ideas,
soluciones y
propuestas
3) Análisis
DAFO:
Análisis del
mercado,
competencia,
oportunidades
de negocio
4) Prototipo
Sprint Design
5) Validación
6) Retro
alimentación
Las 3 primeras partes solo se usan al inicio para prestar atención a algunos aspectos del negocio que
descuidamos y podamos ver algunas cosas que no consideramos, también nos ayuda a definir el producto y
el negocio, posteriormente se implementa el sprint design usando como base lo aprendido en las 3 primeras
partes.
1) Mapa de empatía
1. Buscamos una imagen en google imágenes.
2. Seleccionamos las imágenes de los usuarios que creemos son del tipo de usuario del negocio.
3. Vamos poniendo en los postics lo que corresponde a cada sección, de acuerdo a la imagen en google.
Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1
2) Lluvia de ideas.
1. Ponemos todas las ideas que creemos podrían ser de interés al usuario o bien le podrían dar una solución a su
necesidad, posteriormente votamos por las que mas nos gusten y las ordenamos de mayor a menor sobre los
votos para conocer que ideas son prioridad.
3) Análisis DAFO
1. En la parte superior ponemos lo buenos y lo malo con respecto a nuestro negocio.
2. En la parte inferior las oportunidades externas y las amenazas de las competencia.
Fin del análisis de la primera parte
Originalmente se inicio con un modelo de negocio enfocado a los foodtruk,
posteriormente al hacer el análisis dafo vimos que el factor económico podría no
resultar como nosotros esperábamos por lo que se pensó en alternativas, viendo las
oportunidades de negocio, vimos que una opción mas viable era enfocarlo en puestos de
antojitos, pero no solo con el enfoque inicial si no que adicionalmente se agrego un
modelo de negocio nuevo.
Si bien se invirtieron algunos minutos adicionales a los programados, al final nos ayudo
a validar y descubrir algunos puntos que no estábamos tomando en cuenta, ya
estábamos enfilados con un modelo de negocio del cual solo vimos lo bueno pero que al
final no aportaba un valor adicional a lo ya existente, con lo cual podemos decir que
cumple con el objetivo.
4) Sprint Design
1. Doblar una hoja en 8 partes, 2 en horizontal y 4 en vertical.
2. Repartir 8 “smartphones” de cartulina a cada quien.
3. Proponer 8 pantallas máximo cada quien.
4. Secuencia de pantallas de izquierda a derecha para el flujo y de abajo hacia arriba para las opciones, dejando
arriba la opción por defecto y abajo si es opcional.
5. Reducir pantallas, las que son iguales o similares para no duplicar pantallas.
6. Votar por las que mas nos gustan, tenemos 8 votos cada quien.
7. Armar un story board con las pantallas y ver si existe alguna pantalla que se pudiera mejorar.
8. Generación del prototipo con el material de color, en 2 versiones.
9. Retroalimentación de los prototipos y anotación de las mejoras.
10. Validar con nuestros usuarios el prototipo en papel y la idea con un pequeño pitch.
11. Obtener retroalimentación sobre el prototipo y ajustar o pivotear si es necesario.
12. Generación del prototipo ya en una aplicación real sin funcionalidad.
4) Sprint Design
4) Sprint Design
6) Retroalimentación
1. Posteriormente a la validación con los usuarios, debemos obtener retroalimentación de los usuarios, para lo
cual debemos ir llenando la siguiente lamina con un feedback que nos permita ir mejorando la propuesta.
1 de 45

Recomendados

Desarrollo ágil enfocado en ux 1 0 0 por
Desarrollo ágil enfocado en ux 1 0 0Desarrollo ágil enfocado en ux 1 0 0
Desarrollo ágil enfocado en ux 1 0 0Roger Isaac Navarro Perez
347 vistas44 diapositivas
Desarrollo ágil enfocado en ux por
Desarrollo ágil enfocado en uxDesarrollo ágil enfocado en ux
Desarrollo ágil enfocado en uxRoger Isaac Navarro Perez
322 vistas35 diapositivas
UX Nights CDMX 37-01 Juegos de Innovación por
UX Nights CDMX 37-01 Juegos de InnovaciónUX Nights CDMX 37-01 Juegos de Innovación
UX Nights CDMX 37-01 Juegos de InnovaciónUX Nights
403 vistas9 diapositivas
Google Design Sprint - metodología adaptada por elAbogado.com por
Google Design Sprint -  metodología adaptada por elAbogado.comGoogle Design Sprint -  metodología adaptada por elAbogado.com
Google Design Sprint - metodología adaptada por elAbogado.comMartí Manent
1.5K vistas13 diapositivas
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016) por
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)Ana Paula Batista
1.3K vistas22 diapositivas
Design Sprint - Cómo Diseñar, Prototipar y Testear ideas en 5 días por
Design Sprint - Cómo Diseñar, Prototipar y Testear ideas en 5 díasDesign Sprint - Cómo Diseñar, Prototipar y Testear ideas en 5 días
Design Sprint - Cómo Diseñar, Prototipar y Testear ideas en 5 díasMartin Beas Nuñez
950 vistas23 diapositivas

Más contenido relacionado

La actualidad más candente

The Design Sprint por
The Design SprintThe Design Sprint
The Design SprintRosa María Orellana Maldonado
1.6K vistas30 diapositivas
Design Sprint - Workshop por
Design Sprint - WorkshopDesign Sprint - Workshop
Design Sprint - WorkshopMarco Avendaño
715 vistas25 diapositivas
Design Sprint y como aplicarlo por
Design Sprint y como aplicarlo Design Sprint y como aplicarlo
Design Sprint y como aplicarlo Walter Javier Méndez Hurtado
630 vistas246 diapositivas
02 UX Nights CDMX Vol. XXXIX - Lenguajes de Diseño Visual - Mauricio Angulo S. por
02 UX Nights CDMX Vol. XXXIX - Lenguajes de Diseño Visual - Mauricio Angulo S.02 UX Nights CDMX Vol. XXXIX - Lenguajes de Diseño Visual - Mauricio Angulo S.
02 UX Nights CDMX Vol. XXXIX - Lenguajes de Diseño Visual - Mauricio Angulo S.UX Nights
342 vistas46 diapositivas
Design Sprint y el desarrollo ágil de soluciones por
Design Sprint y el desarrollo ágil de solucionesDesign Sprint y el desarrollo ágil de soluciones
Design Sprint y el desarrollo ágil de solucionesMarco Avendaño
818 vistas32 diapositivas
Presentación1 por
Presentación1Presentación1
Presentación1brenda gaitan
51 vistas17 diapositivas

La actualidad más candente(10)

Similar a Desarrollo ágil enfocado en ux 1 0 1

LAMINAS EXPOSICION.pptx por
LAMINAS EXPOSICION.pptxLAMINAS EXPOSICION.pptx
LAMINAS EXPOSICION.pptxGuillianeSilvaMino2
121 vistas31 diapositivas
439177048-DESIGN-SPRINT-espanol-pdf.pdf por
439177048-DESIGN-SPRINT-espanol-pdf.pdf439177048-DESIGN-SPRINT-espanol-pdf.pdf
439177048-DESIGN-SPRINT-espanol-pdf.pdfRonaldkeith2
58 vistas55 diapositivas
Haz que tu aplicación conecte con tus usuarios por
Haz que tu aplicación conecte con tus usuariosHaz que tu aplicación conecte con tus usuarios
Haz que tu aplicación conecte con tus usuariosVerónica Traynor
1.2K vistas91 diapositivas
01. Prototipado rápido: teoría por
01. Prototipado rápido: teoría01. Prototipado rápido: teoría
01. Prototipado rápido: teoríaAnalía Basualdo
1.5K vistas38 diapositivas
Taller UX: Prototipado rápido por
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápidoIxDA Mendoza
1.4K vistas38 diapositivas
Pensamiento agil, un estilo de vida! por
Pensamiento agil, un estilo de vida!Pensamiento agil, un estilo de vida!
Pensamiento agil, un estilo de vida!Development Factory Group
2.2K vistas33 diapositivas

Similar a Desarrollo ágil enfocado en ux 1 0 1(20)

439177048-DESIGN-SPRINT-espanol-pdf.pdf por Ronaldkeith2
439177048-DESIGN-SPRINT-espanol-pdf.pdf439177048-DESIGN-SPRINT-espanol-pdf.pdf
439177048-DESIGN-SPRINT-espanol-pdf.pdf
Ronaldkeith258 vistas
Haz que tu aplicación conecte con tus usuarios por Verónica Traynor
Haz que tu aplicación conecte con tus usuariosHaz que tu aplicación conecte con tus usuarios
Haz que tu aplicación conecte con tus usuarios
Verónica Traynor1.2K vistas
01. Prototipado rápido: teoría por Analía Basualdo
01. Prototipado rápido: teoría01. Prototipado rápido: teoría
01. Prototipado rápido: teoría
Analía Basualdo1.5K vistas
Taller UX: Prototipado rápido por IxDA Mendoza
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápido
IxDA Mendoza1.4K vistas
Investigación y testing de usuarios por Software Guru
Investigación y testing de usuariosInvestigación y testing de usuarios
Investigación y testing de usuarios
Software Guru661 vistas
UX Prototyping para alinear esfuerzos de desarrollo por Software Guru
UX Prototyping para alinear esfuerzos de desarrolloUX Prototyping para alinear esfuerzos de desarrollo
UX Prototyping para alinear esfuerzos de desarrollo
Software Guru693 vistas
Diseño de productos digitales para emprendedores tecnológicos por Sol Mesz
Diseño de productos digitales para emprendedores tecnológicosDiseño de productos digitales para emprendedores tecnológicos
Diseño de productos digitales para emprendedores tecnológicos
Sol Mesz2.5K vistas
UX en el Proceso de Desarrollo de Producto por Julian Camacho
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de Producto
Julian Camacho701 vistas
Bitacora_EA3_1.pptx por CataCifu
Bitacora_EA3_1.pptxBitacora_EA3_1.pptx
Bitacora_EA3_1.pptx
CataCifu28 vistas
Investigación e Innovación Tecnológica - Diapositivas 08 por Rafael Puppi Junchaya
Investigación e Innovación Tecnológica - Diapositivas 08Investigación e Innovación Tecnológica - Diapositivas 08
Investigación e Innovación Tecnológica - Diapositivas 08

Último

MasterMind.pdf por
MasterMind.pdfMasterMind.pdf
MasterMind.pdfrtovarfernandez
18 vistas5 diapositivas
Operations & Data Graph por
Operations & Data GraphOperations & Data Graph
Operations & Data GraphNeo4j
42 vistas25 diapositivas
Peña_Anaya_TAREA Reportes Maestro - Detalle con el uso de AJAX.pptx por
Peña_Anaya_TAREA Reportes Maestro - Detalle con el uso de AJAX.pptxPeña_Anaya_TAREA Reportes Maestro - Detalle con el uso de AJAX.pptx
Peña_Anaya_TAREA Reportes Maestro - Detalle con el uso de AJAX.pptxMOISESPENAANAYA
6 vistas8 diapositivas
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1 por
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1Angel Borroy López
6 vistas22 diapositivas
Aws Community Day Guatemala Criptografia con AWS KMS por
Aws Community Day Guatemala Criptografia con AWS KMSAws Community Day Guatemala Criptografia con AWS KMS
Aws Community Day Guatemala Criptografia con AWS KMSMario IC
26 vistas42 diapositivas
Tecnologia (3).pdf por
Tecnologia (3).pdfTecnologia (3).pdf
Tecnologia (3).pdfnosi6702
7 vistas15 diapositivas

Último(8)

Operations & Data Graph por Neo4j
Operations & Data GraphOperations & Data Graph
Operations & Data Graph
Neo4j42 vistas
Peña_Anaya_TAREA Reportes Maestro - Detalle con el uso de AJAX.pptx por MOISESPENAANAYA
Peña_Anaya_TAREA Reportes Maestro - Detalle con el uso de AJAX.pptxPeña_Anaya_TAREA Reportes Maestro - Detalle con el uso de AJAX.pptx
Peña_Anaya_TAREA Reportes Maestro - Detalle con el uso de AJAX.pptx
MOISESPENAANAYA6 vistas
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1 por Angel Borroy López
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1
Aws Community Day Guatemala Criptografia con AWS KMS por Mario IC
Aws Community Day Guatemala Criptografia con AWS KMSAws Community Day Guatemala Criptografia con AWS KMS
Aws Community Day Guatemala Criptografia con AWS KMS
Mario IC26 vistas
Tecnologia (3).pdf por nosi6702
Tecnologia (3).pdfTecnologia (3).pdf
Tecnologia (3).pdf
nosi67027 vistas
Qué es el rodamiento hacia adelante.docx por FabianCarrillo31
Qué es el rodamiento hacia adelante.docxQué es el rodamiento hacia adelante.docx
Qué es el rodamiento hacia adelante.docx
FabianCarrillo317 vistas
Tecnologia (1).pdf por nosi6702
Tecnologia (1).pdfTecnologia (1).pdf
Tecnologia (1).pdf
nosi67029 vistas

Desarrollo ágil enfocado en ux 1 0 1

  • 1. Desarrollo ágil enfocado en UX Revisión: 1.0.1
  • 2. ¿Y que son los métodos agiles? Manifiesto por el Desarrollo Ágil de Software Estamos descubriendo formas mejores de desarrollar software tanto por nuestra propia experiencia como ayudando a terceros. A través de este trabajo hemos aprendido a valorar: 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 Esto es, aunque valoramos los elementos de la derecha, valoramos más los de la izquierda. http://agilemanifesto.org/iso/es/
  • 3. Consideraciones y experiencia. Se agregaron nuevos pasos para reforzar las siguientes áreas: • Empatía. • Ideas. • Oportunidades del negocio no descubiertas. • Competencia y estrategias. Algo que se observo es que nos enfocamos tanto en nuestro producto que dejamos de ver todo el universo que nos rodea, a nuestros clientes, competencia, mercado, etc. por lo que pusimos algunos pasos adicionales que nos permitieran voltear a ver nuestro alrededor, para esto pusimos algunas laminas las cuales vamos rellenando con postics. Viendo un video de como henry ford desarrollo una línea de producción y optimizo tiempos y procesos, nos llego la idea de hacer algo similar, es decir por que no hacer una línea de producción con ciertos pasos muy puntuales, que nos permitieran enfocarnos en un momento en una sola cosa y que nos permitiera ir descubriendo no solo lo que queremos si no todo lo demás que dejamos de ver, otro punto es buscar que fuera lo mas interactivo y simple posible.
  • 4. 2 a 5 días, 40 horas https://developers.google.com/design-sprint/ http://www.gv.com/sprint/ Monday: Unpack Tuesday: Sketch Wednesday: Decide Thursday: Prototype Friday: Test
  • 5. El Sprint provee a los equipos un atajo para validar y aprender rápidamente sin necesidad de construir y lanzar un producto de manera inicial.
  • 34. Hojas de papel, lápiz y pluma Posticks de colores Tijeras, cinta de papel Y transparente Cartulina negra para hacer “Dispositivos” SmartPhone, Tablet, Pc, etc. Etiquetas de colores Marcados Papel bond Impresión de caras
  • 35. Proceso versión 1.0.1. 1) Mapa empatía: Empatizar con el usuario 2) Lluvia de ideas: Ideas, soluciones y propuestas 3) Análisis DAFO: Análisis del mercado, competencia, oportunidades de negocio 4) Prototipo Sprint Design 5) Validación 6) Retro alimentación Las 3 primeras partes solo se usan al inicio para prestar atención a algunos aspectos del negocio que descuidamos y podamos ver algunas cosas que no consideramos, también nos ayuda a definir el producto y el negocio, posteriormente se implementa el sprint design usando como base lo aprendido en las 3 primeras partes.
  • 36. 1) Mapa de empatía 1. Buscamos una imagen en google imágenes. 2. Seleccionamos las imágenes de los usuarios que creemos son del tipo de usuario del negocio. 3. Vamos poniendo en los postics lo que corresponde a cada sección, de acuerdo a la imagen en google.
  • 39. 2) Lluvia de ideas. 1. Ponemos todas las ideas que creemos podrían ser de interés al usuario o bien le podrían dar una solución a su necesidad, posteriormente votamos por las que mas nos gusten y las ordenamos de mayor a menor sobre los votos para conocer que ideas son prioridad.
  • 40. 3) Análisis DAFO 1. En la parte superior ponemos lo buenos y lo malo con respecto a nuestro negocio. 2. En la parte inferior las oportunidades externas y las amenazas de las competencia.
  • 41. Fin del análisis de la primera parte Originalmente se inicio con un modelo de negocio enfocado a los foodtruk, posteriormente al hacer el análisis dafo vimos que el factor económico podría no resultar como nosotros esperábamos por lo que se pensó en alternativas, viendo las oportunidades de negocio, vimos que una opción mas viable era enfocarlo en puestos de antojitos, pero no solo con el enfoque inicial si no que adicionalmente se agrego un modelo de negocio nuevo. Si bien se invirtieron algunos minutos adicionales a los programados, al final nos ayudo a validar y descubrir algunos puntos que no estábamos tomando en cuenta, ya estábamos enfilados con un modelo de negocio del cual solo vimos lo bueno pero que al final no aportaba un valor adicional a lo ya existente, con lo cual podemos decir que cumple con el objetivo.
  • 42. 4) Sprint Design 1. Doblar una hoja en 8 partes, 2 en horizontal y 4 en vertical. 2. Repartir 8 “smartphones” de cartulina a cada quien. 3. Proponer 8 pantallas máximo cada quien. 4. Secuencia de pantallas de izquierda a derecha para el flujo y de abajo hacia arriba para las opciones, dejando arriba la opción por defecto y abajo si es opcional. 5. Reducir pantallas, las que son iguales o similares para no duplicar pantallas. 6. Votar por las que mas nos gustan, tenemos 8 votos cada quien. 7. Armar un story board con las pantallas y ver si existe alguna pantalla que se pudiera mejorar. 8. Generación del prototipo con el material de color, en 2 versiones. 9. Retroalimentación de los prototipos y anotación de las mejoras. 10. Validar con nuestros usuarios el prototipo en papel y la idea con un pequeño pitch. 11. Obtener retroalimentación sobre el prototipo y ajustar o pivotear si es necesario. 12. Generación del prototipo ya en una aplicación real sin funcionalidad.
  • 45. 6) Retroalimentación 1. Posteriormente a la validación con los usuarios, debemos obtener retroalimentación de los usuarios, para lo cual debemos ir llenando la siguiente lamina con un feedback que nos permita ir mejorando la propuesta.