1. COMP 1001: Introduction to Computers for Arts and Social Sciences Human Computer Interaction Monday, June 6, 2011

2. COMP 1001: Introduction to Computers for Arts and Social Sciences Interaction between users and computers; user interfaces Computer science, behavioural science, design Design, evaluation, implementation

3. COMP 1001: Introduction to Computers for Arts and Social Sciences What’s Wrong With This Picture? http://www.danlockton.co.uk/research/images/hincmanbench.jpg

4. COMP 1001: Introduction to Computers for Arts and Social Sciences What’s Wrong With This Picture? http://images.amazon.com/images/P/0385267746.01.LZZZZZZZ.jpg

5. COMP 1001: Introduction to Computers for Arts and Social Sciences What’s Wrong With This Picture? http://www.tubz.com/images/porcher/imgLarge1380.jpg

6. COMP 1001: Introduction to Computers for Arts and Social Sciences What’s Wrong With This Picture? http://yeskarthi.files.wordpress.com/2007/05/emi.jpg

7. COMP 1001: Introduction to Computers for Arts and Social Sciences What’s Wrong With This Picture? http://static.flickr.com/51/169941715_d767577f64_o.jpg

8. COMP 1001: Introduction to Computers for Arts and Social Sciences What’s Wrong With This Picture? http://www.kitchencontraptions.com/archives/pictures/smeg-double-oven-stainless-steel-range.jpg

9. COMP 1001: Introduction to Computers for Arts and Social Sciences Why Buttons Go Bad (Bridging Design and Engineering with HCI) http://www.youtube.com/watch?v=X 5WXaUQtPRs

10. COMP 1001: Introduction to Computers for Arts and Social Sciences

11. Seven Stages of Action 1.Form goal. 2.Form intention. 3.Specify action. 4.Execute action. 5.Perceive world state. 6.Interpret world state. 7.Evaluate the outcome.

12. COMP 1001: Introduction to Computers for Arts and Social Sciences Seven Stages of Action 1.Form goal. 2.Form intention. 3.Specify action. 4.Execute action. 5.Perceive world state. 6.Interpret world state. 7.Evaluate the outcome. Goal Execution Evaluation

13. COMP 1001: Introduction to Computers for Arts and Social Sciences Seven Stages of Action - Example 1.Goal: Get more light to read at dusk. 2.Action needed: push button on lamp. 3.Specify how to move body to push button. 4.Perform action sequence to push button. 5.Perceive whether there is more light in room. 6.Decide whether the lamp turned on. 7.Decide whether the resulting amount of light is sufficient.

14. COMP 1001: Introduction to Computers for Arts and Social Sciences Resulting Design Questions How easily can one... 1.Determine the function of the device? 2.Tell what actions are possible? 3.Determine mapping from intention to physical movement? 4.Perform the action? 5.Tell if the system is in the desired state? 6.Determine mapping from system state to interpretation? 7.Tell what state the system is in?

15. COMP 1001: Introduction to Computers for Arts and Social Sciences Principles of Design 1. Provide a good conceptual model.

16. COMP 1001: Introduction to Computers for Arts and Social Sciences Principles of Design 2. Make things visible.

17. COMP 1001: Introduction to Computers for Arts and Social Sciences Principles of Design 3. Create natural mappings.

18. COMP 1001: Introduction to Computers for Arts and Social Sciences Principles of Design 4. Provide feedback.

19. COMP 1001: Introduction to Computers for Arts and Social Sciences Principles of Design 5. Be consistent.

20. COMP 1001: Introduction to Computers for Arts and Social Sciences Principles of Design 6. Consider affordances.

21. COMP 1001: Introduction to Computers for Arts and Social Sciences

22. Cognition: Understanding Users

23. COMP 1001: Introduction to Computers for Arts and Social Sciences Attention What will you concentrate on?

24. COMP 1001: Introduction to Computers for Arts and Social Sciences Attention What will you concentrate on?

25. COMP 1001: Introduction to Computers for Arts and Social Sciences Perception Information gathered from the senses

26. COMP 1001: Introduction to Computers for Arts and Social Sciences Memory Recalling and filtering information

27. COMP 1001: Introduction to Computers for Arts and Social Sciences Problem Solving and Decision Making Reflective cognition

28. COMP 1001: Introduction to Computers for Arts and Social Sciences Mental Models Understanding of how system works

29. COMP 1001: Introduction to Computers for Arts and Social Sciences Embodied Cognition Mind is determined by the body

30. COMP 1001: Introduction to Computers for Arts and Social Sciences Donald Norman on The Three Levels of Emotional Design http://www.ted.com/talks/don_nor man_on_design_and_emotion.html

31. COMP 1001: Introduction to Computers for Arts and Social Sciences Analyzing ‘qidiq: Questions Done Quick’ Currently in beta We are invited to give it a try Go to http://www.qidiq.com/COMP1001 and subscribe to the feedhttp://www.qidiq.com/COMP1001 – OR find and download the ‘qidiq’ iPhone app, go to the feeds tab, press ‘+’, and type COMP1001 Answer the first question!

32. COMP 1001: Introduction to Computers for Arts and Social Sciences

33. ZOOZbeat: Mobile Music ReCreation (CHI 2010) http://www.youtube.com/watch?v= WmD92tMJEf4

34. COMP 1001: Introduction to Computers for Arts and Social Sciences pCubee creates virtual display case (CHI 2010) http://www.youtube.com/watch?v=x I4Kcw4uFgs&feature=channel

35. COMP 1001: Introduction to Computers for Arts and Social Sciences Playtime Computing (not CHI but still awesome) http://www.youtube.com/watch?v= UtvPRkEGaRM

36. COMP 1001: Introduction to Computers for Arts and Social Sciences PeR: Designing for Perceptive Qualities (CHI 2011) http://dqi.id.tue.nl/per/PeR/Movie.h tml

37. COMP 1001: Introduction to Computers for Arts and Social Sciences BiebBeep (CHI 2011) http://www.youtube.com/watch?v=k fZeghX1SrU

38. COMP 1001: Introduction to Computers for Arts and Social Sciences Pass-Them-Around: Collaborative Use of Mobile Phones for Photo Sharing (CHI 2011) http://www.youtube.com/watch?v= Omx50UD_J0o

39. COMP 1001: Introduction to Computers for Arts and Social Sciences YouPivot: Improving Recall with Contextual Search (CHI 2011) http://www.youtube.com/watch?v=v 1mnEf63W2c