Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950...
Transcript of Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950...
![Page 1: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/1.jpg)
1
Human Computer Interaction
![Page 2: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/2.jpg)
2
Introduction to HCI
![Page 3: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/3.jpg)
3
The world is full of badly designed things…
![Page 4: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/4.jpg)
4
And well designed things…
http://www.vision.org
www.idsa.org
![Page 5: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/5.jpg)
Huf Haus
![Page 6: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/6.jpg)
Bic biro
![Page 7: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/7.jpg)
7
Does it matter? If things are badly designed?
You may camp in the wrong place
You may crash your car and get injured.. Or worse!
… in the best case – you might angry, make mistakes and things will take longer than they should
http://baddesigns.org
![Page 8: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/8.jpg)
8
The 2000 USA Presidential Ballot in Florida
![Page 9: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/9.jpg)
9
Moore’s Law
transistors speed discs cost
1950 1990 2030
Slide idea by Bill Buxton
Computer abilities
![Page 10: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/10.jpg)
10
Buxton’s Law Features
Productivity Ease of use
1950 1990 2030
Slide idea by Bill Buxton
Promised Functionality
![Page 11: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/11.jpg)
11
God’s Law
1950 2030 2000BC
human abilities
Slide idea by Bill Buxton
![Page 12: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/12.jpg)
12
Oops!
Slide idea by Bill Buxton
Threshold of complexity
![Page 13: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/13.jpg)
13
To make better interactive technology …. We need to Know about how people interact with things Know about what people can and can’t do Know about the situations in which people
do things Know about the basics of good design Understand people’s goals
![Page 14: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/14.jpg)
14
Human Computer Interaction
![Page 15: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/15.jpg)
Computers
15
![Page 16: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/16.jpg)
16
HCI is made up of…
Theories – learn and apply Models – create and use Methods – master and apply Guidelines – learn and use Principles – understand and apply Techniques – master and use
![Page 17: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/17.jpg)
17
HCI is changing..
Physical things GUI interfaces Collaborative interfaces Internet technologies Social technologies Ubiquitous technologies ?
![Page 18: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/18.jpg)
Interactive systems
All useful computer systems are interactive…
18
![Page 19: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/19.jpg)
Is HCI…
Just designing the interface?
HCI Lecture 1 – 2012 19
![Page 20: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/20.jpg)
What is the value of design?
Looks pretty Life and death >$600bn
20
![Page 21: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/21.jpg)
HCI is…
Inventing the future Improving the present Creating experiences Changing the world for the better
HCI Lecture 1 – 2012 21
![Page 22: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/22.jpg)
HCI is…
Understanding how people think, reason, understand, plan, react…
Understanding that people are embedded in social structures…
Aware of the tasks people want to do (work, rest and play)
Technologically-aware
HCI Lecture 1 – 2012 22
![Page 23: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/23.jpg)
HCI is…
Creative Design-aware Evaluative
HCI Lecture 1 – 2012 23
![Page 24: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/24.jpg)
Course approach
Advanced HCI course For people with previous exposure to
HCI • Previous courses • Previous degrees
HCI Lecture 1 – 2012 24
![Page 25: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/25.jpg)
Pedagogy
Lectures Introduce concepts and ideas Explain fundamentals Provide the basic scaffolding
Group work - lab Explore the details Theme-based Develop critical and research skills
25
![Page 26: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/26.jpg)
Pedagogy II
Personal work – own time Reading
• Books, websites, etc Thinking
• How?... Constructing meaning
HCI Lecture 1 – 2012 26
![Page 27: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/27.jpg)
Lecturers
Prof Russell Beale Prof Andrew Howes Guest lectures
Plus HCI researchers as support
HCI Lecture 1 – 2012 27
![Page 28: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/28.jpg)
Course theme
Understanding the user Applying this knowledge to design Learning to champion the user over
the software engineer Learning how to communicate that
HCI Lecture 1 – 2012 28
![Page 29: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/29.jpg)
Structure - 1
The user perceptual-motor control decision making social cognition
HCI Lecture 1 – 2012 29
![Page 30: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/30.jpg)
Structure - 2
Design user-centred design task-artifact cycle tools and techniques
• interface elements - across the perceptual, decision, social aspects of the user
• Including buttons, reputation mechanisms, gesture, mobile, security, etc. 8. Design (creativity - understand needs)
• rapid prototyping
![Page 31: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/31.jpg)
Structure - 3
Evaluation techniques cognitive walkthrough questionnaires Statistics
Revision
HCI Lecture 1 – 2012 31
![Page 32: Human Computer Interaction - cs.bham.ac.uk · 9 Moore’s Law transistors speed discs cost 1950 1990 2030 Slide idea by Bill Buxton Computer abilities](https://reader034.fdocuments.net/reader034/viewer/2022042319/5f0897347e708231d422c377/html5/thumbnails/32.jpg)
Questions?
HCI Lecture 1 – 2012 32