Human Computer Interaction

advertisement

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

Download