1. Intro to HCI A HISTORY OF HCI

2. Agenda  Super Hexagon Challenge  Activity 1 of HCI class  Basic HCI History  Intermission for Stacy’s Demo @ 230  End Lecture  Activity 2 of HCI class  Course Expectations & Homework  Briefing for tomorrow’s chaos err.. trip

3. Super Hexagon Challenge  1 member from each HP team  1 shot at glory with Super Hexagon  Tap screen (left/right) to rotate in that direction  Avoid obstacles for as long as possible  Longest time wins 5 points for their HP Team  Choose your champion

5. It’s the End of Week 3  Lets Take a Test!!!  10 minutes to finish  Really think about answers  Just because its simple doesn’t mean it isn’t important

6. Results….  Discuss what your thoughts were coming in, and what they are now with your HP team…

7. What is HCI?

8.  “Human Computer Interaction is a discipline concerned with the Design, Evaluation, and Implementation of interactive computing systems for human use and with the study of major Phenomena surrounding them” – ACM SIGCHI

9. A Basic History of HCI  “What's in a name…” (Why HCI)  Stuart K. Card, Allen Newell, Thomas P. Moran  Human-Human Interactions (“why hello good sir…”)  Human-Computer (Ctrl Alt Delete to bring up login screen)  What are ways which we interact or communicate with computers?

10. End of the 1970’s  Cognitive Engineering (Earth)  Non Functional Reqs in SW Engineering (Fire)  Computer Graphics (Wind)  Information Processing (Water)  Human Factors (Heart)

11. = HCI The purpose of HCI is to understand and empower end users

12. Cognitive Psychology Sociology Computer ScienceDesign Pillars of Human Computer Interaction

13. Cognitive Psychology Sociology Computer ScienceDesign Interactions between technology, work, and organization

14. Cognitive Psychology Sociology Computer ScienceDesign Application of theories of cognitive processes and the empirical analysis of user behavior Interactions between technology, work, and organization

15. Cognitive Psychology Sociology Computer ScienceDesign Application of theories of cognitive processes and the empirical analysis of user behavior Interactions between technology, work, and organization Application design & Engineering of Human Interfaces

16. Cognitive Psychology Sociology Computer ScienceDesign Application of theories of cognitive processes and the empirical analysis of user behavior Interactions between technology, work, and organization Application design & Engineering of Human Interfaces Social, cognitive, and emotional aspects of user interface and user experience

17. Cognitive Psychology Sociology Usability Ergonomics Engineering Computer Science Neuroscience Design Anthropology Linguistics

18. Transition from small player to big player

19. Transition What is HCI? 1970-1980 What’s the code to the Wifi? Where can VR take me? What can I see? Inception (real or virtual) Present Day

20. Transition What is HCI? 1970-1980 How do I experience the world? How do I access information How do I learn? Present Day

21. What is Interaction Design? ( Question for Maggie) What makes up an interaction? ( Question for Nancy) How do we design systems to be interactive? ( Question for Justin)

22. Interaction Design  “Designing interactive products to support the way people communicate and interact in their everyday and working lives”  Two or more objects have an effect on each other.(It takes at least two to tango)  Include the proper considerations or principles

23. Interaction Principles  Design Values  Conceptual Principles  Behavioral Principles  Interface-Level principles Anyone care to take a crack at all 4? Yes/No

24. Interaction Principles  Design Values (Gabe)  Conceptual Principles (David)  Behavioral Principles (Sarah)  Interface-Level principles (Alex)

25. Interaction Principles  Design Values- Considers ethical, purposeful, pragmatic, elegant design decisions  Conceptual Principles- Define what a product is and how it fits into the broad context of use required by its users  Behavioral Principles- Describes how a product should behave  Interface-Level principles- Strategies for visual communication of behavior and information

26. Interaction Principles  Design Values- Contours  Conceptual Principles  Behavioral Principles  Interface-Level principles

27. Principles cont.  Work to minimize  Cognitive Work  Memory Work  Visual Work  Physical Work What is an example of each?

28. Don Norman’s “The Design of Everyday things” Pick a HP Team member to answer the upcoming Rapid Fire Question

29. Don Norman’s “The Design of Everyday things” What does the school moto mean?

30. Designing For People  How the designer/engineer thinks the user will use it  How the user actually uses it  https://www.youtube.com/watch?v=E_rwwEo5YhY https://www.youtube.com/watch?v=E_rwwEo5YhY

31. Design for People Execution  Does the system allow me to do what I want?  How do I do X?  Based on User goals, needs, and motivations Evaluation  Can I tell the state of the system and the impact of my actions?  What happened?  Conceptual Models play a role

32. Design for the People  Doors, how do I know what to do?  Norman’s comments on labels  Do you push or pull, how much force, where do I go  What sort of room do I expect on the other side  Dr. Jon Kelly will have more information about this next week probably

33. Apps + Games  Briefly present your app/game  Use what we have talked about today  Title, Use/Game summary, why you like or dislike it  How can it be better?  What is an Affordance it has?  What is an Interaction Principle it has?  Post a picture/description of your game in the Blog Post title “ My App/Game”

34. HCI Homework #1  Find 2 interfaces (websites or physical items: Doors, Chairs, Game Controllers, DVD Players, etc.)  Take a picture of it (or screenshot)  Describe:  The task and context  What is working/not working  What would make it better  Use principles of Interaction in you analysis  Post everything in a blog titled “InterfaceHCI”