principios de diseño de interfaces y estilos de interaccion

37
Interfaz Humano Computadora Interfaz y Estilos de Interacción Mtro. Omar Sosa Tzec. Lic. en Diseño de Interacción. Universidad Iberoamericana, Campus Puebla. Primavera, 2009.

Upload: omar-sosa-tzec

Post on 26-Jul-2015

7.665 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Principios de Diseño de Interfaces y Estilos De Interaccion

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

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

Principios del diseño de interfaces

Page 4: Principios de Diseño de Interfaces y Estilos De Interaccion

• Naturalidad

Human–Computer Interaction.Jenny Preece

Page 7: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 8: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 9: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 10: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 11: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 12: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 13: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 14: Principios de Diseño de Interfaces y Estilos De Interaccion

• Naturalidad• Consistencia

Human–Computer Interaction.Jenny Preece

Page 15: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 16: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 17: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 18: Principios de Diseño de Interfaces y Estilos De Interaccion

• Naturalidad• Consistencia• Relevancia

Human–Computer Interaction.Jenny Preece

Page 19: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 20: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 21: Principios de Diseño de Interfaces y Estilos De Interaccion

• Naturalidad• Consistencia• Relevancia• Soporte

Human–Computer Interaction.Jenny Preece

Page 22: Principios de Diseño de Interfaces y Estilos De Interaccion

¿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

• Naturalidad• Consistencia• Relevancia• Soporte• Flexibilidad

Human–Computer Interaction.Jenny Preece

Page 24: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 25: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 26: Principios de Diseño de Interfaces y Estilos De Interaccion

Estilos de Interacción

Page 27: Principios de Diseño de Interfaces y Estilos De Interaccion

a. Línea de comando

b. Manipulación Directa

Page 28: Principios de Diseño de Interfaces y Estilos De Interaccion

Línea de comando

Page 29: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 30: Principios de Diseño de Interfaces y Estilos De Interaccion

Manipulación Directa

Page 31: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 32: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 33: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 34: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 35: Principios de Diseño de Interfaces y Estilos De Interaccion
Page 36: Principios de Diseño de Interfaces y Estilos De Interaccion

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

Gracias.