CS 4317: Human-Computer Interaction: Videos etc.

Assigned Readings/Viewings

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

Ethnography: Ellen Isaacs at TedxBroadway

Trinidad: Doing Ethnography


others, organized by syllabus topic

1.2 Historical Perspective

Altimeter

Nuclear Reactor Control Room

NLS Demo, Engelbart, 1968.

iOS History

7 Software Interfaces

2.0, 2.2, 5.0 Human Cognition

What Optical Illusions show us about Visual Perception

Experiment: The Blind Spot

Jeff Johnson Overview Video

2.3 Perception, Layouts, and Design

Concord, Contrast and Conflict, Winter-Hebert

Typography: Concordant, contrasting & Conflicting, at sitepoint.com

Gestalt Principles, at Interaction-Design.org, including video by William Hudson

Eye Tracking

Saul Greenberg on Graphical Design

Nitin Deshdeep on C.R.A.P. at vwo.com

2.4 Displays, Paper, and other Output Devices

Ambx, Phillips, video (start video a third of the way in, around 25 seconds)

The Ambient Orb, Ambient Devices (manufacturer)

Ammassalik wooden maps, also at Wikipedia

2.5 Information Visualization

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

Temporal information: Google Finance, How People Like You Spend Their Time

Geographical Information: New York Times Election 2016: interative maps Flight Radar 24

Frequencies and Trends: NameGrapher, Map of the Market

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

slanting and emotional considerations

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

3.1 Input Devices and Ergonomics

videos on mouse design, prototyping etc., from Moggridge 2007

Human Factors and Ergonomics Society Intro video

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

The First Mouse, Doug Engelbart

Multitouch Gesture Inventories: Fingerworks, Apple

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.

Human Factors: Memory (warning: pop psychology)

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

Affordance++: Allowing objects to communicate dynamic use

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

5.6 Anthroporphic Interfaces

Some Classic Systems:

6.3 Observing Users

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

7.0 Usability Methods

Palm Beach 2000 Ballot

The Important Field

Human Factors Methods

iOS Human Interface Guidelines

Usability Heuristics, by Saul Greenberg

Allocation of Functions Assignment

8.0 Prototyping

Hanmail Paper Prototype

Cormac Reidy's Paper Prototype Video

Mauricio Malo's Paper Prototype Demonstration

a Google search on User Interface Concept Sketch (select "Images" and examine 5-10 of them)

((Nightline's Ideo Shopping Cart Prototyping video))

9. Task Analysis, etc.

Hierarchical Task Analsysis at AHRQ.gov

10. Implementation

  • The Inamo Mouse System: A Hacktastic Story Design a Widget (Finite State Machines in Javascript), by Edward Pring: Part 1, Part 2, Part 3

    Derek Banas Tutorials: HTML, CSS, Javascript

    James Dempsey's MVC Song, lyrics

    Some Sliders

    More Widgets

    11. Web Design

    A Beginners Guide to Wireframing

    13. Groupwear

    Classic Case Studies and Design Exercises

    Design

    UI Design Patterns

    Pictive

    Elevator Button Story

    Google Design, Resources

    Material.io

    Overview/Review

    Retrospective: Human Computer Interaction - brief intro, from the Encyclopedia of Human-Computer Interaction.

    Concept Videos

    Future According to Intel - CES 2014

    from Intel, 2014.

    from Microsoft, 2012.


    Scott Klemmer's HCI Online Channel

    Saul Greenberg's Links to HCI Videos

    Videos in User-System Interaction


    Up to the Class Homepage

    Nigel Ward