Week 01 Introduction to HCI / History of HCI HCI 2016 Spring Human-Computer Interaction+Design Lab _ Joonhwan Lee
Course Information Introduction to HCI History of HCI
Course Introduction
TA : email: joonhwan@snu.ac.kr office: 64-405 phone: 880-6450 / 010-9212-4975 TA: ( yoon925@gmail.com ) http://hcid.snu.ac.kr/courses/hci-researchmethods-2016/ https://piazza.com/snu.ac.kr/spring2016/ m1312000100/home 4
- (HCI:Human-ComputerInteraction),,,,., HCI. HCI, HCI HCI. 5
http://www.joonhwan.com/courses/2016/hci- Research-Methods-2016.pdf 6
T1 T2 Jenny Preece, Helen Sharp, Yvonne Rogers, Interaction Design, beyond human-computer interaction, 4rd Edition, Wiley I. Scott MacKenzie, Human-Computer Interaction, An Empirical Research Perspective, MK 7
Introduction to HCI
Herbert A. Simon (June 15, 1916 February 9, 2001) Carnegie Mellon University Nobel Memorial Prize laureates Turing Award laureates
HCI? HCI (Human-Computer Interaction) (ACM, 1992) (Human) (Computer) (Interaction), (Nickerson and Landauer, 1997) 10
HCI? HCI : human, computer, interaction human interaction computer system,,. eg. PC,, PDA, 11
HCI HCI task HCI UI(User Interface),, HCI UI, HCI user s thinking process, workflow, computer mediated communication, social computing etc. 12
HCI HCI,, : problem finding methods, interaction design : evaluation methods : implementation methods 13
HCI HCI HCI (ACM SIGCHI) 1982 HCI 1960,,, 14
HCI.. HCI : : SNS social computing. 15
HCI
17
HCI HCI ( ), breakdown Wii Remote Controller ( : ) more...? 18
HCI (, 2005) (usefulness) (usability) (affect) 19
HCI (usefulness) task (effective) / 20
HCI (Usability) (effective) : (low cost)! cargo /, 21
HCI (affect) : :.. (Norman, 2004) 22
HCI (Human). HCI. HCI (Carroll, 1997), interaction., engagement. 23
HCI (Computer System) HCI HCI (input device), ( pervasive computing) 24
HCI (Interaction) HCI (interaction) HCI interaction design. (Preece, Rogers and Sharp, 2002), Palm device user interface twitter, iphone. 25
HCI (task) HCI. : (context) : vs. (?) : vs.. 26
HCI HCI : human, computer, interaction human interaction computer system 27
HCI HCI : human, computer, interaction + task( ), context( ) human task interaction computer system context 27
HCI HCI,,,,, HCI 28
HCI,,, HCI HCI / :,, : ( :, ) 29
HCI,, HCI / ( :,, ) pervasive computing HCI, HCI 30
HCI,, :, HCI. HCI ( / ), : (, ), 31
HCI, usability framework 32
HCI,, : : :,., HCI 33
HCI is NOT UX CogPsy Behavioral Science Comp. Science HCI Interaction Design 34
HCI is NOT UX CogPsy Behavioral Science Comp. Science HCI Interaction Design UX Methods 34
HCI Applied Perception HCI History Understanding Interaction Motor Behavior The Human Factor Cognitive Aspect Information Processing Interaction Elements Social/Emotional Interaction Notational Systems Scientific Foundations Interfaces Mental Models Designing HCI Experiments Data Gathering/Analysis Exploring and Finding Information Hypothesis Testing Interaction Design Process Distributed Cognition Modeling Interaction User Requirements Finding Cognitive Work Analysis Writing and Publishing a Design/Prototype Common Ground Theory Activity Theory Algorithm Design Rationale as Theory Research Paper Evaluation Field Studies Usability Testing 35
HCI Applied Perception Motor Behavior Information Processing Notational Systems Mental Models CogPsy Exploring and Finding Information Distributed Cognition Cognitive Work Analysis Common Ground Theory Activity Theory Algorithm Design Rationale as Theory HCI History The Human Factor Interaction Elements Scientific Foundations Designing HCI Experiments Hypothesis Testing Modeling Interaction Writing and Publishing a Research Paper Understanding Interaction Cognitive Aspect Social/Emotional Interaction Interfaces Data Gathering/Analysis UXD Interaction Design Process User Requirements Finding Design/Prototype Evaluation Field Studies Usability Testing 35
vs Applied Perception HCI History Motor Behavior The Human Factor Information Processing Interaction Elements Notational Systems Scientific Foundations Mental Models Exploring and Finding Information Distributed Cognition Research Designing HCI Experiments Hypothesis Testing Modeling Interaction Cognitive Work Analysis Writing and Publishing a Common Ground Theory Research Paper Activity Theory Algorithm Design Rationale as Theory Understanding Interaction Cognitive Aspect Social/Emotional Interaction Interfaces Data Gathering/Analysis Field Interaction Design Process User Requirements Finding Design/Prototype Evaluation Field Studies Usability Testing 36
History of HCI
Significant Event Timeline SIGCHI 2015, SEOUL 38
As We May Think (1945) Vannevar Bush Memex 39
As We May Think (1945) ( ) ( ) ( ) (micro film):,. 40
As We May Think (1945) http://dl.acm.org/citation.cfm? id=227181.227186&coll=dl&dl=guide&cfid=470398797&cftoken=91695293 41
Sketchpad (1962) Ivan Sutherland MIT Sketchpad 42
Sketchpad (1962) Ivan Sutherland Sketchpad memex, geometry shape line graphical user interface,,,, direct manipulation interface (B. Shneiderman, 1983) 43
Sketchpad (1962) Direct Manipulation Direct manipulation features: Visibility of objects Incremental action and rapid feedback Reversibility (e.g. undo) Exploration Syntactic correctness of all actions : Only legal actions are permitted by the UI Replacing language with action : No arcane command syntax to memorize (supports recognition over recall) Term coined by Ben Shneiderman Shneiderman, B., Direct manipulation: A step beyond programming languages, in IEEE Computer, 1983, August, 57-69. 44
Sketchpad (1962) https://www.youtube.com/watch?v=usyot_ha_ba https://www.youtube.com/watch?v=bkm3cmrqk2o 45
Invention of the Mouse (1963) Douglas Engelbart 46
Invention of the Mouse (1963) Douglas Engelbart Stanford Research Institute 2 wheel x, y (ball) wheel 47
HCI s First User Study A comparative evaluation of English, W. K., Engelbart, D. C., & Berman, M. L. (1967). Display selection techniques for text manipulation. IEEE Transactions on Human Factors in Electronics, HFE-8(1), 5-15. 48
HCI s First User Study Experiment Design Participants: 13 Independent variable Input method with six levels: mouse, light pen, Grafacon, joystick (position-control), joystick (rate-control), knee-controlled lever Dependent variables Task completion time, error rate Note: task completion time = access time + motion time Within-subjects, counterbalanced Task: Press spacebar, acquire device, position cursor on target, select target 49
HCI s First User Study Results (1) Notes: 1 Access time with the knee-controlled lever was zero (since the device is always acquired ). 2 Light pen use is fatiguing, since the user s arm is held in the air in front of the display. 50
HCI s First User Study Results (2) 51
Xerox Star (1981) 52
Xerox Star (1981) 70 Engelbart Desktop metaphor icon, folder, file, desktop GUI & Point-selection system direct manipulation system ethernet networking, file server, print server, email 53
Xerox Star (1981) 54
Birth of HCI (1983) Notable Events First ACM SIGCHI Conference (1983) Publication of The Psychology of Human-Computer Interaction by Card, Moran, and Newell (1983) Apple Macintosh announced via brochures (December, 1983) and launched (January, 1984) 55
Birth of HCI (1983) First ACM SIGCHI Conference (1983) HCI 1969, SIGSOC(SIG on Social and Behavioral computing) SIGSOC social science 1978 SIGSOC 1982 Conference on Human Factors in Computing Systems SIG on Computer Human Interaction (SIGCHI) 56
Birth of HCI (1983) ACM SIGCHI Mission The ACM Special Interest Group on Computer-Human Interaction is the world s largest association of professionals who work in the research and practice of computer-human interaction. This interdisciplinary group is composed of computer scientists, software engineers, psychologists, interaction designers, graphic designers, sociologists, and anthropologists, just to name some of the domains whose special expertise come to bear in this area. They are brought together by a shared understanding that designing useful and usable technology is an interdisciplinary process, and believe that when done properly it has the power to transform persons lives. 57
Birth of HCI (1983) ACM SIGCHI website 58
Birth of HCI (1983) SIGCHI Conference Publications 59
Birth of HCI (1983) The Psychology of Human-Computer Interaction Card, Moran, and Newell (1983) 60
Birth of HCI (1983) The Psychology of Human-Computer Interaction Card, Moran, and Newell (1983) HCI human sensory, cognition, motor system HCI Graphical User Interface MHP (Model Human Processor) 61
Birth of HCI (1983) The objective of the book (by Allen Newell) We had in mind the need for a theory for designers of interfaces. The design of the interface is the leverage point in human-computer interaction. The classical emphasis of human factors and man-machine psychology on experimental analysis requires that the system or a suitable mock-up be available for experiment, but by the time such a concrete system exists, most of the important degrees of freedom in the interface have been bound. What is needed are tools for thought for the designer so at design time the properties and constraints of the user can be brought to bear in making the important choices. Our objective was to develop an engineering-style theory of the user that permitted approximate, back-of-theenvelop calculations of how the user would interact with the computer when operating at a terminal. 62
Birth of HCI (1983) The Model Human Processor 63
Birth of HCI (1983) The Psychology of Human-Computer Interaction Card, Moran, and Newell (1983) GOMS (Goals, operators, methods, and selections rules model) KLM (Key-stroke model) prediction model! 64
Apple Macintosh (1984) 65
Apple Macintosh (1984) 65
Apple Macintosh Timeline 66
Early HCI Research Effective menu design breadth vs depth in menu design (one example) 67
HCI Research Now New interaction technologies Two-finger gestures (Apple iphone, 2007) Acceleration-sensing (Nintendo Wiimote, 2005) Wheel mouse (Microsoft Intellimouse, 1996) Single-stroke text input (Palm s Graffiti, 1995) Social computing human computation crowdsourcing computational journalism User experience interaction design service design and more 68
HCI Research Products 69
Reading Assignment T2: Chapter 1 T1: Chapter 1, 2
Questions?