HCID-101 • Introduction to Human-Computer Interaction
M2R Interaction • Fundamentals of Human-Computer Interaction

2012-2013

Lectures: Room B211, building 640 (PUIO)
Michel Beaudouin-Lafon mbl@lri.fr

Wednesday 26 September, 9am-12pm
Wednesday 3 and Thursday 4 October, 9am-12pm
Wednesday 17 October, 9am-12pm
Wednesday 24 and Thursday 25 October, 9am-12pm
Wednesday 31 October, 9am-12pm
Wednesday 7 November, 9am-12pm

TA: David Bonnet - See the web site

Exam: Tuesday 20 November, 10am-12pm - See this page for previous years' exams (only the most recent ones are in English)

This page and its content are solely for students enrolled in the 2012-2013 HCID and Interaction Masters at Université Paris-Sud. It contains instructor's material (slides and audio recordings) that are not to be distributed without the author's written consent, and copyrighted materials (such as articles) that are only made available under the fair use exception to copyright law.

Course Summary

This is a joint course between the first year of the ICT Labs Master in Human-Computer Interaction and Design and the second year Specialty in Interaction of the Research Master in Computer Science.

The course gives an overview of the field of human-computer interaction, including a short history of HCI, a review of interaction styles, basic elements of psychology and software engineering for HCI, an in-depth analysis of graphical interaction, a sampling of post-WIMP interaction techniques, the notion of conceptual modeling, and a range of theories and models for HCI.

Lecture 1 — 26 September 2012 — Introduction and History of HCI

Handouts

• Introduction
• A Brief History of HCI

Audio recordings

• Introduction
• A Brief History of HCI

Videos shown in class

• SketchPad
• NLS/Augment short segment on groupware - Full video of The "mother of all demos" - Edited version
• Xerox Star introduction video - Video of the Star User Interface (1984) - Video of the "Last Xerox Star Demo" (1998)

Note: some videos don't play in the browser and mustmbe downloaded to view them with VLC.

Homework

Before the TA session next Tuesday, watch the Last Xerox Star Demo video above, and watch the three videos below and ask yourself what is good and what is bad about them:

• Apple Knowledge Navigator (1987)
• Microsoft Future Vision 2009 (Silverlight version)
• Microsoft Future Vision 2011 (Silverlight version)

Readings

Papers about visions:

• As we May Think. Vannevar Bush, The Atlantic Monthly, 1947
• Augmenting Human Intellect: A Conceptual Framework. Douglas Engelbart, SRI Report, 1962 (original report)
• The Computer for the 21st Century. Mark Weiser, Scientific American, 1991
• Interaction is more Powerful than Algorithms. Peter Wegner, Communications of the ACM, 1997
• Interacting in Chaos. Dan Olsen, ACM Interactions, 1999

Historical papers:

• The Xerox Star: a Retrospective. Jeff Johnson et al., IEEE Computer, 1989
• Inventing the Lisa User Interface. Roderick Perkins, Dan Smith Keller and Frank Ludolph, ACM Interactions, 1997 (see the figures here)
• A Brief History of Human-Computer Interaction History. Brad Myers, ACM Interactions, 1998
• (More historical material to come)

About innovation and invention:

• Innovation vs. Invention. Bill Buxton, Business Week, 2005
• The Long Nose of Innovation. Bill Buxton, Business Week, 2009
• Modeling and Forecasting the Information Sciences. Brian Gaines, Information Sciences, 1999

Lecture 2 — 3 October 2012 — Interaction styles, Psychology 101

Handouts

• Interaction styles
• Psychology 101

Audio recordings

• (The first part of the lecture did not get recorded - sorry)
• Psychology part 1

Videos shown in class

• Myron Krueger - Video Place (1988)
• Rich Bolt / Chris Schmandt - Put-that-there (1979)
• Pierre Wellner - Digital Desk (1993)

Readings

Videos about gesture-based interaction:

• Bill Buxton - Multitouch tablet (1985)
• Minority report (2002) - scene with gesture-based interface
• Jeff Han - TED talk on multitouch interface (2006)
• Leap Motion (2012)

Interaction Styles:

• Direct Manipulation Interfaces. Ed Hutchins, James Hollan & Don Norman, HCI Journal, 1985.
• Direct Manipulation vs. Interface Agents. Ben Shneiderman & Pattie Maes, ACM Interactions, 1997.
• Augmented Reality: Linking Real and Virtual Worlds. Wendy Mackay, Proc. Advanced Visual Interfaces, 1998.
• Tangible Bits: Towards Seamless Interfaces between People, Bits and Atoms. Hiroshi Ishii & Brygg Ullmer, Proc. ACM Human Factors in Computing Systems (CHI'97), 1997.

Psychology:

• Behaviorism (wikipedia)
• Cognitivism (wikipedia)
• Gestalt perception (wikipedia)
• James J. Gibson (wikipedia)

Lecture 3 — 4 October 2012 — Graphical Interaction

Handouts

• Graphical Interaction

Audio recordings

• Psychology part 2
• Graphical Interaction part 1

Homework

Read the following articles:

• Chunking and Phrasing and the Design of Human-Computer Dialogues. Bill Buxton, Proc. Proc. IFIP World Congress, 1986.

Readings

Psychology:

• Held & Hein's experiment
• Preattentive processing (from Perception in Visualization)
• Change blindness (from Perception in Visualization) - See also this video and this one
• Visual illusions:
  • Ames room
  • 99 Visual Phenomena & Optical Illusions
  • Mighty Optical Illusions
  • Hermann's Grid (my personal favorite) - see explanation here
• Auditory illusion:
  • Shepard-Risset tone: an infinite glissando (see also this page and the wikipedia page)
• Motor system:
  • The Information Capacity of the Human Motor System in Controlling the Amplitude of Movement. Paul Fitts. Journal of Experimental Psychology, 1954. (See also the wikipedia page)
  • Fitts' Law as a Research and Design Tool in Human-Computer Interaction. Scott Mackenzie. HCI Journal, 1992.
  • Asymmetric Division of Labo in Human Skilled Bimanuel Action: The Kinematic Chain as a Model. Yves Guiard, Journal of Motor Behaviour, 1987.
• Memory:
  • Types of memory (from The Human Memory)
  • The Magical Number Seven, Plus or Minus Two. George A. Miller, Psychology Review, 1955. (see also the wikipedia page)
  • The Forgetting Pill - article from Wired Magazine, february 2012
• Cognition:
  • Don Norman's action theory (wikipedia entry)
  • Lucy Suchman's book on Plans and Situated Actions (amazon link)
  • Situated cognition (wikipedia entry)

Lecture 4 — 17 October 2012 — Graphical Interaction

Audio recordings

• Graphical Interaction part 2

Videos shown in class

Videos from the UIST 2012 conference:

• Bimanual Gesture Keyboard
• Magic Finger: Always-Available Input Through Finger Instrumentation
• Digits: Freehand 3D Interactions Anywhere Using a Wrist-Worn Gloveless Sensor
• ConstraintJS: Programming Interactive Behaviors for the Web by Integrating Constraints and States
• Cliplets: Juxtaposing Still and Dynamic Imagery
• JellyLens: Content-Aware Adaptive Lenses
• Histomages: Fully Synchronized Views for Image Editing
• Sketch-Editing Games: Human-Machine Communication, Game Theory and Applications
• GaussSense: Attachable Stylus Sensing Using Magnetic Sensor Grid
• Steerable Augmented Reality with the Beamatron
• 3D Puppetry: A Kinect-Based Interface for 3D Animation
• KinÊtre: Animating the World with the Human Body
• Jamming User Interfaces: Programmable Particle Stiffness and Sensing for Malleable and Shape-Changing Devices
• Acoustic Barcodes: Passive, Durable and Inexpensive Notched Identification Tags
• Midas: Fabricating Custom Capacitive Touch Sensors to Prototype Interactive Objects
• Interactive Construction: Interactive Fabrication of Functional Mechanical Devices

Lecture 5 — 24 October 2012 — Advanced Graphical Interaction

Handouts

• Pointing and Navigation
• Instrumental Interaction

Audio recordings

• Pointing and Navigation
• Instrumental Interaction

Videos shown in class

• Drag'n'pop
• Semantic pointing (click the demo link to get to the Java applet)
• Bubble cursor (video)
• Dynaspot (video)
• Pad++
• OrthoZoom
• Crossy

Readings

• Fitt's Law as a Research and Design Tool in Human-Computer Interaction, I. Scott MacKenzie, Human-Computer Interaction, 1992.
• Pad (article)
• Instrumental Interaction (paper)
• Design principles (paper)

Lecture 6 — 25 October 2012 — User Interface Toolkits

Handouts

• User Interface Toolkits

Audio recordings

• User Interface Toolkits - part 1
• User Interface Toolkits - part 2

Material shown in class

• Prezi: Zoomable Presentation software - Sample presentation
• CPN2000 Petri net editor
• Bret Victor's home page - Tangle - Learnable Programming - Inventing on Principle (video)
• Metisse is not a 3D Desktop! - User interface facades
• XCode interface builder

Readings

• CPN2000 (article) - CPNtools web site
• Metisse window system (web page)

Lecture 7 — 31 October 2012 — Conceptual Modeling

Handouts

• Conceptual Modeling

Audio recordings

• Conceptual Modeling - part 1
• Conceptual Modeling - part 2

Readings

• Don Norman - The Design of Everyday Things

Lecture 8 — 7 November 2012 — Theories and Models

Handouts

• Theories and Models for HCI

Audio recordings

• Theories and Models - part 1
• Theories and Models - part 2