Prototipando apps con Indigo Studio

20
Prototipado con Indigo Studio Mauricio Angulo S. Regional CTO [email protected] @mauricioangulo www.flock.mx

description

http://sg.com.mx/sgce/2013/sessions/prototipando-apps-indigo-studio Índigo Studio es una nueva herramienta para diseño y prototipado para metodologías ágiles de Creación Dirigida al Usuario. ïndigo Studio permite explorar y crear prototipos de interfaces visuales funcionales y con animaciones manteniendo el foco en la Experiencia de Usuario en cada paso. En esta sesión veremos como: - Crear aplicaciones y casos de uso con storyboards en el contexto del mundo real. - Prototipar y diseñar las interacciones de una aplicación integradas en los storyboards. - Probar tu prototipo con usuario reales. - Agregar notas y retroalimentación en tus prototipos y diseños. - Compartir tus prototipos con otros miembros de tu equipo y con tus clientes. Indigo es una herramienta sin costo desarrollada por Infragistics y se puede obtener completa de manera gratuita desde http://www.infragistics.com/products/indigo-studio Te recomendamos llevar tu computadora e instalar la herramienta previamente, para que puedas dar seguimiento a las actividades del instructor.

Transcript of Prototipando apps con Indigo Studio

Page 1: Prototipando apps con Indigo Studio

Prototipado con Indigo Studio

Mauricio Angulo S.Regional CTO

[email protected]

@mauricioangulo

www.flock.mx

Page 2: Prototipando apps con Indigo Studio

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

Page 3: Prototipando apps con Indigo Studio

Sketching: prototipando

Page 4: Prototipando apps con Indigo Studio

Conceptualización

Diseño Visual Producción MejoraIdea y

ConceptoDiseño

Interactivo

Page 5: Prototipando apps con Indigo Studio

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

Page 6: Prototipando apps con Indigo Studio

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

Page 7: Prototipando apps con Indigo Studio

Storyboarding

Page 8: Prototipando apps con Indigo Studio

www.infragistics.com/products/indigo-studio

Page 9: Prototipando apps con Indigo Studio
Page 10: Prototipando apps con 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

Page 11: Prototipando apps con Indigo Studio

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

Page 12: Prototipando apps con Indigo Studio

1. Planea contando una historia

Page 13: Prototipando apps con Indigo Studio

2. Haz tu prototipo interactivo

Page 14: Prototipando apps con Indigo Studio

3. Detalla tu prototipo

Page 15: Prototipando apps con Indigo Studio

4. Hazlo interactivo

Page 16: Prototipando apps con Indigo Studio

5. Documenta y comparte

Page 17: Prototipando apps con Indigo Studio

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

Page 18: Prototipando apps con Indigo Studio

http://tinyurl.com/ideasxindigo

Page 19: Prototipando apps con Indigo Studio

¡Diviértete y diseña algo!

Page 20: Prototipando apps con Indigo Studio

Prototipado con Indigo Studio

Mauricio Angulo S.Regional CTO

[email protected]

@mauricioangulo

www.flock.mx