Security Ross Anderson Computer Science Tripos part 2 Cambridge University.
Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.
-
Upload
alison-reeves -
Category
Documents
-
view
223 -
download
0
Transcript of Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.
![Page 1: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/1.jpg)
Human-Computer Interaction
Computer Science Tripos Part IIAlan Blackwell
![Page 2: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/2.jpg)
![Page 3: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/3.jpg)
![Page 4: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/4.jpg)
Add a button to turn the screen yellow.
![Page 5: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/5.jpg)
![Page 6: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/6.jpg)
- (void)loadView { //allocate the view self.view = [[UIView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]]; //set the view's background color self.view.backgroundColor = [UIColor whiteColor]; //create the button UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect]; //set the position of the button button.frame = CGRectMake(100, 170, 100, 30); //set the button's title [button setTitle:@"Click Me!" forState:UIControlStateNormal]; //listen for clicks [button addTarget:self action:@selector(buttonPressed) forControlEvents:UIControlEventTouchUpInside]; //add the button to the view [self.view addSubview:button];}
-(void)buttonPressed { NSLog(@"Button Pressed!");}
![Page 7: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/7.jpg)
700
Wavelength (nanometers)
600 500 400
![Page 8: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/8.jpg)
![Page 9: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/9.jpg)
![Page 10: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/10.jpg)
I want it to be golden yellow.
![Page 11: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/11.jpg)
![Page 12: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/12.jpg)
![Page 13: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/13.jpg)
Why did you want the screen to be yellow?
I want it to look like gold.
![Page 14: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/14.jpg)
![Page 15: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/15.jpg)
![Page 16: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/16.jpg)
That’s not golden yellow.
![Page 17: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/17.jpg)
![Page 18: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/18.jpg)
![Page 19: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/19.jpg)
![Page 20: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/20.jpg)
![Page 21: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/21.jpg)
![Page 22: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/22.jpg)
![Page 23: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/23.jpg)
“Sir John Herschel even thinks that our inability to resolve yellow leaves it doubtful whether our vision is trichromatic or tetrachromatic...”
John William Strutt (Lord Rayleigh) 1871“Some Experiments on Color”. Nature 111
![Page 24: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/24.jpg)
I want it to look like gold.
![Page 25: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/25.jpg)
![Page 26: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/26.jpg)
![Page 27: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/27.jpg)
![Page 28: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/28.jpg)
![Page 29: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/29.jpg)
Connotations relate not to a word's actual meaning, or denotation, but rather to the ideas or qualities that are implied by that word. A good example is the word "gold." The denotation of gold is a malleable, ductile, yellow element. The connotations, however, are the ideas associated with gold, such as greed, luxury, or avarice.
![Page 30: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/30.jpg)
![Page 31: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/31.jpg)
Where’s the button?
![Page 32: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/32.jpg)
![Page 33: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/33.jpg)
![Page 34: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/34.jpg)
![Page 35: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/35.jpg)
![Page 36: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/36.jpg)
How can you get one button wrong?
![Page 37: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/37.jpg)
![Page 38: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/38.jpg)
How to design buttons and screens?
• Human-Computer Interaction (HCI)• Interaction Design• User Experience Design (UX)• Interactive Systems Design• Cognitive Ergonomics• Man-Machine Interface (MMI)• User Interface Design (UI)• Human Factors• Cognitive Task Design• Information Architecture (IA)• Software Product Design• Usability Engineering• User-Centred Design (UCD)
![Page 39: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/39.jpg)
Typical results of HCI research (HCI 2009)
![Page 40: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/40.jpg)
What the university offers …
Arts & Humanities
Humanities &Social Sciences
Technology
Physical Sciences
Biological Sciences
Clinical school
![Page 41: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/41.jpg)
Arts & Humanities
Humanities &Social Sciences
Technology
Physical Sciences
Biological Sciences
Clinical school
Human | Computer
![Page 42: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/42.jpg)
Human | Computer
interpretive scientific
reductionist
positivistrelativist
softacademic style
![Page 43: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/43.jpg)
good
intuitive
cool
effective
simple
correct
![Page 44: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/44.jpg)
Human | Computer
interpretive scientific
reductionist
positivistrelativist
softacademic style
good
intuitive
cool
effective
simple
correct
![Page 45: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/45.jpg)
creative
practical
prof
essi
onal
styl
e
interpretive scientific
reductionist
positivistrelativist
soft
![Page 46: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/46.jpg)
Human Computer Interaction
Interaction Design
User Experience Design
Interactive Systems Design
Cognitive Ergonomics
Man Machine Interface
User Interface Design
Human Factors
Cognitive Task Design
Information Architecture
Software Product Design
Usability Engineering
User Centred Design
![Page 47: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/47.jpg)
Human Computer
Human Machine Usability
Man Systems Ergonomics
User Software Architecture
User Information Engineering
User Interface Interface
Cognitive Interactive Design
Cognitive Interaction Design
Experience Interaction Design
Task Product Design
Factors Design
Centred Design
Design
![Page 48: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/48.jpg)
design
![Page 49: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/49.jpg)
creative
practical
interpretive scientific
reductionist
positivistrelativist
softdesign
prof
essi
onal academ
ic
![Page 50: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/50.jpg)
Course objectives (options)
• Learn interesting stuff about humans• Prepare for professional life• See cool toys• Find an alternative perspective on CS• Take an opportunity to be more creative• Get easy marks in final exam
![Page 51: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/51.jpg)
2013/14 votes on course objectives
• Learn interesting stuff about humans• Prepare for professional life• See cool toys• Find an alternative perspective on CS• Take an opportunity to be more creative• Get easy marks in final exam
151566
111110106633
![Page 52: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/52.jpg)
2013/14 course preview
• Lecture 2: Visual representation• Lecture 3: Text and gesture interaction• Lecture 4: Inference-based approaches• Lecture 5: Augmented and mixed reality• Lecture 6: Usability of programming languages• Lecture 7: User-centred design research• Lecture 8: Usability evaluation methods
![Page 53: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/53.jpg)
Textbooks
• Sharp, Rogers & Preece Interaction Design: Beyond human-computer interaction 3rd Edition 2011– Practical design methods, at
forefront of current practice
![Page 54: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/54.jpg)
Textbooks
• Carroll (Ed.) HCI Models, Theories and Frameworks: Toward a multidisciplinary science 2003– Best introduction to research
trends and advanced methods
– (but out of print )
![Page 55: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/55.jpg)
Textbooks
• Cairns and Cox (eds) Research methods for human-computer interaction 2008– Advanced techniques,
academic context
![Page 56: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/56.jpg)
Supervision exercises
• Preparation/evaluation for Part II projects– Selecting research and evaluation methods, within strict
constraints (much as for a professional project).
• Experimental comparison of user interfaces– Study changes in learning, efficiency or accuracy that
result from modifications to a user interface.
• Cognitive Dimensions in Comp Sci research– Identify what makes advanced programming languages
useful to real programmers.
![Page 57: Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell.](https://reader036.fdocuments.net/reader036/viewer/2022062321/56649e175503460f94b0368d/html5/thumbnails/57.jpg)
Final exam
• We will decide in the final lecture how the material we have covered should be assessed.
• This may resemble previous years– aimed to assess knowledge of range of models and
techniques available, the ways in which they differ, and applicability to professional situations.
• But not if we decide not!• Note: dissertation can also gain marks from HCI
– preparation + evaluation sections > 20% exam question– for interactive systems, consider user research & testing