Prototipado con Indigo Studio

Mauricio Angulo S.Regional CTO

mangulo@flock.mx

@mauricioangulo

www.flock.mx

Recopilación de Requerimientos Arquitectura de Diseño Desarrollo UAT

Ciclo de Desarrollo

Diseño Visual Producción MejoraIdea y

ConceptoDiseño

Interactivo

Ciclo de Diseño

Sketching: prototipando

Conceptualización

Diseño Visual Producción MejoraIdea y

ConceptoDiseño

Interactivo

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

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

Storyboarding

www.infragistics.com/products/indigo-studio

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

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

1. Planea contando una historia

2. Haz tu prototipo interactivo

3. Detalla tu prototipo

4. Hazlo interactivo

5. Documenta y comparte

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

http://tinyurl.com/ideasxindigo

¡Diviértete y diseña algo!

Prototipado con Indigo Studio

Mauricio Angulo S.Regional CTO

mangulo@flock.mx

@mauricioangulo

www.flock.mx