Human-Computer Interaction

1 Introduction

This course organizes and presents course material to enable students to learn by themselves.

This course is composed of the following lessons:

  1. Introduction: Introduction to the content and structure of the course
  2. What is HCI?: Definition of Human-Computer Interaction
  3. History of HCI: Brief introduction to the history of HCI
  4. Memex: Memex is a device that would compress and store all books, records, and communications of people
  5. Sketchpad: Sketchpad is considered to be the ancestor of modern computer-aided design (CAD) programs as well as a major breakthrough in the development of computer graphics in general
  6. The Mother of All Demos: A live computer demonstration of NLS that included almost all the fundamental elements of modern personal computing
  7. Xerox Star: The first commercial system to incorporate a window-based graphical user interface, icons, folders and a mouse
  8. Apple Lisa: The first personal computer to offer a graphical user interface in a machine aimed at individual business users
  9. Future of interfaces?: Future interfaces can be found around us
  10. User interface design: Terms related to user interface design: interaction design, user experience design, and user-centered design
  11. Card sorting: A technique to generate a category tree from a group of concepts
  12. [ex] Card sorting: Exercise about card sorting
  13. Visual vocabulary for describing IA and interaction design: A visual vocabulary for describing information architecture and interaction design by Jesse James Garrett
  14. [ex] Information architecture and interaction design: Exercise about information architecture and interaction design
  15. Why is important prototyping?: The importance of prototyping in the development of computer interfaces
  16. Storyboarding: Storyboarding is used to define the screens that software will display
  17. Paper prototyping:
  18. [ex] Paper prototyping:
  19. How to test paper prototypes:
  20. [ex] Testing paper prototypes:
  21. Video prototyping:
  22. Creating and comparing alternatives:
  23. More information: Links and resources about human-computer interaction
  24. Software: Software for human-computer interaction