Agile UX / Ágiles 2015
-
Upload
herlency-munoz-garcia -
Category
Software
-
view
1.563 -
download
0
Transcript of Agile UX / Ágiles 2015
![Page 1: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/1.jpg)
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 2015Montevideo, Uruguay
![Page 2: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/2.jpg)
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
![Page 3: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/3.jpg)
¿Quién usa tus aplicaciones?
![Page 4: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/4.jpg)
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
![Page 5: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/5.jpg)
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
![Page 6: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/6.jpg)
Agile UX
![Page 7: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/7.jpg)
Agile UX
Definición de personas,
Escenarios
Visión del negocioDirector de UX
Test de usuarios.
Evaluación Heurística
Entrevistas a UsuariosEspecialista en Usabilidad
Mapa del sitio
Navegación
Wireframes
BocetosArquitecto de Información
Concepto Creativo
Bocetos
Prototipos en AltaDiseñador Visual
Html
Css
Html5
(Maquetación)Desarrollador de Interfaces
Contenidos
Estilo de redacción
Descripciones del negocioEstratega de Contenidos
RolesEquipo UX
![Page 8: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/8.jpg)
“Las grandes ideas surgen de grandes
equipos, no de trabajos individuales”
![Page 9: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/9.jpg)
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 EquipoPrincipios Lean UX
Jeff Gothelf
![Page 10: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/10.jpg)
Agile UX
Trabajo en EquipoPrincipios 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
![Page 11: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/11.jpg)
Agile UX
Trabajo en EquipoPrincipios 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
![Page 12: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/12.jpg)
Agile UX
Trabajo en EquipoPrincipios 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
![Page 13: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/13.jpg)
Definición de Personas
Arquetipos
![Page 14: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/14.jpg)
PersonasArquetiposLas 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/
![Page 15: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/15.jpg)
Sketches, Wireframes, Prototipos
“Aterrizando ideas”
![Page 16: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/16.jpg)
![Page 17: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/17.jpg)
Sketches (Bocetos) Wireframes Prototipos
Definiendo Sketches, Wireframes, Prototipos“Aterrizando ideas”
Generar ideas rápidamente , cuestionarlas, iterar, explorarnuevas 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 prototipadofuncional. Evaluación de los diseños.
Agile UX
![Page 18: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/18.jpg)
Diseño Atómico
![Page 19: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/19.jpg)
Agile UX
Diseño AtómicoSistemas 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.
![Page 20: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/20.jpg)
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?
![Page 21: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/21.jpg)
Agile UX
Agile UX
Lynn Miller and Desiree Sy (2007 – Autodesk)
![Page 22: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/22.jpg)
TALLER
![Page 23: Agile UX / Ágiles 2015](https://reader034.fdocuments.co/reader034/viewer/2022052217/5872c9d81a28ab0c718b6fc5/html5/thumbnails/23.jpg)
Herlency Muñoz GarcíaConsultora en Experiencia de Usuariowww.ceiba.com.co
Agile UX