Upload
software-guru
View
287
Download
2
Embed Size (px)
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.
Citation preview
Prototipado con Indigo Studio
Mauricio Angulo S.Regional CTO
@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
@mauricioangulo
www.flock.mx