Agile UX / Ágiles 2015

23
Agile UX Porque 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

Transcript of Agile UX / Ágiles 2015

Page 1: Agile UX / Ágiles 2015

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

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

¿Quién usa tus aplicaciones?

Page 4: Agile UX / Ágiles 2015

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

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

Agile UX

Page 7: Agile UX / Ágiles 2015

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

“Las grandes ideas surgen de grandes

equipos, no de trabajos individuales”

Page 9: Agile UX / Ágiles 2015

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

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

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

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

Definición de Personas

Arquetipos

Page 14: Agile UX / Ágiles 2015

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

Sketches, Wireframes, Prototipos

“Aterrizando ideas”

Page 16: Agile UX / Ágiles 2015
Page 17: Agile UX / Ágiles 2015

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

Diseño Atómico

Page 19: Agile UX / Ágiles 2015

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

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

Agile UX

Agile UX

Lynn Miller and Desiree Sy (2007 – Autodesk)

Page 22: Agile UX / Ágiles 2015

TALLER

Page 23: Agile UX / Ágiles 2015

Herlency Muñoz GarcíaConsultora en Experiencia de Usuariowww.ceiba.com.co

Agile UX