cs449/649: human-computer interactioncs449/s19/lectures 22-24...system design: new perspectives on...
TRANSCRIPT
![Page 1: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/1.jpg)
CS449/649: Human-Computer Interaction
Spring 2019
Lecture XXII-XXIV
Anastasia Kuzminykh and Edward Lank
![Page 2: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/2.jpg)
History of user centered design in HCIJuly 2 - July 5
Academic HCIJuly 8 - July 12
Special topics in HCIJuly 15 - July 17
Course ReviewJuly 19 - July 22
Presentation 2July 24 - July 26
Last classJuly 29
User Centered Design Process
May 6 - June 28
![Page 3: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/3.jpg)
History
Stages in the development of a technology (by David Liddle)
Enthusiast stage Professional stage Consumer stage
http://www.candstech.com https://www.falmouth.ac.uk/ https://www.slashgear.com/
![Page 4: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/4.jpg)
History
‘‘The need for the future is not so much computer oriented people as for people oriented computers’’ (Nickerson, 1969)
![Page 5: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/5.jpg)
History
User-Centered Design - Donald A.Norman, UC San Diego, "User-Centered System Design: New Perspectives on Human-Computer Interaction", 1986
‘‘The need for the future is not so much computer oriented people as for people oriented computers’’ (Nickerson, 1969)
![Page 6: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/6.jpg)
History
User-Centered Design - Donald A.Norman, UC San Diego, "User-Centered System Design: New Perspectives on Human-Computer Interaction", 1986
‘‘The need for the future is not so much computer oriented people as for people oriented computers’’ (Nickerson, 1969)
Concept of Digital Natives and Digital Immigrants, Marc Prensky, 2001
![Page 7: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/7.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP
![Page 8: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/8.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP1880-90s - Frederick Taylor - "scientific management" method
Goals of occupational health and safety and productivity
Maximizing the safety and healthiness of work environments and work practices
Gained popularity in 1940s
Concept of ergonomic fit: ‘‘fitting the man to the job and the job to the man’’ (Alec Rodger)
http://www.computerhistory.org/timeline/1951/
![Page 9: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/9.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP
Term was coined by Fred Emery and Eric Trist (1950s)
Describes systems that involve a complex interaction between humans, machines, and the environmental aspects of the work system
STSD guiding principles:- Meaningfulness of tasks- Whole task and minimal critical specification- Responsible autonomy- Adaptability
![Page 10: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/10.jpg)
VAX 11/780 Computer – CPU
“Digital Equipment Corporation (DEC) had a family of expert systems that were developed using STSD to support the configuration and location of DEC VAX computers”
From Ritter, Gordon, Churchill. "User-centered systems design: a brief history."
![Page 11: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/11.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP
Cognitive modeling - approximation of human reasoningDeveloped as a method in late 50s - early 60s
Computational process as a metaphor for human reasoning:- Input- Memory and storage- Information manipulation- Output
Early models focused on separate stages, then Unified theories of cognition by Allen Newell, 1990
How people reason and problem solve when using complex interfaces?
![Page 12: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/12.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP
Originated in Scandinavia in 1970s from an action research approach
In North America, referred to as participatory design / co-design approach
Focused on process, not style
Degrees of participation: Weak participation Strong Participation
Interaction Indirect Direct
Length Short Long
Scope Small Large
Control Very limited Very broad
Baek, Eun-Ok, et al. "User-centered design and development."
![Page 13: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/13.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP
Term was coined by Bill Moggridge and Bill Verplank, mid-1980s
The design of the interaction between users and products
First design programs: - the Visible Language Workshop, Muriel Cooper, MIT, 1975 - the Interactive Telecommunications Program, Martin Elton, NYU, 1979
The first academic program: - Master of Design in Interaction Design, Carnegie Mellon University, 1994
![Page 14: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/14.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP
![Page 15: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/15.jpg)
The first mentioning: Herbert D. Benington,
Symposium on advanced programming methods for digital computers, 1956
History
Waterfall Model
The first formal description: Winston W. Royce, "Managing the Development of Large Software Systems", 1970
![Page 16: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/16.jpg)
History
Waterfall Model
The first formal description: Winston W. Royce, "Managing the Development of Large Software Systems", 1970
![Page 17: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/17.jpg)
History
Waterfall Model
The first formal description: Winston W. Royce, "Managing the Development of Large Software Systems", 1970
Additional requirements: 1. Program design comes first2. Document the Design3. Do it twice4. Plan, Control and Monitor testing5. Involve the Customer
![Page 18: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/18.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP
![Page 19: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/19.jpg)
Image source: UXPlus
History
NLS - oN-Line System - developed by Douglas Engelbart and his colleagues at the Augmentation Research Center, SRI
First demonstrated December 19, 1968 at the Fall Joint Computer Conference, San Francisco. Was called “The mother of all demos”
“We were not just building a tool, we were designing an entire system for working with knowledge.” Douglas Engelbart
![Page 20: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/20.jpg)
History
Doug Engelbart at an NLS workstation Bill English with several ergonomic setups for the oNLine System (NLS); late 1960s
![Page 21: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/21.jpg)
Hypertext Editing System (HES) console, 1969
DATAR Trackball, 1952Doug Engelbart’s mouse prototype, 1968
PARC 5-key Chord Keyboard
![Page 22: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/22.jpg)
History
Dynabook by Alan Kay, "A personal computer for children of all ages", 1972
Concept of a portable educational device. Target audience was children.
“If the computer is to be truly ‘personal’, adult and child users must be able to get it to perform useful activities without resorting to the services of an expert. Simple tasks must be simple, and complex ones must be possible.” Alan Kay
Model of the Dynabook
![Page 23: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/23.jpg)
History
PARC’s Alto computer, 1973
Developed at Xerox PARC, inspired by NLS and Dynabook
First computer to support operating system using GUI, used bitmap display, first to use an early version of the desktop metaphor
“If our theories about the utility of cheap, powerful personal computers are correct, we should be able to demonstrate them convincingly on Alto,” Butler Lampson
Xerox Alto GUI
![Page 24: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/24.jpg)
History
Bravo - the first WYSIWYG document preparation
program, 1974
Gypsy - the first document preparation program to use mouse as a point-and-click
interface tool, 1975
Tim Mott and Larry Tesler
Tim Mott’s sketch of a desktop on a bar napkin,From: Bill Moggridge and Bill Atkinson. Designing interactions.
![Page 25: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/25.jpg)
History
PARC’s Alto computer, 1973
Developed at Xerox PARC, inspired by NLS and Dynabook
First computer to support operating system using GUI, used bitmap display, first to use an early version of the desktop metaphor
“If our theories about the utility of cheap, powerful personal computers are correct, we should be able to demonstrate them convincingly on Alto,” Butler Lampson
Xerox Alto GUI
![Page 26: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/26.jpg)
History
Apple Lisa (1983) Apple Macintosh (1984)
![Page 27: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/27.jpg)
History
Texas Instruments Silent 700, 1973 Osborne 1 computer, 1981
![Page 28: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/28.jpg)
History
GRiD Compass 1101, 1982
Designed by Bill Moggridge and John Ellenby
First laptop computer, clamshell design, easy-to-read screen, allowing full 80x24 text, used graphical GRID-OS, no mouse
![Page 29: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/29.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP
![Page 30: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/30.jpg)
History
Agile Development
The Manifesto for Agile Software Development, 2001
Focus on Individuals and Interactions
Presenting Working Software
Continues process of Customer Collaboration
Responsiveness to Changes and Continuous Development
![Page 31: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/31.jpg)
History
Agile Development Principles
● Customer satisfaction by early and continuous delivery of valuable software
● Welcome changing requirements, even in late development
● Working software is delivered frequently (weeks rather than months)
● Close, daily cooperation between business people and developers
● Projects are built around motivated individuals, who should be trusted
● Face-to-face conversation is the best form of communication (co-location)
● Working software is the principal measure of progress
● Sustainable development, able to maintain a constant pace
● Continuous attention to technical excellence and good design
● Simplicity—the art of maximizing the amount of work not done—is essential
● Best architectures, requirements, and designs emerge from self-organizing teams
● Regularly, the team reflects on how to become more effective, and adjusts accordingly
![Page 32: CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer](https://reader033.vdocument.in/reader033/viewer/2022060904/609ff8e83097596c2242afda/html5/thumbnails/32.jpg)
User Centered Design in Computer Systems
History
HFE and Ergonomics
Cognitive PsychologySocio-Technical
Systems DesignCooperative
Design
Interaction Design
Waterfall Model
Agile DevelopmentGUI and WIMP