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

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

Transcript of COMP 1001: Introduction to Computers for Arts and Social Sciences Human Computer Interaction Monday,...

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Human Computer Interaction

Monday, June 6, 2011

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Human-ComputerInteraction

Interaction betweenusers and computers;

user interfaces

Computer science,behavioural science,

design

Design, evaluation, implementation

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

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

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

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

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

What’s Wrong With This Picture?

http://www.tubz.com/images/porcher/imgLarge1380.jpg

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

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

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

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

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

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

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

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=X5WXaUQtPRs

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

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

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.

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

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

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

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.

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Resulting Design QuestionsHow 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?

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Principles of Design

1. Provide a good conceptual model.

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Principles of Design

2. Make things visible.

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Principles of Design

3. Create natural mappings.

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Principles of Design

4. Provide feedback.

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Principles of Design

5. Be consistent.

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Principles of Design

6. Consider affordances.

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Cognition: Understanding Users

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Attention

What will you concentrate on?

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Attention

What will you concentrate on?

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Perception

Information gathered from the senses

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Memory

Recalling and filtering information

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Problem Solving and Decision Making

Reflective cognition

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Mental Models

Understanding of how system works

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Embodied Cognition

Mind is determined by the body

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

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_norman_on_design_and_emotion.html

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Analyzing ‘qidiq: Questions Done Quick’

• Currently in betaWe 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!

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

ZOOZbeat: Mobile Music ReCreation (CHI 2010)

http://www.youtube.com/watch?v=WmD92tMJEf4

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

pCubee creates virtual display case (CHI 2010)

http://www.youtube.com/watch?v=xI4Kcw4uFgs&feature=channel

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

Playtime Computing(not CHI but still awesome)

http://www.youtube.com/watch?v=UtvPRkEGaRM

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

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

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

BiebBeep(CHI 2011)

http://www.youtube.com/watch?v=kfZeghX1SrU

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

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

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

COMP 1001: Introduction to Computers for Arts and Social Sciences

YouPivot: Improving Recall with Contextual Search (CHI 2011)

http://www.youtube.com/watch?v=v1mnEf63W2c