Hans Rosling

Image Source: Wikipedia

Goals of HCI

• Make the world a better place
• Understand data
• Help people interact, communicate with one another
• Give people better control over tools (machines)

Goals of HCI - How?

• Study, plan, design, apply interaction between people and computers
• Use results from computer science, cognitive & behavioral psych, design, media studies, etc.

Douglas Engelbart (1925-2013)

Image Source: Wikipedia

Engelbart's Motivations

• Make the world a better place
• That requires organized effort
• Harnessing collective intellect of people working on solutions was key
• If that process was made easier, it would boost every effort working on those problems
• Computers could be the tool needed

First Computer Mouse

Image Source: Wikipedia

oN-Line System (NLS)

First operating system to include:

• Mouse
• Hypertext links
• Raster-scan video monitors
• Screen windowing
• Presentation programs
• Organized information
• Collaborative editing and messaging

The Mother of All Demos

Image Source: Michael Heilemann on Flickr

The Mother of All Demos

December 9, 1968

• Over 1000 computer professionals
• Combined state-of-the-art technology in a single demo:
  • Live Video Projection
  • Tele / Video Conferencing
  • Computer Displays

NLS - Modern Equivalents

Video Clip Archive

• Clip 7 -Wikis
• Clip 8 - Graphic Files
• Clip 10 - Presentations
• Clip 12 - Mouse
• Clip 15 - CRT Displays
• Clip 22 - Word Processing
• Clip 23 - Email
• Clip 25 - Live Collaboration

Desktop Metaphor (1981)

Xerox Star Workstation (1981)

Image Source: Wikipedia

Desktop Metaphor (1984)

Macintosh Desktop (1984)

Image Source: Wikipedia

Related Fields

• Psychology (memory and perception)
• Sociology
• Cognitive Science
• Ergonomics
• Graphic Design
• Interaction Design
• Speech-language Pathology
• Phenomenology (consciousness)

"Good" HCI

• Functionality
• Reliability
• Usability
• Efficiency
• Maintainability
• Portability

Iterative Design

Image Source: Wikipedia

Automated Adaptive Instruction

Providing the user with instructions based on previous actions and possible next actions

Image Source: Wikipedia

Image Source: Toasty Tech

Assistive Agents

Image Source: Wikipedia

Image Source: Toasty Tech

Lessons Learned

Led to lots of ideas

• Search hints on Google
• Context clues on touch interfaces

Legacy: instead of changing human behavior, change the program to fit their expected behavior

Put things where people
expect them to be

PLATO

Programmed Logic for Automated Teaching Operations

Image Source: Wikipedia

Design Changes Over Time

Windows 8

Image Source: Wikipedia

Image Source: Wikipedia

Image Source: Wikipedia

The FutureImmersion & Ubiquity

• Touch Interfaces - 10/GUI
• Ubiquitous Computing
• Augmented Reality - Google Glass
• 3D Vision - Oculus Rift

Don Norman (2006 Franklin Medalist)

Image Source: Wikipedia

Assignments

• Read and be prepared to discuss:
  • Tubes Chapter 1
• Blog 5: Making Meaning: POTS - Due 3/2 10:00 PM
• Video Project - Due 2/27 10:00 PM
• Scratch HPC - Due 3/3 10:00 PM

Blog 5: Making Meaning - POTS

Now that we’ve finished reading the first textbook, it is time to step back and think about what we read. Write about your reactions to it and what you learned from it. I’d recommend almost treating this like an in-depth book review for others who are interested in reading the book, but don’t mind some spoilers. Some questions I’d like you to answer:

• How did you feel reading this book? Engaged? Bored? Interested?
• What was the most interesting thing you learned?
• Were there any parts of the book you didn’t like?
• Were there any terms or concepts that you looked up (Googled) to find more information about? What were they? What did you find?
• Did this book help explain things you didn’t know about computers?
• Would you recommend this book to a friend that wanted to know more about computers?