human computer interaction - cs.bham.ac.uk · 9 moore’s law transistors speed discs cost 1950...

32
1 Human Computer Interaction

Upload: others

Post on 18-Jun-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Questions?

HCI Lecture 1 – 2012 32