Intro to HCI A HISTORY OF HCI

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

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

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

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

What is HCI?

 “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

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?

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

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

Cognitive Psychology Sociology Computer ScienceDesign Pillars of Human Computer Interaction

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

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

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

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

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

Transition from small player to big player

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

Transition What is HCI? How do I experience the world? How do I access information How do I learn? Present Day

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)

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

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

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

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

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

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

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

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

Designing For People  How the designer/engineer thinks the user will use it  How the user actually uses it 

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

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

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”

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”