Recap: Interaction Design
- Interaction Design
- Designing interactive products to support people in their everyday and working lives.
- Goals of ID
- Allows users to carry out tasks safely, effectively, efficiently, and enjoyably.
Recap: Why is HCI important?
- Computers (in one way or another) now affect every person in society
- Product success may depend on ease of use, not necessarily power
Why study human use of computers?
- HCI is worth studying because it aligns both human interests and economic interests.
- The HCI discipline includes the study of:
- the use and context of computers
- human characterstics
- computer system and interface architecture
- the development process
History of HCI
Main theme
- human->computer
- ↓
computer->human
Five stages
Manual work
Command line
- GUI
- Network UI
Multi-modal UI
Input/Output devices
The lesson
Keyboards & terminals are just artifacts of today's technologies
New input/output devices will change the way we interact with computers
Basic Interactions
Direct Manipulation of graphical objects
- The Mouse
Windows
Vannevar Bush (1890-1974)
"As we may think" article in Atlantic Monthly
Identified the information storage and retrieval problem: new knowledge does not reach the people who could benefit from it.
- Bush's Memex
- Conceiving Hypertext and the World Wide Web
- a device where individuals stores all personal books, records, communication.etc
- items retrieved rapidly through indexing, keywords, cross references,...
- can annotate text with margin notes comments...
- can construct and save a trail (chain of links) through the material
- acts as an external memory
- Bush's Memex based on microfilm recorder
- but not implemented
- Conceiving Hypertext and the World Wide Web
J.C.R. licklider (1915-1990)
- "Computing's Johnny Appleseed"
- His ideas foretold of graphical computing, point-and-click interfaces, digital libraries, e-commerce, online banking, and software that would exist on a network and migrate to wherever it was needed.
- Outlined "man-computer symbiosis"
- Immediate goals
time sharing of computers among many users
- electronic i/o for the display and communication of symbolic and pictorial information
- interactive real time system for information processing and programming
large scale information storage and retrieval
- facilitation of human cooperation in the design & programming of large systems
- combined speech recognition, hand-printed character recognition & light-pen editing
- Long tem visions
- natural language understanding (syntax, semantics, pragmatics)
- syntax 语法:The study of the rules whereby words or other elements of sentence
- semantics 语义:The study or science of meaning in language forms
- pragmatics 语用:The study of language as it is used in a social context and affects the interlocutors(对话者) and their behavior
- speech recognition of arbitrary computer users
- heuristic programming
- natural language understanding (syntax, semantics, pragmatics)
Ivan Sutherland's SketchPad
- Sophisticated drawing package
- Introduced many ideas/concepts now found in today's interface
- hierarchical structures defined pictures and sub-pictures
- object-oriented programming: master pictures with instances
- constraints: specify details which the system maintains through changes
- icons: small pictures that represented more complex items
- copying: both pictures and constraints
- input techniques: efficient use of light pen
- world coordinates: separation of screen from drawing coordinates
- recursive operations: applied to children of hierarchical objects
- Parallel developments in hardware
- "low-cost" graphics terminals
- input devices such as data tablets
- display processors capable of real-time manipulation of images
- HMD
- ACM Turning Award
Douglas Engelbart
The problem (early '50s)
A Conceptual Framework for Augmenting Human Intellect (SRI Report, 1962)
Online Resources
- ACM SIGCHI(1982) www.sigchi.org
- Human Factors & Ergonomics Society https://www.hfes.org
- HCI Journals
- The HCI Bibliography http://www.hcibib.org
- Resonant Interface Book
- ID Book http://www.id-book.com
- GUI gallery
- Bad UI designs