El mundo interactivo lleva el proceso de diseño a un nuevo nivel. Repasaremos sus diferentes fases, daremos algunos tips, hablaremos de nuevas herramientas y tendencias que aceleran el diseño y posterior desarrollo de un producto.

1. #GX25
UX Design Process:
Presente y Futuro
• afalconi@genexusconsulting.com
• A/S Alfonso Falconi

2. UX Design Process - Fases
fuente: UX Booth

3. #GX25
Sketch

4. #GX25
Sketch

5. #GX25
Stencils

6. #GX25
Stencils

7. #GX25
Wireframes
image: Winie Lim, Paul Armstrong, Eu Diaz

8. #GX25
Wireframes

9. #GX25
Wireframes

10. #GX25
Storyboard

11. #GX25
Flowcharting

12. #GX25
Flowcharting

13. #GX25
• Planificación
• Elimine elementos que distraigan
• Use colores cuidadosamente
• Usar tamaños reales
• Todo tiene un significado
• Ser consistentes, no uniformes
• Experimentar y colaborar rápido
• Comenzar simple, permanecer simple
Wireframes – Tips de Diseño
Análisis de Negocios: “el quinto elemento”
Martes 09:30 – Conference Room
Virginia Hiriart - Andreia Matonti

14. #GX25
Mockups

15. #GX25
• No saltearse los wireframes
• Revisar sitios o productos de la competencia
• Usar la correcta fidelidad
• Hacer presentaciones con mockups
• Son una herramienta de comunicación
Mockups – Tips de Diseño

16. #GX25
Prototype

17. #GX25
• Experimentación y Colaboración
• Mide la viabilidad y reduce el retrabajo
• Test de usabilidad en etapas tempranas
• Identifica las prioridades de diseño
• Vender una idea
Prototipos – 5 razones para usarlos
Usabilidad en Historia Clínica Oncológica (HCEO)
Martes 12:15 – Ballroom C
Matías Garay

18. #GX25
Porqué es fundamental en apps para Smart Devices:
• ‘Gestos’ agregan una nueva dimensión de interacciones.
• Permiten experimentar con los flujos de usuarios entre las
diferentes pantallas.
• Animaciones hacen que la experiencia sea divertida y
provoque usar la aplicación.
Prototipos

19. #GX25
• Conocer a tu audiencia y sus objetivos
• Explicar el contexto antes de mostrar el prototipo
• Involucrar los usuarios (Diseño participativo)
• Foco en flujo de usuarios y escenarios de usuarios
• Pocos clicks (Keep Clicking Simple)
• Usar animaciones
• Usar los prototipos para test de usabilidad
• Sketching: El prototipo para el prototipo
• Prototipar solo lo necesario
Prototipos – Tips de Diseño

20. #GX25
UXD - Herramientas
Wireframes Mockups Prototypes
Balsamiq X X
Moqups X X X
Omnigraffle (ipad) X X
Mockups.me wireframes – lite (ipad) X X
UXPin X X X
Axure X X X
Indigo X X X
Justinmind X X X
Photoshop X X
Sketch X X
Invision X
Mockflow X
Flinto X

21. #GX25
Presente: Situación actual de la prototipación
• Se está cuestionando el aporte de wireframes y mockups
estáticos
• Se busca fusionar wireframes y prototipos
Wireframing & Prototyping: Presente y Futuro

22. #GX25
Futuro: La era de la prototipación
Partimos de la base de wireframes y prototipos fusionados.
• Herramientas que borran la línea que diferencia wireframes,
mockups y prototipos.
• Traen dos nuevos ‘updates’ al UXD:
• Prototipación rápida.
• Colaboración sin e-mail.
• Microinteracciones
Wireframing & Prototyping: Presente y Futuro

23. #GX25
Gracias
• A/S Alfonso Falconi
• afalconi@genexusconsulting.com