Mi presentación en el taller de prototipado de apps en Software Gurú Conference & Expo 2013 sobre cómo crear prototipos de apps utilizando Indigo Studio de Infragistics

1. Prototipado con Indigo Studio
Mauricio Angulo S.
Regional CTO
mangulo@flock.mx
@mauricioangulo
www.flock.mx

2. Recopilación de Requerimientos
Arquitectura
de Diseño
Desarrollo UAT
Ciclo de Desarrollo
Diseño Visual Producción Mejora
Idea y
Concepto
Diseño
Interactivo
Ciclo de Diseño

3. Sketching: prototipando

4. Conceptualización
Diseño Visual Producción Mejora
Idea y
Concepto
Diseño
Interactivo

5. Ventajas del prototipado
• ¡Es barato!
• Es un proceso participativo e incremental
• Sirve para identificar momentos clave en la
interacción humano-máquina
• Describe el user journey dentro y fuera de una
aplicación o sitio web

6. Desventajas del prototipado
• No demuestra interacciones
• Es difícil de compartir
• Es difícil de perfeccionar
• Hay que imaginar y explicar los casos de uso

7. Storyboarding

8. www.infragistics.com/products/indigo-studio

10. Indigo Studio
• ¡Es gratuito!
• Corre en Windows y en Mac
• Crea procesos a partir de storyboards
• Crea wireframes interactivos detallados
• Los prototipos se pueden compartir
(como HTML) para probarlos y evaluarlos

11. • Crea un storyboard
• Crea un wireframe
• Agrega interacciones
• Agrega animaciones
• Comparte y documenta

12. 1. Planea contando una historia

13. 2. Haz tu prototipo interactivo

14. 3. Detalla tu prototipo

15. 4. Hazlo interactivo

16. 5. Documenta y comparte

17. Cosas para Recordar
• Comienza diseñando
• Diseña con tiempo
• Interactúa con tu equipo
• El usuario es lo más importante
• La experiencia es el producto

18. http://tinyurl.com/ideasxindigo

19. ¡Diviértete y
diseña algo!

20. Prototipado con Indigo Studio
Mauricio Angulo S.
Regional CTO
mangulo@flock.mx
@mauricioangulo
www.flock.mx