Curso: Interacción Humano-Computadora

Descripción y objetivos

Al finalizar este curso el alumno será capaz de: desarrollar sistemas interactivos siguiendo las etapas de diseño de interacción y evaluar la usabilidad de la interacción humano-computadora a través de la recopilación de datos y del análisis de información de los requerimientos.

Este curso implica el estudio de conceptos, nociones y modelos de interactividad entre usuarios y objetos técnicos, tanto físicos como digitales, tanto datos como medios. La intención es adquirir conocimientos para el análisis y el desarrollo de interfaces gráficas eficientes e innovadoras, adecuadas para cumplir sus objetivos planteados en la etapa de planeación.

Plan de sesiones

Sesión	Tema	Actividades + materiales
1. ago 17	• User experience [UE] • La política del sw • Evolución de la interactividad • Elementos de la UE • Áreas de desarrollo	• Prácticas con ActionScript 2 • Slides de la presentación 01 [ PDF ] • Elements of the User Experience [ PDF ] • Proyecto parcial 01 [ PDF ]
2. sep 21	• Revisión del Proyecto 01 • Diseño gráfico para HCI • Hipertexto e hipermedia • Introducción al Proyecto 02	• Slides de la presentación 02, Diseño gráfico para HCI [ PDF ] • Slides de la presentación 02, Hipertexto e hipermedia [ PDF ] • Práctica: HTML + CSS selección de elementos, comentarios, fondo, texto, fuente, bordes, márgenes, padding, listas, layout, cursor, overflow, transparencia, pseudo-clases • Práctica DHTML: HTML + CSS + JS document.style, document.getElementById(), prompt(), confirm() • Proyecto parcial 02 [ fecha de entrega: Martes 28 de noviembre, antes de medianoche ]
3. oct 19	• Animación con JavaScript • Animación y efectos con librería JQuery • Animación dinámica con ActionScript 2.0	• Práctica DHTML: window.setInterval(), window.clearInterval() • Pequeño tutorial: JQuery • Práctica AS 2.0: movieClip events, duplicateMovieClip() • Ejercicios en clase: - animTexto.html - animColores.html - jqueryExperiments.html - dinaCuadros.fla \| dinaCuadros.swf - Flash + HTML - galería con JavaScript • Casos de estudio: - JS + HTML5: chromeexperiments.com/ - AS 2.0: whitneybiennial.com/ - Referencia HTML5: diveintohtml5.org - W3Schools: w3schools.com/ • Proyecto parcial 03 [ fecha de entrega: Martes 26 de nov oct antes de 23:59 hrs ]
4. nov 16	• Tendencias y usabilidad del diseño Web • Diseño basado en tablas • Diseño basado en capas	• Slides de la clase: PDF [15.2 Mb] • Lecturas valiosas: Jakob Nielsen's website • Referencia + inspiración: webdesignledger.com/ • Práctica 01: Google About con tablas • Práctica HTML + CSS avanzado + Photoshop: descarga las imágenes de referencia [ ZIP, 1.1Mb ] • Diseño original en JPG • Sitio con CSS • Otro sitio que hicimos en una asesoría: Árbol de Navidad • Proyecto final [ fecha de entrega: Martes 23 de nov antes de 23:59 hrs ]

Bibliografía de referencia [por orden alfabético]

De Souza, Clarisse (2005). The Semiotic Engineering of Human-Computer Interaction. Cambridge, MA: MIT Press.
Fuller, Matthew (ed) (2008). Software Studies: a lexicon. Cambridge, MA: MIT Press.
Manovich, Lev (2008). Software Takes Command. San Diego: SSI.
Nielsen, Jakob (1993). Usability Engineering. San Diego, CA: Academic Press & Morgan Kaufmann.
Norman, Donald (1988). The Psychology of Everyday Things. New York: Basic Books.
Raskin, Jef (2000). The Humane Interface: New Directions for Designing Interactive Systems. New York: ACM Press & Addison-Wesley.
Sharp, Helen, Yvonne Rogers, & Jenny Preece (2007). Interaction Design: Beyond Human-Computer Interaction. New York: Wiley.
Winograd, Terry & Fernando Flores (1987). Understanding Computers and Cognition: A New Foundation for Design. New York: Addison-Wesley.
Winograd, Terry (1996). Bringing Design to Software. New York: ACM Press.

Recursos digitales [por orden alfabético]

Nota: excepto si se indica lo contrario, los artículos de investigación pueden ser descargados desde la Biblioteca Digital del ITESM, en la base de datos del ACM.

HiperWiki, portal wiki de soporte a la materia.
Shneiderman, Ben (1997). "Direct Manipulation for Comprehensible, Predictable and Controllable User Interfaces" in Proceedings of the 2nd International Conference on Intelligent user interfaces. New York: ACM Press. pp. 33 - 39.
Reyes, Everardo (2009). "Hypermedia as Media" in Proceedings of the 20th International Conference on Hypertext and Hypermedia. New York: ACM Press.