00 Sketching
-
Upload
victor-garcia -
Category
Design
-
view
1.164 -
download
1
description
Transcript of 00 Sketching
![Page 1: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/1.jpg)
MAESTRÍA EN MEDIOS INTERACTIVOSTercer Semestre
![Page 2: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/2.jpg)
SKETCHING Y RAPID PROTOTYPING
00
![Page 3: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/3.jpg)
CONTENIDO
• El papel del Diseñador de Interacción
• Sketching. Lápiz y papel
• Rapid Prototyping
![Page 4: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/4.jpg)
No puedes no comunicar.
![Page 5: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/5.jpg)
EL PAPEL DEL DISEÑADOR DE INTERACCIÓN
• Los Diseñadores de Interacción contribuyen en el desarrollo de productos útiles y usables.
• Definen en gran medida la Experiencia de Usuario (UX).
• Comprenden los verdaderos objetivos, tareas, experiencias, necesidades y deseos de los usuarios.
• A la vez, ayudan a conducir de mejor manera los objetivos de negocio, las posibilidades tecnológicas, recursos gráficos, etc.
• Proporciona soluciones adecuadas a problemas complejos.
![Page 6: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/6.jpg)
EL PAPEL DEL DISEÑADOR DE INTERACCIÓN
• Los Diseñadores de Interacción requieren de un conjunto, generalmente amplio, de herramientas y métodos que les permitan definir :
• Concepto de UI
• UX
• Diseño Visual
• Recursos tecnológicos
• Flujo de Interacción
![Page 7: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/7.jpg)
EL PAPEL DEL DISEÑADOR DE INTERACCIÓN
• ¿Cómo deben ser estas herramientas?
• Ágiles, dinámicas y confortables para el Diseñador
• Adaptadas a las necesidades de comunicación en el equipo de desarrollo
• Deben permitir retroalimentación
• Deben comunicar las necesidades de diseño del producto
![Page 8: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/8.jpg)
El factor limitante es la imaginación, no la tecnología. Siempre habrá una manera de expresar una idea
dentro de un medio.
![Page 9: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/9.jpg)
SKETCHING. LÁPIZ Y PAPEL
• El sketching es una de las técnicas imprescindibles en IxD.
• Es el primer gran paso en la construcción de una exitosa UX.
• Representa una relación entre la intencionalidad, el producto y sus implicaciones.
• Aporta una sugerencia más que una respuesta.
* Buxton, Bill, Sketching the User Experience
![Page 10: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/10.jpg)
SKETCHING
Propiedades de un buen sketch:
• Necesita realizarse de manera ágil y dinámica.
• Lo suficientemente barato para ser desechable
• Debe permitir una fácil comparación y yuxtaposición entre las diferentes páginas y/o estados
• Fácil entender por todos
• Es burdo, siendo esto lo deseable
* Buxton, Bill, Sketching the User Experience
![Page 11: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/11.jpg)
SKETCHING
Lecturas:
• http://www.uxbooth.com/blog/complete-beginners-guide-to-interaction-design/
• http://www.inspireux.com/2010/06/28/50-sketching-resources-for-user-experience-designers/
• http://www.uxbooth.com/blog/tools-for-sketching-user-experiences/
• http://www.ixda.org/resources/tim-wood-lo-fi-sketchbook-techniques-interaction-designers
* Resumen 250 a 300 palabras por cada lectura o video. Lista de enlaces de interés
![Page 12: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/12.jpg)
RAPID PROTOTYPING
• Permite el uso de herramientas digitales y acelera el proceso de diseño de interacción.
• Permite crear prototipos de alta fidelidad en poco tiempo.
• Acelera el proceso creativo y permite un desarrollo de mayor eficacia.
• Gran cantidad de aplicaciones disponibles en el mercado
• Ejemplos:
* Resumen 250 a 300 palabras por cada aplicación. Lista de otras aplicaciones
![Page 13: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/13.jpg)
RAPID PROTOTYPING
![Page 14: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/14.jpg)
RAPID PROTOTYPING
![Page 15: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/15.jpg)
RAPID PROTOTYPING
![Page 16: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/16.jpg)
RAPID PROTOTYPING
![Page 17: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/17.jpg)
RAPID PROTOTYPINGRAPID PROTOTYPING
![Page 18: 00 Sketching](https://reader035.fdocumento.com/reader035/viewer/2022081717/54823816b47959d30c8b470f/html5/thumbnails/18.jpg)
SIGUIENTE SESIÓN:01 Introducción a Flash Catalyst