Implementar los elementos de la experiencia de usuario de manera ágil en aplicaciones móviles.

1. Implementar los
elementos
de
la
experiencia
de
usuario
de
manera
ágil
en
aplicaciones
móviles
UX
Ágil
Ing. Josafat Busio
@osjobu
http://mx.linkedin.com/in/josafatbusio

2. -Los elementos de la experiencia de usuario
-Estrategia
-Alcance
-Estructura
-Esqueleto
-Interfaz de usuario
Contenido

3. Elementos
de
la
experiencia
de
usuario

4. Estrategia
(Definición
del
proyecto)
Alcance
(Obje@vos
de
usuario)
Estructura
(Flujo
de
aplicación)
Esqueleto
(Mapa
de
navegación)
Interfaz
de
usuario
(Diseño
visual)
Crear
elementos
visuales
Iden@ficar
áreas
“tocables”
Representar
las
tareas
Describir
de
las
funcionalidades
crí@cas
Definir
los
principios
básicos
del
proyecto
Elementos
de
la
experiencia
de
usuario
The
Elements
of
User
Experience:
Jesse
James
GarreR

5. Definición
del
proyecto
Estrategia

6. Estrategia
(Definición
del
proyecto)
Definir los principios básicos del proyecto.
Crear una base común de conocimiento para todo el equipo.
Viabilidad técnica, presupuesto, tiempo.
Sirve para:

7. Estrategia
(Definición
del
proyecto)
Objetivos del producto. Necesidades del usuario.
Se deben conocer:

8. Estrategia
(Definición
del
proyecto)
¿Qué quieren los usuarios?
¿Por qué estamos construyendo?
¿Qué queremos del producto?
¿Qué necesitan los usuarios?
¿Qué necesitan?
Ideas desorganizadas:

9. Estrategia
(Definición
del
proyecto)
¿Qué …?
¿Para quien …?
¿Cómo …?
¿Cuánto …?
¿Por qué …?

10. Estrategia
(Definición
del
proyecto)
Herramienta: Canvas
http://alexosterwalder.com/
.

11. Estrategia
(Definición
del
proyecto)
Herramienta:
http://alexosterwalder.com/
.

12. Estrategia
(Definición
del
proyecto)
http://alexosterwalder.com/
.

13. Obje@vos
de
usuario
Alance

14. Alance
(Obje@vos
de
usuario)
Describir funcionalidades criticas del proyecto.
Requerimientos claros.
Funcionalidades que se van a construir.
Sirve para:

15. Contenido del producto. Especificaciones funcionales.
Se deben conocer:
Alance
(Obje@vos
de
usuario)

16. Se trata de ser claro,
no de dar detalles.
Alance
(Obje@vos
de
usuario)

17. ¿Qué vamos a construir?
Alance
(Obje@vos
de
usuario)

18. Herramienta: UserGoals.doc
Mauricio Angulo Sillas (www.tesseractspace.com/blog/mauricio-angulo-s)
Alance
(Obje@vos
de
usuario)

19. Flujo
de
la
aplicación
Estructura

20. Estructura
(Flujo
de
la
aplicación)
Presentar gráficamente las tareas que el usuario puede
realizar.
Evitar redundancia.
Definir contenido y navegación.
Sirve para:

21. Arquitectura de información. Navegación.
Se deben conocer:
Estructura
(Flujo
de
la
aplicación)

22. Estructura
(Flujo
de
la
aplicación)

23. Representar el mundo como
lo conoce el usuario.
Estructura
(Flujo
de
la
aplicación)

24. Herramienta: FreeMind
http://freemind.sourceforge.net/
Estructura
(Flujo
de
la
aplicación)

25. Mapa
de
navegación
Esqueleto

26. Esqueleto
(Mapa
de
navegación)
Refinar el flujo pantalla por pantalla.
Identificar las áreas “tocables”.
Optimizar el flujo para el usuario.
Sirve para:

27. Diseño de la información.
Se deben conocer:
Esqueleto
(Mapa
de
navegación)
Diseño de la navegación.
Diseño de la interfaz.

28. No es el diseño final.
Esqueleto
(Mapa
de
navegación)

29. Reducir el número de
Interacciones.
Esqueleto
(Mapa
de
navegación)

30. Herramienta: Indigo Studio
http://www.infragistics.com/products/indigo-studio
Esqueleto
(Mapa
de
navegación)

31. Diseño
visual
Interfaz
de
usuario

32. Interfaz
de
usuario
(Diseño
visual)
Visualizar el producto tal cual lo verá el usuario
Definir la identidad visual.
Crear elementos visuales, para el equipo de desarrollo.
Sirve para:

33. Interfaz
de
usuario
(Diseño
visual)

34. Hacer buen uso del contraste.
Interfaz
de
usuario
(Diseño
visual)

35. “El contenido es el control”
Interfaz
de
usuario
(Diseño
visual)
Maurico Angulo

36. Interfaz
de
usuario
(Diseño
visual)

37. Implementar
UX
de
manera
ágil
Que problema se esta tratando de resolver
Comprender que consecuencias tendrá la solución
de ese problema.
Tener en la mente siempre:
¿Por qué se hizo de esa manera.

38. Implementar
UX
de
manera
ágil
El desafío en crear experiencia de usuario
esta en comprender,
mejor que el propio usuario, sus necesidades

39. UX
Ágil
Implementar los
elementos
de
la
experiencia
de
usuario
de
manera
ágil
en
aplicaciones
móviles
Ing. Josafat Busio
@osjobu
http://mx.linkedin.com/in/josafatbusio
Fuentes:
Usabilidad Móvil: Mauricio Angulo Sillas (www.tesseractspace.com/blog/mauricio-angulo-s)
The Elements of User Experience: Jesse James Garrett