principios de diseño de interfaces y estilos de interaccion
TRANSCRIPT
![Page 1: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/1.jpg)
Interfaz Humano ComputadoraInterfaz y Estilos de Interacción
Mtro. Omar Sosa Tzec.Lic. en Diseño de Interacción.
Universidad Iberoamericana, Campus Puebla.Primavera, 2009.
![Page 2: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/2.jpg)
Esta presentación tiene su referencia en el siguiente material:
a. The esscence of Human-Computer Interaction. Christine Faulkner. Pretince Hall, 1998.
b. Diseño de Interfaces de Usuario.Ben Shneiderman.Addison Wesley, 2006.
c. Human Computer Interaction.Jenny Preece. Addison Wesley, 1994.
![Page 3: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/3.jpg)
Principios del diseño de interfaces
![Page 4: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/4.jpg)
• Naturalidad
Human–Computer Interaction.Jenny Preece
![Page 5: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/5.jpg)
http://es.wikipedia.org/wiki/Archivo:Telefonodefichas.jpg
![Page 6: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/6.jpg)
http://commons.wikimedia.org/wiki/File:Celular_samsung.jpg
![Page 7: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/7.jpg)
![Page 8: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/8.jpg)
![Page 9: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/9.jpg)
![Page 10: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/10.jpg)
![Page 11: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/11.jpg)
![Page 12: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/12.jpg)
![Page 13: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/13.jpg)
![Page 14: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/14.jpg)
• Naturalidad• Consistencia
Human–Computer Interaction.Jenny Preece
![Page 15: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/15.jpg)
![Page 16: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/16.jpg)
![Page 17: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/17.jpg)
![Page 18: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/18.jpg)
• Naturalidad• Consistencia• Relevancia
Human–Computer Interaction.Jenny Preece
![Page 19: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/19.jpg)
![Page 20: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/20.jpg)
![Page 21: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/21.jpg)
• Naturalidad• Consistencia• Relevancia• Soporte
Human–Computer Interaction.Jenny Preece
![Page 22: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/22.jpg)
¿Dónde estoy?
¿Cómo llegué aquí?
¿Qué está pasando?
¿A dónde puedo ir después?
¿Qué puedo hacer?
![Page 23: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/23.jpg)
• Naturalidad• Consistencia• Relevancia• Soporte• Flexibilidad
Human–Computer Interaction.Jenny Preece
![Page 24: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/24.jpg)
![Page 25: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/25.jpg)
![Page 26: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/26.jpg)
Estilos de Interacción
![Page 27: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/27.jpg)
a. Línea de comando
b. Manipulación Directa
![Page 28: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/28.jpg)
Línea de comando
![Page 29: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/29.jpg)
![Page 30: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/30.jpg)
Manipulación Directa
![Page 31: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/31.jpg)
![Page 32: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/32.jpg)
![Page 33: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/33.jpg)
![Page 34: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/34.jpg)
![Page 35: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/35.jpg)
![Page 36: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/36.jpg)
La manipulación directa se encuentra muy presente en los diferentes productos de diseño relacionados con HCI.
¡Metáforas! Hojas de estilo o el escritorio.
¡Ambientes!Videojuegos, software de GIS, redes sociales.
![Page 37: Principios de Diseño de Interfaces y Estilos De Interaccion](https://reader034.vdocuments.site/reader034/viewer/2022042818/55b4939bbb61eb04338b45b5/html5/thumbnails/37.jpg)
Gracias.