Human Computer Interaction
Monday, June 6, 2011
COMP 1001: Introduction to Computers for Arts and Social Sciences
Design, evaluation, implementation
Interaction between users and computers; user interfaces
Computer science, behavioural science, design
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
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
COMP 1001: Introduction to Computers for Arts and Social Sciences
What’s Wrong With This Picture?
http://www.tubz.com/images/porcher/imgLarge1380.jpg
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
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
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
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
COMP 1001: Introduction to Computers for Arts and Social Sciences
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.
COMP 1001: Introduction to Computers for Arts and Social Sciences
Seven Stages of Action
Goal
Execution
Evaluation
1. Form goal.
2. Form intention.
3. Specify action.
4. Execute action.
5. Perceive world state.
6. Interpret world state.
7. Evaluate the outcome.
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.
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?
COMP 1001: Introduction to Computers for Arts and Social Sciences
Principles of Design
1. Provide a good conceptual model.
COMP 1001: Introduction to Computers for Arts and Social Sciences
Principles of Design
2. Make things visible.
COMP 1001: Introduction to Computers for Arts and Social Sciences
Principles of Design
3. Create natural mappings.
COMP 1001: Introduction to Computers for Arts and Social Sciences
Principles of Design
4. Provide feedback.
COMP 1001: Introduction to Computers for Arts and Social Sciences
Principles of Design
5. Be consistent.
COMP 1001: Introduction to Computers for Arts and Social Sciences
Principles of Design
6. Consider affordances.
COMP 1001: Introduction to Computers for Arts and Social Sciences
COMP 1001: Introduction to Computers for Arts and Social Sciences
Cognition: Understanding Users
COMP 1001: Introduction to Computers for Arts and Social Sciences
Attention
What will you concentrate on?
COMP 1001: Introduction to Computers for Arts and Social Sciences
Attention
What will you concentrate on?
COMP 1001: Introduction to Computers for Arts and Social Sciences
Perception
Information gathered from the senses
COMP 1001: Introduction to Computers for Arts and Social Sciences
Memory
Recalling and filtering information
COMP 1001: Introduction to Computers for Arts and Social Sciences
Problem Solving and Decision Making
Reflective cognition
COMP 1001: Introduction to Computers for Arts and Social Sciences
Mental Models
Understanding of how system works
COMP 1001: Introduction to Computers for Arts and Social Sciences
Embodied Cognition
Mind is determined by the body
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
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 feed
– OR find and download the ‘qidiq’ iPhone app, go to the feeds tab, press ‘+’, and type
COMP1001
• Answer the first question!
COMP 1001: Introduction to Computers for Arts and Social Sciences
COMP 1001: Introduction to Computers for Arts and Social Sciences
ZOOZbeat: Mobile Music
ReCreation (CHI 2010) http://www.youtube.com/watch?v=
WmD92tMJEf4
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
COMP 1001: Introduction to Computers for Arts and Social Sciences
Playtime Computing
(not CHI but still awesome) http://www.youtube.com/watch?v=
UtvPRkEGaRM
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
COMP 1001: Introduction to Computers for Arts and Social Sciences
BiebBeep
(CHI 2011) http://www.youtube.com/watch?v=k fZeghX1SrU
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
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
COMP 1001: Introduction to Computers for Arts and Social Sciences