Fundamentals of Human-Computer Interaction 1

2023-2024

Lectures: building 640 (PUIO), room E107, Tuesday 2pm-3:30pm - map
Instructor: Michel Beaudouin-Lafon mbl@lri.fr
TA sessions: building 640 (PUIO), room E107, Tuesday 4pm-5:30pm - map
Teaching Assistants: Katerina Batziakoudi and Eya Ben Chaaben TA website: https://ecampus.paris-saclay.fr/course/view.php?id=120172

Week 1: Lecture Tuesday 5 September, 2pm-3:30pm, E107 / TA 4pm-5:30pm, E107
Week 2: Lecture Tuesday 12 September, 2pm-3:30pm, E107 / TA 4pm-5:30pm, E107
Week 3: Lecture Tuesday 19 September, 2pm-3:30pm, E107 / TA 4pm-5:30pm, E107
Week 4: Lecture Tuesday 26 September, 2pm-3:30pm, E107 / TA 4pm-5:30pm, E107
Week 5: Lecture Tuesday 3 October, 2pm-3:30pm, E107 / TA 4pm-5:30pm, E107
Week 6: Lecture Tuesday 10 October, 2pm-3:30pm, E107 / TA 4pm-5:30pm, E107
Week 7: Lecture Tuesday 17 October, 2pm-3:30pm, E107 / TA 4pm-5:30pm, E107

Course Summary

This is a mandatory course between for the first year of the Interaction Specialty of the Master in Computer Science and the EIT Digital Master in Human-Computer Interaction and Design. It is also open to students from other specialties of the Master in Computer Science of Université Paris-Saclay and to the students of the Interaction, Graphics and Design Masters of Institut Polytechnique de Paris.

The course gives an overview of the field of human-computer interaction, including a review of interaction styles, basic elements of psychology and software engineering for HCI, an in-depth analysis of graphical interaction and the notion of conceptual modeling. It is complemented by the Fundamentals of HCI 2 course.

This page and its content are solely for students enrolled in the 2023-2024 HCI Masters at Université Paris-Saclay. It contains instructor's material (slides and audio/video 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.

Week 1 — 5 September 2023 — Introduction

Handouts

• Introduction

Recordings

• Lecture

Readings for Introduction

• Interaction is more Powerful than Algorithms. Peter Wegner, Communications of the ACM, 1997
• Interacting in Chaos. Dan Olsen, ACM Interactions, 1999
• HCI, Natural Science and Design: A Framework for Triangulation Across Disciplines. Mackay & Fayard, Designing Interactive Systems, 1997

Week 2 — 12 September 2023 — Interaction styles

Handouts

• Interaction styles

Recordings

• Lecture

Readings in Interaction Styles

• Direct Manipulation Interfaces. Ed Hutchins, James Hollan & Don Norman, HCI Journal, 1985.
• Chunking and Phrasing and the Design of Human-Computer Dialogues. Bill Buxton, Proc. Proc. IFIP World Congress, 1986.
• 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.

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)

Videos about other Interaction Styles

• Myron Krueger - Video Place (1988)
• Rich Bolt / Chris Schmandt - Put-that-there (1979)
• Durrell Bishop - Marble Answering Machine (1992)
• Pierre Wellner - Digital Desk (1993)
• Otmar Hilliges (Microsoft) - Holodesk (2012)
• Microsoft - RoomAlive (2014)
• Chris Harrison (CMU) - Skinput (2016)
• MIT Media Lab - InForm (2013)
• Mathieu Le Goc (Inria) - Zooids (2017)

Week 3 — 19 September 2023 — Psychology 101

Handouts

• Psychology 101 (up to slide 22)

Recording

• Lecture

Videos shown in class

• Monkey business illusion
• Toolglass and Magic Lenses: The See-Through Interface - Paper, E. Bier et al., Proc. ACM SIGGRAPH 93, 1993.

Readings in Psychology

General psychology:

• Behaviorism
• Cognitivism
• Gestalt perception
• James J. Gibson

Visual system:

• 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 - explanation
• Mighty Optical Illusions
• Hermann's Grid (my personal favorite) - see explanation here

Auditory illusion:

• Shepard-Risset tone: an infinite glissando (see also 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 Labor in Human Skilled Bimanuel Action: The Kinematic Chain as a Model. Yves Guiard, Journal of Motor Behaviour, 1987.

Cognitive biases (general):

• Wikipedia page
• Wikipedia list of cognitive biases
• Wikipedia page on Behavioral Economics
• Cognitive bias cheat sheet. Buster Benson, Medium, sep 2016.
• 18 Cognitive Bias Examples Show Why Mental Mistakes Get Made. Jeff Desjardins, Visual Capitalist, 2018.
• The Cognitive Biases Tricking Your Brain. Ben Yagodo, The Atlantic, 2018.
• Thinking Fast and Slow. Daniel Kahneman, 2011.

Cognitive biases in HCI:

• Decision Frames: How Cognitive Biases Affect UX Practitionerse. Kathryn Whitenton, Nielsen Norman Group, 2016.
• Priming and Anchoring Effects in Visualization. Calero Valdez et al. IEEE TVCG, 2017.
• Mitigating the Attraction Effect with Visualizations. Dimara et al., IEEE TVCG, 2019.

Week 4 — 26 September 2023 — Graphical interaction (part 1)

Handouts

• Psychology 101 (from slide 23 - see references above)
• Graphical Interaction part 1 (up to slide 47)

Recordings

• Lecture

Videos shown in class

• Indirect interaction

Additional resources

• All the widgets - 1990 video by Brad Myers

Week 5 — 3 October 2023 — Graphical interaction (part 2)

Handouts

• Graphical Interaction (from slide 48)
• Graphical Interaction 2

Recordings

• Lecture

Videos shown in class

• Marking menus - article - Gordon Kurtenbach's thesis
• Octopocus - article - web site

Additional resources

• A Personal History of Modeless Text Editing and Cut/Copy/Paste. Larry Tesler, Interactions Magazine, 2012.

Week 6 — 10 October 2023 — Conceptual Modeling

Handouts

• Conceptual modeling

Recordings

• Lecture

Videos shown in class

• Dynamic planar map illustration, P. Asente

Readings on planar maps

• Planar maps: An Interaction Paradigm for Graphic Design, P. Baudelaire & M. Gangnet, CHI'89.
  For the maths behind it: Incremental Computation of Planar Maps, M. Gangnet et al., SIGGRAPH'89.
• Dynamic planar map illustration, P. Asente, M. Schuster, T. Pettit, SIGGRAPH 2007.

Week 7 — 17 October 2023 — Design principles

Handouts

• Design principles

Recordings

• Lecture

Readings

• Don Norman - The Design of Everyday Things
• Carelman - Catalogue des objets introuvables - see also images from the original edition or a Google Image search (click "Images" if you get the regular Google result page).

Videos shown in class

• BumpTop