Cuando pensamos en UX y Marcos de trabajo Ágiles, una nube de incredibilidad aparece sobre nuestra cabeza: ¿Cómo UX que invierte mucho tiempo en investigación, análisis de usuarios y contextos de uso ANTES de comenzar el desarrollo de un producto digital puede ir de "la mano" con este tipo de Marcos de Trabajo? Pues a partir de la experiencia de algunos y mi propia experiencia, puedo asegurarles que los métodos de UX pueden estar inmersos en las diferentes iteraciones del desarrollo de productos digitales bajo Marcos de Trabajo Ágiles.

1. Agile UXPorque la tortuga también puede ser ágil como la liebre y ambas pueden cruzar la meta juntas
(no siempre el cuento es como nos lo cuentan)
VIII JORNADAS LATINOAMERICANAS DE METODOLOGÍAS ÁGILES
22, 23 y 24 de octubre de 2015
Montevideo, Uruguay

2. Agile UX
Herlency Muñoz García
@herlency
• Analista Desarrolladora
• Diseñadora Gráfica
• Consultora en Experiencia de Usuario
• Líder del área de Diseño Gráfico de Ceiba Software

3. ¿Quién usa tus aplicaciones?

4. UX
Don Norman – Ciencia Cognitiva
“Inventé el término porque pensé que
interfaz y usabilidad eran demasiado
limitados. Quise cubrir todos los aspectos de
la experiencia de una persona con un
sistema, incluyendo el diseño industrial,
gráficos, la interfaz, la interacción física y el
manual.”
Experiencia de Usuario es la combinación de la
Arquitectura de información + el Diseño de Interacción
Agile UX

5. Agile UX
¿Qué es UX?
Experiencia de usuario (UX)
es un término para el nivel
de satisfacción total de
usuarios cuando utiliza tu
producto o sistema. Si es
una buena experiencia,
ellos están felices, si es una
mala experiencia, tus
clientes no regresaran.
Experiencia de usuario (UX)
representa la percepción
dejada en la mente de
alguien después de una serie
interacción entre la gente,
dispositivos y eventos- o una
combinación de esas.
“Serie” es la palabra
operativa.
http://www.fatdux.com/es/what/what-is-ux

6. Agile UX

7. Agile UX
Definición de personas,
Escenarios
Visión del negocio
Director de UX
Test de usuarios.
Evaluación Heurística
Entrevistas a Usuarios
Especialista en Usabilidad
Mapa del sitio
Navegación
Wireframes
Bocetos
Arquitecto de Información
Concepto Creativo
Bocetos
Prototipos en Alta
Diseñador Visual
Html
Css
Html5
(Maquetación)
Desarrollador de Interfaces
Contenidos
Estilo de redacción
Descripciones del negocio
Estratega de Contenidos
RolesEquipo UX

8. “Las grandes ideas surgen de grandes
equipos, no de trabajos individuales”

9. Agile UX
Equipos Multifuncionales. Más conocimiento
Pequeños, dedicados, coubicados. Comunicación, concentración,
camaradería.
Progreso igual a resultados, no a entregas de documentación. Se
evita la especulación
Equipos centrados en los problemas. Confianza, amor propio.
Trabajo en Equipo
Principios Lean UX
Jeff Gothelf

10. Agile UX
Trabajo en Equipo
Principios Lean UX
Eliminación del despilfarro. Más conocimiento
Lotes pequeños. Sólo lo necesario para avanzar.
Descubrimiento continuo. Reuniones regulares, nuevas ideas sobre el
proyecto.
GOOB (Salir del edificio – Getting out of the building). La nueva
centralidad del usuario. La decisión de si el producto funciona o no es
del cliente no del equipo de desarrollo, demos la oportunidad de
recibir retroalimentación temprana.
Jeff Gothelf

11. Agile UX
Trabajo en Equipo
Principios Lean UX
Entendimiento común. Conocimiento del negocio por parte del
equipo.
Antimodelos: estrellas, gurús y ninjas. Las estrellas no comparten las
ideas ni la atención de los demás.
Exteriorización del trabajo. Los equipos deben de usar pizarras,
tableros….
Hacer en lugar de analizar. Concretar las ideas.
Jeff Gothelf

12. Agile UX
Trabajo en Equipo
Principios Lean UX
Aprendizaje en lugar de crecimiento. Asegurarse de que una idea
funciona, antes de hacerla crecer.
Permiso para equivocarse. Alimenta la cultura de la experimentación.
Escapar de los negocios basados en los entregables. Los documentos
no solucionan los problemas de los clientes, lo hacen los buenos
productos.
Jeff Gothelf

13. Definición de Personas
Arquetipos

14. Personas
ArquetiposLas personas o arquetipos son
“personas” ficticias que
representan los diferentes tipos
de usuario que tiene nuestro
sitio.
Son una herramienta muy útil en
el diseño de interfaces porque le
dan una cara humana a la
creación de la Experiencia del
Usuario y sirven como guía del
diseño.
http://www.kambrica.com/

15. Sketches, Wireframes, Prototipos
“Aterrizando ideas”

17. Sketches (Bocetos) Wireframes Prototipos
Definiendo Sketches, Wireframes, Prototipos
“Aterrizando ideas”
Generar ideas rápidamente ,
cuestionarlas, iterar, explorar
nuevas vías. El objetivo es
ensayar, no se pone límite a
la creatividad.
Selección de ideas, se
concretan. Proceso iterativo.
Comportamiento de los
elementos de interacción.
Diseño de la interfaz -en la
que se define el aspecto
visual- y el prototipado
funcional. Evaluación de los
diseños.
Agile UX

18. Diseño Atómico

19. Agile UX
Diseño Atómico
Sistemas de Diseño
1. Átomos
2. Moléculas
3. Organismos
4. Plantillas
5. Páginas
http://bradfrost.com/blog/post/atomic-web-design/
Sistemas que promueven la consistencia y la escalabilidad. Flexibilidad.

20. Agile UX
Similitudes y diferencias entre Metodologías Ágiles y UX
Traditional UX, su enfoque diseño y
usabilidad. Responde a: ¿Qué
estamos haciendo?
Lean UX, Medición, validación del
producto / ajuste. Responde a:
¿Estamos haciendo lo correcto?
Agile UX, Colaboración, entrega.
Responde a: ¿Cómo lo hacemos?

21. Agile UX
Agile UX
Lynn Miller and Desiree Sy (2007 – Autodesk)

22. TALLER

23. Herlency Muñoz García
Consultora en Experiencia de Usuario
www.ceiba.com.co
Agile UX