Human-Computer Interaction

1. Human-Computer Interaction Computer Science Tripos Part II Alan Blackwell

4. Add a button to turn the screen yellow.

6. - (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!"); }

7. 700 600 500 400 Wavelength (nanometers)

10. I want it to be golden yellow.

13. Why did you want the screen to be yellow? I want it to look like gold.

16. That’s not golden yellow.

23. “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”. Nature111

24. I want it to look like gold.

29. 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.

31. Where’s the button?

36. How can you get one button wrong?

38. 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)

39. Typical results of HCI research (HCI 2009)

40. What the university offers … Technology Arts & Humanities Physical Sciences Humanities & Social Sciences Clinical school Biological Sciences

41. Human | Computer Technology Arts & Humanities Physical Sciences Humanities & Social Sciences Clinical school Biological Sciences

42. Human | Computer interpretive scientific soft reductionist academic style relativist positivist

43. correct good intuitive simple effective cool

44. Human | Computer correct good interpretive scientific intuitive soft reductionist academic style simple effective cool relativist positivist

45. creative professional style interpretive scientific soft reductionist relativist positivist practical

48. design

49. creative interpretive scientific design soft reductionist professional academic relativist positivist practical

50. 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