mmi 2 Wahrnehmung - LMU München - Medieninformatik · 3. Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 2 - Wahrnehmung Folie Querschnitt des menschlichen Auges 4 Linse Iris

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 2 - Wahrnehmung Folie

Mensch-Maschine-Interaktion

1


Kapitel 2 - Wahrnehmung• Sehsinn und visuelle Wahrnehmung

– Physiologie der visuellen Wahrnehmung – Farbwahrnehmung – Attentive und präattentive Wahrnehmung – Gestaltgesetze

• Hörsinn und auditive Wahrnehmung – Physiologie der auditiven Wahrnehmung – Besonderheiten der auditiven Wahrnehmung

• Tastsinn und Propriozeption • Geruchs- und Geschmackswahrnehmung

2






3


Querschnitt des menschlichen Auges

4

Linse

IrisFovea

Netzhaut

Sehnerv


Verteilung der Sinneszellen im Auge

5

Stäbchen

ZäpfchenD

ich

te d

er

Sin

ne

sze

llen

Abweichung von der optischen Achse in Grad0204060 20 40 60 80

Eintritt desSehnervs,keine Zellen


Sakkaden

6

http://lehrerfortbildung-bw.de/kompetenzen/praes/gestaltung/schrift/

https://www.youtube.com/watch?v=alwcN2VN-98


Empfindlichkeit der Sinneszellen für Licht

7

Violett Blau Türkis Grün Gelb Rot

400nm 500nm 600nm 700nm

LM

S

420nm 498 534 564nm

Stäbchen

Em

pfin

dlic

hke

it

Wellenlänge

Farbe


Farbenblindheit• häufig: Rot/Grün Schwäche • 8% der männl. Bevölkerung • Simulation in Photoshop

8






9


Farbraum: RGB

10


Farbraum: HSV

11

Hue!(Farbton)

Saturation (Farbsättigung)

Value (Farbwert, Helligkeit)


vom Spektrum zum Farbkreis

12


Goethes Farbkreis, Runges Farbkugel

13


Farbkreis nach Johannes Itten (1961)

14


Farbwirkung kalt und warm, hell und dunkel

15

hell

dunkel

kalt warm


Reine und getrübte Farben

16


Farbkontraste

17

Farbe-an-sich-Kontrast

Hell-Dunkel- Kontrast

Kalt-Warm-Kontrast

Komplementärkontrast

Komplementärkontrast

Simultankontrast

Qualitätskontrast






18


Welches Objekt ist anders als die andern?

• Farbe allein wird präattentiv wahrgenommen. • Form allein wird präattentiv wahrgenommen. • Kombination aus 2 Eigenschaften wird attentiv

wahrgenommen.19

a b ca b ca b c


Andere präattentiv wahrnehmbare Eigenschaften

20

http://visualizedd.wordpress.com/process-paragraph/






21


Gestaltgesetze

22

a b c

a b c


Gestaltgesetze am Werk ;-)

23






24






25

20kHz

5kHz

20Hz

1kHz

500Hz

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 2 - Wahrnehmung Folie 26

AmbossHammer

Hirnnerv

Trommelfell

äußererGehörgang

Gehörschnecke

Steigbügel Gleichgewichtsorgan


Räumliches Hören mittels ITD und IID

27

ITD

Schall

SchallSchatten






28


Phonologische Schleife

29

Studienbeiträgevergabekommission

zwo eins acht null vier sechs fünf null

ei awei awwer dabba debei do owwe

ca. 2 Sekunden


Auditory Icons und Earcons• Auditory Icons

– wie visuelle Icons – repräsentieren ein Objekt oder einen

Vorgang – oft natürliche Sounds

!

• Earcons – abstrakte Codierung mehrerer Größen – z.B. in einer Melodie – z.B. als beschleunigte Sprache – Bedeutung muss gelernt werden

30

http://airparktoastmaster.files.wordpress.com/2010/02/bell.jpg http://creativebits.org/files/trash-osx.png

http://www.dcs.gla.ac.uk/~stephen/generalearcons/generalearcons2.shtml






31


Physiologie des Tastsinns

32

http://www.br.de/fernsehen/br-alpha/sendungen/schulfernsehen/phaenomenal-tastsinn-sinne102~_v-image512_-6a0b0d9618fb94fd9ee05a84a1099a13ec9d3321.jpg?version=88609

http://www.cerebromente.org.br/n16/mente/large_skin.gif


Gewichtung der Sinneszellen im Gehirn

33

http://www.enzyklopaedie.ch/dokumente/tabellen_bilder_ordner/Homunculus.png

http://4.bp.blogspot.com/_BS4rvM6Q_XU/TSEFO1l2q1I/AAAAAAAAAHY/itHdaC1lwTM/s1600/homunculus.png


Propriozeption• Propriozeption • Kinästhesie

34

http://user.medunigraz.at/helmut.hinghofer-szalkay/XV.3.htm






35


Geruchs- und Geschmackssinn

• starke emotionale Wirkung • kann sehr facettenreich sein (mit Übung) !

• nicht durch 3 „Grundgerüche“ ansteuerbar • technisch schwer umsetzbar

36

http://www.cerebromente.org.br/n16/mente/senses1.html


Vertiefung

37

http://www.datex-perfekt.de/bewegungstalent.de/V1/uploads/Image/ampel.jpg

http://50jahreampelmann.de/wp-content/uploads/ampel-ost-deutschland.gifhttp://www.gymnasium-kerpen.eu/ampel08.jpg

http://50jahreampelmann.de/wp-content/uploads/ampel-usa-figur.gif

http://cdn.crn.de/thumbs/fileadmin/images/NYC_Ampel1.jpg.480x0.jpg

Documents

mmi 2 Wahrnehmung - LMU München - Medieninformatik · 3. Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 2 - Wahrnehmung Folie Querschnitt des menschlichen Auges 4 Linse Iris