74
HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Embed Size (px)

Citation preview

Page 1: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

HCI Course: The Human

Stephen GilbertJune 20, 2014SPIRE-EIT

Page 2: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Inputs & Outputs

VisionHearingTouchMovement

Page 3: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT
Page 4: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Vision

Page 5: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Vision

Page 6: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Visual Angle / Visual Acuity

Spaces detectable at

30 sec – 1 min of visual arc

Page 7: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Brightness

Luminance is physical (photometer)Brightness is a perceptionMeasured in JNDs

– just noticeable difference in luminance

Higher luminance – Higher acuity– Higher flicker ( > 50 Hz, periphery)

Page 8: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Color

HUE

SAT.

VALUE / BRIGHTNESS

Page 9: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Low Blue Acuity

3%blue

Page 10: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Colorblindness

Protanopia – no red

Deuteranopia – no green

Tritanopia – no bluerare

~ 8% of males~ 1% of females

Page 11: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Some Illusions

Page 12: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Some Illusions

Page 13: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Some Illusions

Page 14: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Some Illusions

The quick brownfox jumps over

the the lazy dog.

Page 15: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Some Illusions

http://persci.mit.edu/gallery

YouTube, esp. recent OK Go videoandVideos by Brusspup

Page 16: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Design Ideas

Reading: line lengths 2.3” – 5.2” are goodDark characters on light screen

– Negative contrast gives higher luminance

Motion in periphery is eye-catching

Page 17: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Hearing

PitchLoudness (percept of amplitude)Timbre

Cocktail party effect

Page 18: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Touch

Thermoreceptors (heat /cold)Nociceptors (pressure & pain)Mechanoreceptors

– Rapidly adapting (poke)– Slowly adapting (hold)

Kinesthesis

Try:Two-point Discrimination Threshold

Page 19: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT
Page 20: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Touch: HomunculusSomatosenory Motor

Page 21: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Movement

Hick-Hyman law – time to choose

Fitts’ law – time to move

Reaction Time = a + b log2(distance/size + 1)

Selection Time = a + b log2N

Page 22: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Info Processing Model

Page 23: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

x

x

PUSH-YES

PUSH-YES

Page 24: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Stroop

Page 25: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

BLACK

RED

GREEN

BLACK

BLUE

RED

BLACK

GREEN

BLUE

RED

Page 26: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

RED

BLACK

BLUE

GREEN

RED

BLUE

RED

BLACK

GREEN

BLACK

Page 27: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Memory Demo

Page 28: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

#

Page 29: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Dog

Page 30: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Umbrella

Page 31: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Hat

Page 32: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

iPhone

Page 33: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Shoelace

Page 34: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Justice

Page 35: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Lawnmower

Page 36: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Hamster

Page 37: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Contract

Page 38: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Eggs

Page 39: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Book

Page 40: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Accordion

Page 41: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Javelin

Page 42: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Zebra

Page 43: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Bat

Page 44: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Peg

Page 45: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

#

Page 46: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Memory Demo 2

Page 47: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

#

Page 48: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

KEF

Page 49: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

LAK

Page 50: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

NEL

Page 51: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

VEK

Page 52: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

NER

Page 53: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

LON

Page 54: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

NEM

Page 55: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

BEB

Page 56: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

SAR

Page 57: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

FIF

Page 58: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

#

Page 59: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Expected Results

Word Position

% RecallAverage # recalled

words = 8

Page 60: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT
Page 61: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Chess

Who is winning?

Page 62: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Chess

Who is winning?How do you know?

Page 63: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Chess

Who is winning?How do you know?What do you remember?

Experts vs. Amateurs

Page 64: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Memory

Page 65: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Memory

Page 66: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

7 +/- 2

Chunks

L Q R A Z J N P M

Discre

dite

d

Page 67: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

7 +/- 2

Chunks

A B C I B M F B I

Discre

dite

d

Page 68: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Mental Representations

Semantic NetworkFramesScripts

Page 69: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Semantic Network

Page 70: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Frames

Page 71: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

ScriptsEntry conditions• dog ill• vet open• owner has money

Props• exam table• medicine• instruments

Roles• vet examines• owner brings dog

Scenes• arrive at reception• wait in room• examination• pay

Page 72: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

We are not logical…

Page 73: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Reasoning ala Wason

Fact: – All cards have letter on one side and number on the other

Rule: – If there’s a vowel on one side, there’s an odd number on the

other side.Question:

– Which card(s) do you turn over to verify the rule?

Page 74: HCI Course: The Human Stephen Gilbert June 20, 2014 SPIRE-EIT

Reasoning (2)

Fact: – All cards represent people - the person’s drink is on one side, age

is on the other.

Rule: – If the person is drinking alcohol, he or she must be over 21

Question: – Which card(s) do you turn over to verify the rule?