history and future of human computer interaction (hci) and interaction design
DESCRIPTION
This is the first presentation given for the master course at HITLab, Canterbury University, Christchurch, New Zealand. It shows the snippets of the history of the field of human computer interaction that led to its increasing popularity at the present.TRANSCRIPT
![Page 1: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/1.jpg)
the field of HCI: some bits and pieces of its history aga szóstek(at)gmail.com
![Page 2: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/2.jpg)
what is HCI?
![Page 3: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/3.jpg)
engineering, computer science
psychology, sociology,
ethnography
design
HCI
![Page 4: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/4.jpg)
what is interaction design?
![Page 5: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/5.jpg)
![Page 6: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/6.jpg)
![Page 7: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/7.jpg)
- Human Computer Interaction - User Centred Design - User Experience - Experience Design - Service Design - Design Thinking
![Page 8: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/8.jpg)
- Human Computer Interaction - User Centred Design - User Experience - Experience Design - Service Design - Design Thinking
![Page 9: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/9.jpg)
„Interaction design”: Preece, Sharp, Rogers
![Page 10: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/10.jpg)
![Page 11: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/11.jpg)
- Human Computer Interaction - User Centred Design - User Experience - Experience Design - Service Design - Design Thinking
![Page 12: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/12.jpg)
![Page 13: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/13.jpg)
![Page 14: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/14.jpg)
- Human Computer Interaction - User Centred Design - User Experience - Experience Design - Service Design - Design Thinking
![Page 15: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/15.jpg)
![Page 16: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/16.jpg)
![Page 17: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/17.jpg)
a short history of the HCI
![Page 18: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/18.jpg)
before it all happened
![Page 19: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/19.jpg)
basic calculating devices first appeared in antiquity
![Page 20: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/20.jpg)
the first mechanical calculating aid was invented in the 17th century
![Page 21: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/21.jpg)
the word: computer was first recorded to be used in1613 by R. B. Gent in Yong Mans Gleanings “I haue read the truest computer of Times, and the best Arithmetician that euer breathed, and he reduceth thy dayes into a short number.”
(source: Oxford Dictionary)
![Page 22: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/22.jpg)
the word first was applied to human computers: people who performed calculations often as employment
![Page 23: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/23.jpg)
Konrad Zuse (1910-1995) - 1936: construction of an automatic
machine (Z1) with a binary mechanical memory, a mechanical calculation unit and a programming unit
- 1939: construction of a Z2 version with a still mechanical memory but with a relay-operated electromechanical calculating unit
- 1941: an electromechanical computer (Z3) submitted in to an audience of engineers and scientists
- 1944: construction of Z4 with a mechanical memory
- up to 1951 this machine remained the only working computer in Europe
![Page 24: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/24.jpg)
ENIAC (1943) - the first electronic numerical integrator and computer in the US
![Page 25: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/25.jpg)
mainframe computers
![Page 26: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/26.jpg)
the dawn
![Page 27: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/27.jpg)
memex design sketch (1945)
![Page 28: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/28.jpg)
DEC PDP-1 (1959)
![Page 29: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/29.jpg)
SketchPad by Ivan Sutherland at MIT (1963)
![Page 30: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/30.jpg)
first mouse by Douglas C. Engelbard at Stanford (1964)
![Page 31: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/31.jpg)
NLS demo (1968)
![Page 32: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/32.jpg)
first HCI wave (1980s)
![Page 33: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/33.jpg)
- computer scientists interested in changes in ways people interact with information systems
- psychologists interested in implications of these changes
![Page 34: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/34.jpg)
- rigid guidelines - focus on the ergonomics and human factors - anthropometry, mainly quantitative - interaction between a single person and a computer - lab studies - task-oriented experiments - usability testing and experimental psychology
![Page 35: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/35.jpg)
Xerox Star (1981)
![Page 36: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/36.jpg)
1988 Donald Norman’s first book on user centered design
![Page 37: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/37.jpg)
1995 Jakob Nielsen's 10 general principles for interaction design called "heuristics" as they are broad rules of thumb and not specific usability guidelines
![Page 38: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/38.jpg)
Some fundamental problems: - experimental setups capable of explaining
behaviors in constrained situations - difficult to generalize to new contexts and tools - ecological considerations - impossible to analyze group behavior
![Page 39: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/39.jpg)
second wave (1990s)
![Page 40: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/40.jpg)
- “from human factors to human actors” (Bannon, 1986) - focused on theory on work settings and interaction
within communities of practice - situated action, distributed cognition and activity theory
as important sources of theoretical reflection - field studies, more and more qualitative - context based - rigid guidelines, formal methods, and systematic testing
exchanged for proactive methods such as participatory design workshops, prototyping and contextual inquiries
![Page 41: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/41.jpg)
Kitchen stories style of research
![Page 42: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/42.jpg)
World Wide Web (1990)
![Page 43: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/43.jpg)
Ubiquitous Computing, Mark Weiser (1991)
![Page 44: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/44.jpg)
basic structure of human activity by Engestrom (1987)
![Page 45: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/45.jpg)
the notion of boundary objects
![Page 46: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/46.jpg)
Some more fundamental problems: - context undefined - users as designers - pragmatism versus emotions - role of the design process
![Page 47: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/47.jpg)
third wave (2000s)
![Page 48: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/48.jpg)
- expanding the reach to homes and larger environments
- wide technology application - working on emotions and experiences - users as active participants and not passive subjects - importance of cultural differences - following a solid design process - non-rational thinking supported (intuition, talent, etc.) - design as a way to innovate - phenomenology
![Page 49: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/49.jpg)
2005 Donald Norman’s book „Emotional design”
![Page 50: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/50.jpg)
iPhone
![Page 51: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/51.jpg)
UX over time
![Page 52: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/52.jpg)
![Page 53: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/53.jpg)
pleasurable troublemakers
![Page 54: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/54.jpg)
in retrospect…
![Page 55: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/55.jpg)
![Page 56: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/56.jpg)
![Page 57: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/57.jpg)
this is one view on it…
![Page 58: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/58.jpg)
…how about a different one?
![Page 59: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/59.jpg)
Altair 880 (1975): focus on making technology work while bringing more functionality
![Page 60: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/60.jpg)
iPhone (2007): making technology not only work
but work beautifully and flow
![Page 61: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/61.jpg)
IBM Simon (1993): first smartphone
![Page 62: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/62.jpg)
the third milestone?
![Page 63: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/63.jpg)
technology working together as an ecosystem
![Page 64: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/64.jpg)
the end of focusing on individual devices
![Page 65: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/65.jpg)
integrating technology in a seamless manner
![Page 66: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/66.jpg)
changing interaction
![Page 67: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/67.jpg)
wearable senses
![Page 68: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/68.jpg)
adaptable environments
![Page 69: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/69.jpg)
robotics
![Page 70: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/70.jpg)
![Page 71: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/71.jpg)
we aready have examples of it…
![Page 72: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/72.jpg)
![Page 73: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/73.jpg)
![Page 74: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/74.jpg)
![Page 75: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/75.jpg)
![Page 76: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/76.jpg)
![Page 77: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/77.jpg)
![Page 78: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/78.jpg)
role of interaction designer
![Page 79: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/79.jpg)
research
design
![Page 80: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/80.jpg)
![Page 81: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/81.jpg)
user researcher
![Page 82: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/82.jpg)
interaction designer
![Page 83: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/83.jpg)
![Page 84: History and future of Human Computer Interaction (HCI) and Interaction Design](https://reader031.vdocuments.mx/reader031/viewer/2022020709/53ee342a8d7f7289708b6063/html5/thumbnails/84.jpg)
references Sharp, Helen. Interaction design. John Wiley & Sons, 2003. Koskinen, Ilpo, et al. Design research through practice: From the lab, field, and showroom. Elsevier, 2011. Norman, Donald A. The design of everyday things. Basic books, 2002. Norman, Donald A. Emotional design: Why we love (or hate) everyday things. Basic books, 2004. Buxton, Bill. "The long nose of innovation." Insight 11 (2008): 27. Bødker, Susanne. "When second wave HCI meets third wave challenges." Proceedings of the 4th Nordic conference on Human-computer interaction: changing roles. ACM, 2006. www.ideo.com www.beyond.com