definición de metas, affordances, ley de fitts y el boceto como herramienta para el diseño de...
TRANSCRIPT
![Page 1: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/1.jpg)
Diseño de la InteracciónHumano-Computadora.Punto de partida.
Mtro. Omar Sosa Tzec.
Lic. en Diseño de Interacción.Universidad Iberoamericana Campus Puebla.
http://www.tzek-design.com/blog
![Page 2: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/2.jpg)
Definición de objetivosdel proyecto.
![Page 3: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/3.jpg)
Información a la mano que debe tener el diseñador:
¿Por qué es importante el proyecto para la compañía?
¿Cómo los stakeholders determinan si el proyecto es un éxito?
¿Qué enfoque o metodología seguirá el proyecto?
¿Cuáles son las tres principales fechas o milestones para los puntos clave, tal como la aprobación de los personas del negocio interesadas?
A Project Guide to UX Design: For User Experience Designers in the Field or in the Making.Russ Unger; Carolyn Chandler.New Riders. 2009.
![Page 4: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/4.jpg)
¿Por qué es importante el proyecto para la compañía?
![Page 5: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/5.jpg)
¿Cómo los stakeholders determinan si el proyecto es un éxito?
![Page 6: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/6.jpg)
¿Qué enfoque o metodología seguirá el proyecto?
![Page 7: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/7.jpg)
¿Cuáles son las tres principales fechas o milestones para los puntos clave, tal como la aprobación de los personas del negocio interesadas?
![Page 8: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/8.jpg)
Cómo definir condiciones de uso.
Audiencia:¿Cuál es … del usuario meta?
Uso:¿El producto será usado…
Ambiente:¿El ambiente será… ?
Equipamento:¿Qué se puede asumir acerca de… ?
A Project Guide to UX Design: For User Experience Designers in the Field or in the Making.Russ Unger; Carolyn Chandler.New Riders. 2009.
![Page 9: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/9.jpg)
http://www.youtube.com/watch?v=rxVS5nYFnkA&feature=player_embedded2019 según Microsoft
![Page 10: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/10.jpg)
Del diseño y la emoción.
![Page 11: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/11.jpg)
visceral
![Page 12: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/12.jpg)
visceral conductual
![Page 13: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/13.jpg)
visceral conductual reflexivo
![Page 14: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/14.jpg)
Affordances.
![Page 15: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/15.jpg)
![Page 16: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/16.jpg)
![Page 17: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/17.jpg)
http://tzek-design.com/blog/2009/05/08/affordances-everywhere/Affordances Everywhere.
![Page 18: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/18.jpg)
Ley de Fitts.
![Page 19: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/19.jpg)
![Page 20: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/20.jpg)
http://tzek-design.com/blog/2008/03/12/la-ley-de-fitt-en-interfaces-graficas/Ley de Fitts.
![Page 21: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/21.jpg)
http://www.youtube.com/watch?v=ZLEEiQZOYDsEl sexto sentido.
![Page 22: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/22.jpg)
Bocetar como herramientapara el diseño de interacción yde experiencia.
![Page 23: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/23.jpg)
Sketching User Experiences: Getting the Design Right and the Right Design.Bill Buxton.Morgan Kaufmann, 2007.
Boceto.
![Page 24: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/24.jpg)
Sketching User Experiences: Getting the Design Right and the Right Design.Bill Buxton.Morgan Kaufmann, 2007.
Dibujo recordatorio.
![Page 25: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/25.jpg)
Sketching User Experiences: Getting the Design Right and the Right Design.Bill Buxton.Morgan Kaufmann, 2007.
Dibujo de presentación.
![Page 26: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/26.jpg)
Sketching User Experiences: Getting the Design Right and the Right Design.Bill Buxton.Morgan Kaufmann, 2007.
Dibujo técnico.
![Page 27: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/27.jpg)
Sketching User Experiences: Getting the Design Right and the Right Design.Bill Buxton.Morgan Kaufmann, 2007.
Dibujo de descripción.
![Page 28: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/28.jpg)
Ejercicio.
* Definir las metas de un nuevo producto pensando que son una empresa.
* Bocetar la idea analizando las metas, personas interesadas, diseño emocional, affordances y ley de Fitts.
![Page 29: Definición de metas, affordances, ley de Fitts y el boceto como herramienta para el diseño de interacción](https://reader034.vdocumento.com/reader034/viewer/2022042701/55abeaec1a28abb5678b4868/html5/thumbnails/29.jpg)
Gracias.
* Presentación con fines didácticos sin lucro. Imágenes y textos son propiedad de sus autores.