Prototipado con Indigo Studio

Mauricio Angulo S.Regional CTO

mangulo@flock.mx

@mauricioangulo

www.flock.mx

Recopilación de RequerimientosArquitectura

de DiseñoDesarrollo 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 unaaplicació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