CS 4317: Human-Computer Interaction: Videos etc.

(organized by syllabus topic)

1.2 Historical Perspective


Nuclear Reactor Control Room

NLS Demo, Engelbart, 1968.

iOS History

2.0, 2.2, 5.0 Human Cognition

What Optical Illusions show us about Visual Perception

Jeff Johnson Overview Video

2.3 Perception, Layouts, and Design

Eye Tracking

7 Software Interfaces

2.4 Displays, Paper, and other Output Devices

Ambx Kit

Ambient Devices

Pancake Bot

Ammassalik wooden maps

2.5 Information Visualization

Some classic static displays: Phylogenetic trees, Minard's Carte Figurative, Aeronautical Charts, various graphics ... A Tour through the Visualization Zoo

Temporal information: Google Finance

Geographical Information: New York Times Election 2016: interative maps

Frequencies and Trends: Baby Name Voyager, Map of the Market

Multipane presentation (Keshif.me): foodborne outbreaks, Kobe Bryant's shots

... and for just a little information: the Ambient Orb

3.1 Input Devices and Ergonomics

My PC: the Microsoft Mouse, Paul Bradley in Moggridge's Designing Interactions

The First Mouse, Doug Engelbart

Skinput: Appropriating the body as an input surface. Harrison et al., CHI 2010.

Improving Focus Targeting in Interactive Fisheye Views. (illustrating Fitt's Law). Gutwin. CHI 2002, at the Open Video Project.

An Efficient Text Input Method for Pen-based Computers. (predictive) Matsui et al., CHI 2002.

Microsoft Surface (Parody). (watch it with the sound off first)

Interface Controlled by Hand Gestures. at CES 2009, Youtube.

Context menus for the real world: the stick-anywhere computer. Lepinski et al., CHI 2009.

Illuminating Clay: A 3-D Tangible Interface for Landscape Analysis. Piper et al., CHI 2002.

Light Switch Exploration. Hecht, CHI 1996, at the Open Video Project; nicely illustrates the idea of metaphor.

Microsoft Showcase: Productivity Future Vision, showing some potential uses for large and small displays

3.2 Augmented Reality and Ubiquitious Computing

Hyperlinking reality via camera phones. Omercevic et al., CHI 2009.

DinnerWare: why playing with food should be encouraged, Coelho, CHI 2009.

Pulp-based Computing: a framework for building computers out of paper. Coelho et al., CHI 2009.

4.0 Time

The Model Human Processor

The learning curve

find the critical path

the cost of longer glance times while driving

Faster progress bars: manipulating perceived duration with visual augmentations. Harrison et al., CHI 2010.

5.0 Higher Cognition and Interaction Styles

Bumptop, an example of metaphor in design

Don Norman on Design and Emotion

Mads Soegaard's examples of Interaction Styles

Usability Heuristics, by Saul Greenberg

Beyond Simple Screen Design, by Saul Greenberg, especially the sections on Metaphors and Direct Manipulation.

5.6 Interaction Styles: Anthroporphic Interfaces

James the robot bartender


Open-World Dialog, Prototype Video. Bohus and Horvitz, ICMI 2009.

6.3 Observing Users

The science of fun. Bolt and Tulathimutte, CHI 2009. (under the "Source Materials" tab)

7.0 Usability Methods

iOS Human Interface Guidelines

8.0 Prototyping

Comm.unity: leveraging social and physical proximity. Aharony et al., CHI 2009.

Adaptive User Interfaces with Force Feedback. Ramstein et al., CHI 1996, at the Open Video Project. (Wizard-of-Oz illustrated halfway through)

IDEO Prototyping Example

10. Implementation

Some Sliders and some Skins

Design a Widget (Finite State Machines in Javascript), by Edward Pring.

Derek Banas Tutorials: HTML, CSS, Javascript

James Dempsey's MVC Song, lyrics

Dancing with Myself. Bartneck et al., CHI 2009.

13. Groupwear

Remote impact: shadowboxing over a distance. Mueller et al., CHI 2009.

Embodied social proxy: mediating interpersonal connection in hub-and-satellite teams. Venolia et al., CHI 2010.

StoryKit: Tools for Children to Build Room-Sized Interactive Experiences, CHI, 2001

Mediating Shoulder Surfing on Public Displays, CHI 2014.

Concept Videos

Future According to Intel - CES 2014

Intel, 2014.

Microsoft, 2012.

Scott Klemmer's HCI Online Channel

Saul Greenberg's Links to HCI Videos

Videos in User-System Interaction

Shneiderman and Plaisant's User Interface Video Links

Class Homepage

Up to Nigel's Home Page