El documento describe las ventajas y desventajas del prototipado, incluyendo que es barato, un proceso participativo e incremental, y sirve para identificar momentos clave en la interacción humano-máquina. También presenta Indigo Studio como una herramienta gratuita para crear prototipos interactivos a partir de storyboards, wireframes detallados y compartirlos para su evaluación. El documento concluye alentando al lector a comenzar diseñando, diseñar con tiempo e interactuar con su equipo con el usuario como principal prioridad.

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