Auszüge aus dem Skript im PDF-Format - Frank Barth

1 

Dreidimensionalität in multiplen Medien 

2 

Konstruktivistischer Denkansatz 

Verständnis von Umwelt und Raum 

3 

Information – Wahrnehmung – Raum 

4 

Rezeption räumlicher Strukturen 

Erfassen des Ur-Raumes, 

Repräsentation von Realität, 

Perspektive und Raumerfahrung, 

Abstraktionsgrad virtueller räumlicher Strukturen 

5 

Körper und räumliche Strukturen 

als Simulation in der Fläche 

Planare geometrische Projektionen 

6 

Wahrnehmungsirritationen und Täuschungen 

7 

Dreidimensionale mediale Elemente 

Mediale Wirklichkeiten: Linear und räumlich, 

Visuelle Medien mit räumlichen Strukturen, 

typografische Elemente 

8 

Virtuelle 3D-Welten und Computerspiele 

9 

Orientierung im simulierten Raum 

10 

Navigation durch simulierten Raum 

Syntax räumlicher medialer Strukturen 

Navigation in virtuellen Räumen 

Prinzipien der Orientierung 

in räumlichen Informationsstrukturen, 


Blatt 1 

beta 

NavVirtRaum_MH01.indd 

© Frank Barth 2006-2009

1 


Verortung von Information in Raum und Zeit 

Wir alle existieren in einer physischen räumlichen Umgebung: 

Natur, Landschaft, Zimmer, Lebensraum. In diesem Umfeld sind 

wir es gewohnt, uns zu bewegen und zu orientieren. So scheint 

es folgerichtig zu sein, diese Prinzipien zu untersuchen und auch 

auf virtuelle Informationsräume zu übertragen, um eine natürliche, 

intuitive Orientierung und Navigation zu gewährleisten. 

Abstraktion und Konkretion 

Bedienelemente medialer Interaktion (Menüs, Schalt flächen) 

können auf ihre wesentliche Funktion reduziert und abstrahiert 

dargestellt werden, oder sie werden in Aussehen und Haptik 

realen Objekten nachempfunden: Druck- oder Drehknöpfe, Schieberegler, 

Kanten, Vertiefungen, erhöhte Flächen oder Stanzungen. 

Im Idealfall können funktionale Elemente grafisch so reduziert 

werden, dass diese einfach und klar ihre Funktion kommunizieren. 

Bei multikomplexen Informationsarchitekturen stößt man 

mit Metaphern aus der 2D-Welt (Karteikarten, lineare oder 

zweidimensionale hierarchische Strukturen) zur übersichtlichen 

Repräsentation auf einem Display häufig an funktionale Grenzen: 

Die dritte Dimension erweitert als zusätzliche Informationsachse 

den Informationsraum („Virtuell begehbare Informationsräume“). 

Metaphern mit räumlichen Strukturen ergänzen das 

Gestaltungsrepertoire (Stapel, Container, Tiefenwirkung, etc.). 

Lösungen aus der 2D-Welt können nicht nur aneinandergereiht, 

sondern in räumlichen Achsen in Beziehung gesetzt werden. 

Physische und virtuelle Realitäten vermischen sich sukzessive; 

Der Realitätsbegriff verändert sich. Dreidimensionalität 

is nicht mehr zwangsläufig an das Vorhandensein von echten 

Räumen gebunden. 

Bei Online-Rollenspielen bewegten sich die Akteure in zunächst 

rein textlich beschriebenen 3D-Welten. Heute agieren zahlreiche 

Mitspieler online und miteinander vernetzt in künstlichen Umgebungen. 

Teile der Gesellschaft bilden ihre eigenen Infrastrukturen 

in virtuellen Realitäten (Second Life, etc.) ab. 

Dreidimensionale Informationswelten können abstrakt und 

funktional sein, ohne physische Objekte abzubilden. Dieses Feld 

der neuen medialen Realitäten wird die Medien in naher Zukunft 

signifikant verändern. 





Blatt 3 

Mögliche Srukturen 

von Informationskomplexen 

Streng linear 

Lineare Struktur mit Verzweigungen 

(Baumdiagramm) 

Verzweigte hierarchische Struktur 

in räumlicher Dimension 

Struktur in zwei Raumachsen 

(Kristallogramm) 



2 

Konstruktivistischer Denkansatz 

Verständnis von Umwelt und Raum 

Menschen sind neugierig, bewegen sich, lassen sich von Gedanken 

und Emotionen leiten, beurteilen Eindrücke die permanent 

auf sie einwirken. Auf der Basis dieser gewonnenen Eindrücke 

werden Entscheidungen gefällt. 

Neugier, Bewegung, Gedanken und Emotionen machen 

Umwelterfahrungen erst möglich: 

Neugier: 

Interesse an Dingen, Details, Oberflächen, Form, Farbe, Struktur; 

Wunsch Objekte anzufassen, etc. 

Bewegung: 

Bedürfnis nach räumlichen Erfahrungen, 

Betrachtung von Details durch genaues Hinsehen aus nächster 

Nähe, 

Verschaffen eines Überblickes durch Betrachten aus größerer 

Distanz, ggf. dadurch, daß der Betrachter das Objekt dreht oder 

selbst drumherum geht. 

Gedanken: 

Erkenntnisgewinn auf der Basis von logischen Überlegungen 

bzw. Schlussfolgerungen 

Emotionen: 

Erkenntnisgewinn auf der Basis von Empathie und 

Intuition 

Diese permanente Verarbeitung uns umgebender 

Information in Form eines aktiven Prozesses ist Teil der 

konstruktivistischen Denkweise: 

Lernen ist ein subjektiver, aktiver, konstruktiver und 

zielorientierter Prozess. 





Blatt 5 

Typische Schalter sind 

selbsterklärend. 

Werden die Bedienelemente 

komplexer, 

werden visuelle 

Hilfsmittel benötigt. 







Blatt 6 

Erlebbare haptische 

Informations komplexe schaffen. 


© Frank Barth 2006-2009 

3 

Information – Wahrnehmung – Raum 

Zusammenhang zwischen multikomplexen 

Informationsstrukturen und räumlichen Strukturen 

Wie wird Information im menschlichen Gedächtnis bzw. 

Bewusstsein repräsentiert? 

Mit dem Wissen darüber, wie Information im Menschen verankert 

werden kann, kann man gezielt und effektiv informieren 

– Information so weitergeben, dass beim Rezepienten eine 

Steigerung an Wissen erwartet werden kann. Leider ist die Forschung 

in diesem Feld noch nicht sehr fortgeschritten. 

Sind in räumliche Strukturen überführte Informationsstrukturen 

der Schlüssel zur besseren Kommunikation? 

Diese Schlussfolgerung liegt nahe, wenn wir die Auseinandersetzung 

mit „verkörperter“ Information mit physischen Erfahrungen 

gleichsetzen. Treten beim Lernenden Effekte auf, die klassischen 

Erlebnissen gleichen, ist sein Lernerfolg höher. Übertragen wir 

nun die Erkenntnisse aus der Pädagogik auf kommunikative 

Situationen, so müsste die verkörperte Information zur besseren 

gezielten Kommunikation führen. Das hiesse aber: Neben der 

emotionalen Dimension muss Kommunikation auch eine 

physische Dimension haben (Haptik im erweiterten Sinne). 

Gedächtnisstrukturen 

(vgl. Herczeg, S.50ff u. „Lernen lernen“) 

Sensorisches Gedächtnis 

Kurzzeitgedächtnis 

Langzeitgedächtnis 

Untersuchungen aus der Hirnforschung belegen, dass erlebbare 

begehbare Informationsräume besser in Erinnerung bleiben. 

> besseres Lernen 

> Pflicht des Medienentwicklers bzw. Gestalters, komplexe informationsstrukturen 

räumlich zu verankern.





Blatt 8 

Vgl. auch Skript 

Aspekte der visuellen 

Wahrnehmung 



4 

Rezeption räumlicher Strukturen 

Der Ur-Raum ist eine gedachte Raumsituation, die als Basis 

für Überlegungen zu Orientierung und Navigation verwendung 

findet. 

Erfassen des Ur-Raumes (instinktive Orientierung) 

Genuines wissen als vom Mensch instinktiv angewandtes 

Wissen ist Ausgangspunkt jeglicher Orientierung. 

So werden zunächst folgende Fragen nach dem Ur-Raum gestellt: 

Was sehe ich? 

Wo geht es nach draußen? (Rückweg-Option prüfen) 

Was ist drinnen? (Lauert Gefahr? Drohen Hindernisse?) 

Ist es hell genug? (Wo ist das Licht?) 

Was höre oder rieche ich? 

Wohin kann ich mich im Ernstfall zurückziehen? 

Gibt es auf diese Fragen vorwiegend positive Antworten, kann 

der Ur-Raum leicht erfasst werden und wird mit positiven Empfindungen 

besetzt. Innerhalb des Raumes prüft der Proband immer 

wieder seine Position in dem er Entfernungen und Größen 

abschätzt. Je länger er sich im Raum befindet, desto leichter 

fällt es ihm, sich zu orientieren. Sein Erfahrungsschatz über den 

Ur-Raum wächst sukzessive. Orientierung ist grundsätzlich ein 

zeitabhängiger Prozess. 

Das beschriebene genuine Erfassen des Raumes ist strukturgebend. 

Können wir an einem neuen virtuellen Ort keinen Ur-Raum 

erfassen, können Angstgefühle und Stress auftreten. Das gilt es 

in der Regel zu vermeiden.

Form- und Farbperspektive 

Um räumliche Strukturen als solche wahrnehmen zu können, 

müssen die visuellen Repräsentationen der medialen Elemente 

den Gesetzmäßigkeiten der visuellen Wahrnehmung folgen. 

Diese lassen sich auf die richtige Anwendung von Form und 

Farbe zusammenfassen: 

Bei der Gestaltung medialer Elemente mit räumlicher 

Wirkung müssen die Wahrnehmungsprinzipien der 

Formperspektive und der Farbperspektive berücksichtigt 

werden. 

Echte und virtuelle Raumerfahrung 

Echte Raumerfahrung ist im realen Leben erfahrbar: 

„Mensch geht zu einer Tür und greift nach der Türklinke“ ist eine 

typische Alltagserfahrung. 

Virtuelle Raumerfahrung, abstrakt und konkret 

Visuell und konkret: Mensch hat Stellvertreter (Avatar) innerhalb 

eines medialen Systems. Der Stellvertreter bewegt sich (Spiele, 

Ego-Shooter, etc.). Es besteht ein unmittelbarer Bezug zwischen 

Mensch und System. Grundsätzlich besteht immer eine semiotische 

Beziehung zwischen Mensch bzw. Benutzer und System: 

Bei anschaulichen Identifikationsfiguren genauso wie bei abstrakten 

Bedienelementen. Virtuelle Raumerfahrung kann also konkret 

visuell und abstrakt visuell sein. Der Unterschied besteht im 

Ikonizitätsgrad der dargestellten Elemente. 

Ikonografische virtuelle Raumerfahrung: 

Der Raum ist Informationsraum, definiert durch abbildhafte 

Elemente (Simulation von Zimmern, Objekten, die real existieren, 

etc.). 

Symbolische virtuelle Raumerfahrung: 

Der Raum ist Informationsraum, definiert durch eine Vielzahl an 

symbolischen Zeichen (zum Beispiel zur Abbildung prozeßhafter 

Vorgänge) 

Indexikalische virtuelle Raumerfahrung: 

Der Mensch hat einen abstrakten Stellvertreter im System (Pac- 

Man) den er steuert und der stellvertretend Erfahrungen macht. 





Blatt 11 







Blatt 12 



5 

Körper und räumliche Strukturen 

als Simulation in der Fläche 

Um Räumlichkeit simulieren zu können, müssen die Grundbegriffe 

bzw. -techniken zur Darstellung von räumlichen Strukturen 

in der Fläche bekann sein. Am Beispiel der Konstruktion eines 

Würfels werden Erfahrungen aus der geometrischen Projektion 

dargestellt. 

5.1 

Perspektivkonstruktion 

Konstruktion eines Würfels 

Ein Würfel kann auf sehr unteschiedliche Weise zum Beispiel auf 

Papier abgebildet werden. Ein Phänomen der Darstellung räumlicher 

Strukturen in der Fläche: 

Die dargestellten Zeichnungen weisen in der retinalen Abbildungen 

große Unterschiede auf. Trotzdem nehmen wir ihre Objekte 

einheitlich, hier als Würfel wahr. 

Frontale Parallelprojektion Isometrie Zentralperspektive 

2Fluchtpunktperspektive 3Fluchtpunktperspektive

Planare geometrische Projektionen 

Übersicht 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Frontale Parallelkonstruktion 

Alle in der Realität parallelen Linien werden auch parallel 

dargestellt, der Tiefenwinkel beträgt 45° und Linien werden 

nach hinten verkürzt dargestellt. Wird ein Würfel dargestellt 

entspricht die Frontseite einem Quadrat, die Seitenflächen sind 

Parallelogramme. 

Die Darstellungsmöglichkeiten der frontalen Parallel kon struktion 

sind eingeschränkt. Konstruierte Objekte wirken unnatürlich, die 

hinteren Flächen streben scheinbar auseinander. 

Isometrische Parallelkonstruktion 

Die Isometrie ist eine Form der Parallelperspektive, bei der die 

Fluchtlinien nicht verkürzt dargestellt werden. Man geht nicht 

wie bei der frontalen Parallelkonstruktion von einer Frontseite 

aus, sodern betrachtet zum Beispiel beim Würfel alle Seiten aus 

dem selben Winkel. In der isometrischen Konstruktion werden 

rechte Winkel durch 45° oder 135°-Winkel dargestellt. 

Auch isometrische Konstruktionen wirken unnatürlich, allerdings 

ist die räumliche Wirkung realistischer als bei der frontalen 

Parallelkonstruktion. 





Blatt 13 







Blatt 14 Zentralperspektive, 

Frontale Perspektivkonstruktion 

Ausgehend von einer Frontansicht (Kanten parallel zur 

Horizontlinie dargestellt) beziehen sich die übrigen Linien 

eines Körpers auf genau einen Fluchtpunkt. Der Fluchtpunkt 

liegt auf einer gedachten Horizontlinie, die auf Augenhöhe 

des Betrachters liegt. Bei der Zentralperspekive fallen -> 

Augenpunkt und Fluchtpunkt zusammen. 

Formen der Perspektivkonstruktion 

mit zwei oder drei Flucht punkten 

sind Fischperspektive (Ansicht 

von Unten), Froschperspektive 

(Ansicht von Bodennähe), 

Normalperspektive (Ansicht von 

Augenhöhe) und Vogelperspek tive 

(Ansicht von Oben). 



Die Raumwirkung ist eingeschränkt und statisch. 

Zentralprojektionen mit zwei oder drei Fluchtpunkten 

sind in der Regel gut zur realistischen Simulation 

dreidimensionaler Strukturen geeignet: 

Schrägperspektive 

Perspektivkonstruktion mit zwei Fluchtpunkten 

Nur die in der Realität senkrechten Linien verlaufen Parallel. Die 

übrigen Linien flüchten zum Horizont und bilden zwei Gruppen 

von Fluchtlinien, die sich jeweils in einem Punkt treffen. 

Die räumliche Wirkung ist sehr authentisch, allerdings besteht 

immer noch keine naturgetreue Raumsimula tion. 

In der Praxis müssen sich, um Verzerrungen zu vermeiden, die 

auf der Horizontlinie befindlichen Fluchtpunkte oft in großer 

Distanz zum Objekt befinden. 

Luftperspektive 

Perspektivkonstruktion mit drei Fluchtpunkten 

Alle in real parallelen Geraden konvergieren in einer 

bestimmten Anordnung zu ihrem eigenen Fluchtpunkt. Zwei 

der drei Fluchtpunkte befinden sich auf der Horizontlinie, der 

dritte je nach Art der Luftperspektive oberhalb oder unterhalb 

des Horizonts. 

Durch die Perspektivkonstruktion mit drei Fluchtpunkten kann 

eine naturgetreue Raumsimulation erreicht werden. Bei der 

Darstellung von architektonischen Situationen ist der dritte 

Fluchtpunkt sehr weit entfernt. Werden Körper im Raum 

gedreht so dreht sich in der zeichnerischen Umsetzung die 

gesamte Konstruktion um den gedach ten Drehpunkt.

Visuelle Eigenschaften und Bezugspunkte 

in der Perspektivkonstruktion 

Untersucht werden können 

> Parallelität 

> Tiefenwinkel 

> Verkürzung 

> Lage von Objekten 

> Sichtseite von Objekten 

> Horizontlinie 

> Fluchtpunkte 

> Augenpunkt 

Horizontlinie 

Die Horizontlinie entspricht der imaginären Linie des natürlichen 

Horizonts. Die Position der Horizontlinie im Format beeinflußt die 

vertikale Blickrichtung des Betrachters. Die Horizontlinie ist für 

die Orientierung bzw. zur Erfassung des Ur-Raumes von großer 

Bedeutung. 

Fluchtpunkte 

Die Position der Fluchtpunkte auf der Horizontallinie bzw. die 

Position der Fluchpunkte in Relation zueinander beeinflußt den 

Grad der Tiefenwirkung. In der Praxis müssen Fluchtpunkte 

häufig außerhalb des eigentlichen Mediums gewählt werden, um 

eine realistische Raumsimulation in der zweiten Dimension zu 

erreichen. 

Augenpunkt 

Der Augenpunkt befindet sich in der Mitte des Gesichtswinkels 

auf der Horizontlinie. Durch Verschiebung des Augenpunkts auf 

der Horizontallinie wird die horizontale Blickrichtung beeinflußt. 





Blatt 15 

 



6 

Täuschungen 

Optische Täuschungen mit dreidimensionalem 

Charakter 

Hat der Betrachter den Eindruck, es besteht ein Unterschied 

zwischen dem was er empfindet und dem was er vor sich hat, 

spricht er von einer optischen Täuschung. Täuschungen können 

zum Beispiel darauf zurück ge führt werden, dass bei der visuellen 

Wahrnehmung des Menschen die dreidimensionale Wirklichkeit 

über die zweidimensionale Retina (Netzhaut) vermittelt wird. 

Müller-Lyer-Täuschung 

Die horizontale Linie wirkt bei der geschlossenen Form kürzer. 

Hierzu wurde eine Vielzahl an Erklärungen gefunden bei spielsweise 

unter schied liche Geschlossenheit, längere Augen bewegungen 

Betonung oder Nicht-Betonung der Enden, unterschiedliche 

retinale Dispersion, Phänomen der Perspektive). 

Ponzo-Täuschung 

Zwei objektiv gleich große Elemente werden als unterschiedlich 

wahrgenommen. 

Die auslösende Komponenten sind in diesem Fall die konvergierenden 

Linien, die den Längenunterschied der beiden 

Elemente induziert. Neben dem Längenunterschied entsteht 

auch ein Größenunterschied. Dies läßt sich durch den Eindruck 

der Räumlichen Tiefe erklären. Beachtet man das Phänomen 

der Größenkonstanz müßte das obere Element, das durch den 

räumlichen Eindruck entfernter wahrgenommen wird, wesentlich 

kleiner als das untere Element sein, um als „gleich groß“ 

wahrgenommen zu werden. 





Blatt 17 



Unmögliche Figuren 

> 50er Jahre 

„Tribar“ von R. Penros 

„verrückte Lattenkiste“ von Dr. Cochran, Chicago; 

Wahrnehmungsprinzipien 

Gestaltgesetze 

Erfahrung 

Zunächst undefinierte Strukturen werden dank individueller 

Erfahrungen als bekannte Gestalt wahrgenommen. 

Voraussetzung für die Simulation von dreidimensio nalen 

Objekten im zweidimensionalen Raum. 

Innen- und Aussenwinkel 

Innenwinkel von Körpern sind in der Regel kleiner als 

Außenwinkel. 





Blatt 19 

270 

90 







Blatt 20 

Räumliche Strukturen sind eng an 

zeitliche Strukturen gekoppelt: 

Wann nehme ich wo was wahr? 

 



7 

Dreidimensionale mediale Elemente 

Räumliche Strukturen in visuellen Medien 

7.1 

Ausgangssituation 

Informationskomplexe können häufig nicht komplett auf einem 

Display dargestellt – visuell repräsentiert – werden. Das ist 

beispielsweise bei der Mehrheit aller Internetseiten oder bei lexikalischen 

Wissenssammlungen der Fall. So muß eine räumliche 

Konzeption gefunden werden, die es dem Benutzer ermöglicht, 

ein ganzheitliches Modell des Informationskomplexes aufzubauen, 

auch wenn nur Teilansichten visuell repräsentiert werden. 

Diese zu entwickelnde Anschaulichkeit muß visuell logisch 

aufgebaut sein und kann sowohl konkret mit der darzustellenden 

Thematik zu tun haben (drei echte Räume werden zu drei Raummodulen) 

oder durch abstrakte Räumlichkeit abstrakte Probleme 

visualisieren (drei Themenkomplexe ohne räumlichen Bezug 

werden drei Objekten auf dem Display zugeordnet). Im zweiten 

Ansatz können zum Beispiel funktionale Zusammenhänge von 

Systemkomponeneten in der visuellen Syntax verankert und 

somit verdeutlicht werden. 

7.2 

Mediale Wirklichkeiten: Linear und räumlich 

Lineare Medien sind beispielsweise Texte, Filme, Tonelemente 

wie Sprache und Musik. Gemeinsames Merkmal ist der Ablauf in 

einer linearen Zeitachse. Lineare Medien haben einen definierten 

Anfang, ein definiertes Ende und eine vorgegebene Nutzungsdauer 

mit Bezug zu Anfang und Ende. 

Beschreibt man die Metaebene von linearen Medien, werden 

Adjektive wie aktuell, vergangen oder künftig verwendet. 

Werden diese widerum visuell codiert, kann „aktuell“ mit „groß“ 

oder „vergangen“ mit „klein“ dargestellt werden. Aus dem 

Zusammenspiel groß-klein entsteht in der visuellen Darstellung 

Perspektive. Eine räumliche Darstellung bietet sich an: 

Die Navigaton von linearen Strukturen wird durch Abbildungen 

mit räumlichem Charakter veranschaulicht.

Für analoge bzw. lineare Strukturen eignen sich also 

Bedienoberflächen mit 3D-Anmutung. Wichtig ist 

dabei, dass alle Stilmittel der simulierten Körperhaftigkeit 

konsistent zum Einsatz kommen. 

Diese Stilmittel sind 

> Art der planaren Projektion bzw. Perspektive 

> Einsatz von Licht 

> Gezielter Einsatz von Bewegung 

Von der Verwendung von 3D-Darstellung ohne formale 

codierung – also reiner Effekthascherei – ist bei der Gestaltung 

ernstzunehmender Medien abzuraten. 

7.3 

Gestaltungselemente 

Zur Repräsentation räumlicher Strukturen in flachen 

Displaymedien können zahlreiche Gestaltungselemente 

eingesetzt werden. Die wichtigsten sind Ausschnittvergrößerungen 

(Bildschirmausschnitte werden nach vorn 

geholt), Staffelungen gleichergewichtiger Informationsebenen 

(Überlagerungen), Größenveränderung bei Staffelungen, 

Schatten bzw. Schattierungen (Veränderung 

der Helligkeitswerte von Objekten), Objektkontur (Stärke, 

Helligkeit und Farbe) sowie Farbe an sich. 

Sie dienen zur Veranschaulichung 

> von semantischen Hierarchien 

> von Zusammengehörigkeit bzw. von Gruppierungen 

> von Beziehungen und Verbindungen 

> von Reihenfolgen (Parallelität / Linearität bei der 

Abbildung von prozesshaften Vorgängen) 

 

 

 

 

 

 

 

 

 





Blatt 21 

 

 

 

 



7.4 

Informationskomplexe entwickeln 

und veranschaulichen 

Schritt 1: 

Information in (räumliche) Informationsarchitekturen 

überführen 

Schritt 2: 

Orientierung in Informationsräumen bieten 

(als Voraussetzung für gute Navigation). 

Zeichen können die Orientierung unterstützen. 

Schritt 3: 

Navigation ermöglichen 





Blatt 23 

 

 

Überlagerung einzelner semantisch 

gleichwertiger Themenkomplexe. 

Die gestaffelten Bereiche unterscheiden 

sich durch Farbe und Anordnung. 

(www.MoebelMock.de, 2008) 

 

 



Haptik in Informationsräumen 

Begreifen durch Greifen 

Der Begriff Haptik impliziert Eigenschaften von Körpern. So 

werden oft dreidimensionale Strukturen simuliert, um das Prinzip 

greifen auf Bedienoberflächen nachzuvollziehen bzw. erlebbar zu 

machen. 

7.6 

Abstraktionsgrade visueller Darstellungen 

Fotorealistische Abbildungen und visuelle Abstraktionen auf einfache 

Formen und Farben können gleichermaßen dreidimensionale 

Strukturen repräsentieren. 

Ob sich die Abbildung echter räumlicher Strukturen im zweidimensionalen 

Medium anbietet (Bsp. Planeten), wann die Abstraktion 

hoch sein soll (S-Bahn-Netze) und wann ist die Darstellung 

in Form von zentralen bzw. dezentralen Netzen sinnvoll ist, muss 

individuell entschieden werden. 





Blatt 25 

Bei den Beispielen ist die Gesamtmenge 

an Information erlebbar, obwohl nicht 

jederzeit sichtbar: 

Drei Zustände einer 3D-Navigation. 

Stilmittel Farbe ist durch Chroma und 

Qualität differenziert. 

(www.barthnet.de 1999) 

Auf Würfeldimensionen aufgebaute 

3D-Navigation (FrankBarth.de 2001): 

http://bis2008.frankbarth.de/index.php3 

Saturnsystem 

(Quelle: www.robotbyn.se, 2007) 







Blatt 32 

Anfänge mit abstrakter Grafik: 

Pong (1966) war komplett 

zweidimensional angelegt. Bei 

Midas (1970er) wurden virtuelle 

Welten mittels Text beschrieben. 

Bei Ultima Online (1997) wurde 

die Grafik dreidimensional 

abgebildet. Ebenfalls in den 

1990ern kamen die Ego-Shooter 

auf den Markt (Abb. links). 

Interaktion in simulierten Welten 

ist mit World of Warcraft und 

Warcraft3 für immer schnellere 

Rechner generationen seit Beginn 

der 2000er Jahre möglich. 



8.2 

Spiele-Grafik am Computer 

Die Erkenntnisse aus Kunst und Grafik wurden sukzessive 

bei der Gestaltung von Computerspielen aufgegriffen und 

konsequent weiterentwickelt.

Serious Games 

Erlebnisse in künstlichen Welten gezielt zur Kommunikation bzw. 

Wissensvermittlung einsetzen. 

(vgl. Artikel Die Zeit, 29, 3.01.08) 

> Wissensvermittlung 

> Wertevermittlung 

> Gesundheitliche Aufklärung 

„Im Prinzip kann jedes Spiel das Denken, Fühlen und 

Handeln beeinflussen, (...) es ist nur unglaublich schwer zu 

erreichen, dass sie (Spiele) wie gewünscht wirken.“ 

Peter Vorderer, Kommunikationswissenschaftler, 

Vrije Universität, Amsterdam 

Genius Politik (2007) 

Mehr Demokratieverständnis für Schulkinder: 

Spieler müssen sich langsam vom Dorfbürgermeister zum Bundeskanzler 

hocharbeiten. 

> Mitfinanziert von der Bundeszentrale für politische Bildung 

BPB, rund 400000 Euro 

Re-Mission (2007) 

Entwicklungskosten 4,6 Millionen Dollar 

(Programmierer und Krebsspezialisten) 

> Realistische 3D-Grafik 

> Realistische Sound-Effekte 

„In 20 levels geht es um bösartige Erkrankungen, vom Gehirntumor 

bis zum Befall des Lymphsystems“ 

„Der Spieler lernt, fast ohne es mitzubekommen“ 

In der Erziehungswissenschaft wurde der Begriff 

Stealth-learning = getarntes Lernen geprägt 

Dance Dance Revolution Extreme (1998) 

Tanzlehrer für Spielhallen 

> Spieler müssen den Ablauf von Tanzschritten auf einer Matte 

nachtanzen 

> 2008: DDR Extreme für Turnhallen in West Virginia, USA, als 

Abnehm-Training 

Packy & Marlon 

> Dosierung von Insulin für Kinder 

> In einer Studie über 6 Monate konnten bei 4/5 der Probanden 

weniger Notfälle wegen Fehldosierung als üblich festgestellt 

werden 





Blatt 33 

Involvement 

Der Spieler taucht völlig in die 

Welt auf dem Bildschirm ein 







Blatt 34 

Mögliche Srukturen 

von Informationskomplexen 

Streng linear 

Lineare Struktur mit Verzweigungen 

(Baumdiagramm) 

Verzweigte hierarchische Struktur 

in räumlicher Dimension 

Struktur in zwei Raumachsen 

(Kristallogramm) 

Struktur mit drei Raumachsen: 

Siehe Seite 4 



Ikonzeichen 

Symbol 

8.3 

Abstrakt-typografische Raumsimulation 

Informationskomplexe können in der Regel gut mit typografischen 

Methoden abgebildet werden: 

Hier exemplarisch am Themenkomplex „Typografie“. 

Ikonzeichen 

Symbol 

Index 

Typografie Mikrotypografie Makrotypografie 

Typografie Mikrotypografie Makrotypografie 

Mikrotypografie 

Struktur in drei räumlichen Achsen Mikrotypografie 


Typografie 

Typografie 

Makrotypografie 


Zeichentheorie 

Zielgruppe 

Zielgruppe 

Index 

Drei Raumachsen: 

Neue Beziehungen zwischen 

einzelnen Informationsbausteienen 

können herausgestellt werden. 

Überlagerungen können durch 

die richtige Anwendung von 

Gestaltungsmitteln geklärt werden. 

Zeichentheorie 

Content 

Content 

Schrift 

Schrift 

Zeilenabstand 

Zeilenabstand 

Raster 

Raster 

Schrift Schrift 


Mikrotypografie Schrift 


Typografie Typografie 

Zeilenabstand 

Zeilenabstand 

Typografie 

Zeilenabstand 



Raster Raster 

Makrotypografie Raster 

Typografie 

Typografie 




akrotypografie 

Schrift 

Zeilenabstand 

Raster 

Drehung bzw. Bewegung erlaubt 

neue Zugänge zu den einzelnen 

Informationsbausteinen. 

Schrift 

Zeilenabstand 

Raster 

Rotat 

persp

9 

Orientierung im simulierten Raum 

Dreidimensionalität und Benutzerführung 

> Simulation architektonischer Strukturen 

> Virtuelle mediale Welten / Informations-Architekturen 

> Orientierungssysteme (Flughafen, Universitäten, ...) 

These: 

Gute Architektur benötigt keine zusätzlichen Leitsysteme 

Bsp: Das HFG-Gebäude: Individuelle Fluchten erhöhen den Wiedererkennungswert. 

Prinzipien wie oben/unten; links/rechts, etc. 

können gut erlebt werden. 

Prämissen von Orientierung 

Orientierungssuchende haben ein Ziel. 

Orientierung geht immer von einer spezifischen kommunikativen 

Situation aus. D.h. Orientierungs-Lösungen sind ebenfalls 

spezifisch. 

Orientierung ist ein menschliches Grundbedürfnis. Lebensverhältnisse 

werden komplexer und beschleunigen sich, so dient 

Orientierung zur Entschleunigung und schafft Lebensqualität. 

Orientierung findet in den Köpfen der Menschen statt (Kommunikation 

und Wahrnehmung). Menschen sind in ihrer individuellen 

Umweltwahrnehmung gefangen. 

Zeichen und Orientierung 

Def. von Zeichen nach Peirce und Eco (vgl. Zitate) sehen Zeichen 

als komprimierte Hinweise auf Orientierung. 





Blatt 35 

(Dieses Kapitel ist bislang nur 

stichwortartig ausgeführt) 

Orientierung = Kognitive Leistung 

des Erkennens 

„Erkennen findet statt, wenn 

ein bestimmter Gegenstand als 

Sachverhalt, natürlichen oder 

menschlichen (absichtlichen oder 

unabsichtlichen) Ursprungs und als 

Faktum in einer Welt von Fakten 

existierend, von einem Empfänger 

als Ausdruck eines bestimmten 

Inhalts betrachtet wird, entweder 

aufgrund einer bereits vorhandenen 

codierten Korrelation oder dadurch, 

dass der Empfänger eine mögliche 

Korrelation selber setzt.“ 

(Umberto Eco, S. 293f) 

„Immer wenn wir denken, haben wir 

im Bewusstsein irgendein Gefühl, 

Bild, Konzept oder eine andere 

Vorstellung gegenwärtig, die als 

Zeichen dient. Jeder frühere Gedanke 

hat für den folgenden Gedanken eine 

gewisse Bedeututng, das heißt, er ist 

für ihn das Zeichen für etwas.“ 

(Charles Sanders Peirce) 

„Orientierung ist (...) ein Instrument, 

um die eigene Umwalt zu markieren, 

sie zu strukturieren und so einzuteilen, 

dass Dinge und Orte in ihr 

wiedergefunden und erschlossen 

werden können.“ 

(Peter Zec, S. 17) 







Blatt 36 Bedingungen für Orientierung 



Orientierung als Erkennen der Umgebung ist Grundlage zur Navigation 

innerhalb von Informations-Architekturen. 

Aus der Perspektive des Betrachters treten Mensch und Umwelt 

in Bezug zueinander. Der Benutzer tritt das kognitive Wechselspiel 

zwischen ihm und seiner Umwelt an, ein Wechselspiel des 

Entwickelns und Erkennens von Strukturen. 

Grundprinzipien der räumlichen Orientierung 

oben unten 

(visuell: Leicht, schwer; Schwerpunkte setzen) 

links rechts 

vorne hinten 

(Farbperspektive, Luftperspektive) 

hell dunkel 

schräg waagerecht (Gleichgewichtssinn) 

kalt warm (Farbempfindung) 

Funktionale Anker 

Metaphern für Verbindungen/Links, 

Informationswege/Pfade: 

Treppen 

Türen 

Fenster 

Sonderformen (Strukturen, Dimensionen, ...) 

Gestaltungsmittel zur räumlichen Orientierung 

auf der Basis der Wahrnehmungsprinzipien beim Menschen 

> Formperspektive 

> Farbperspektive 

> Luftperspektive (Schärfe, Verblauung, Unschärfe) 

Grundrichtungen 

(8 Würfelecken als 8 Primärrichtungen) 

> Pfeile 2D / 3D

Beispiele ausgezeichneter Orientierungs-Lösungen 

in digitalen Netzmedien 

Intuitiv zu bedienende, hoch ästhetische Lösung für ein 

Unternehmens-Portfolio (2009): 

http://www.whitevoid.com/portfolio.html 

Zwei Dimensionen der Information (Produkte/Waren und 

Sportler/Orte) werden parallel von zwei intuitiv bedien- und 

erlebbaren Navigationskonzepten repräsentiert (2009): 

http://www.nike.com/nikeacg 





Blatt 37 







Blatt 38 

„Das Gehirn ist ein Organ, 

das Welten festlegt, 

keine Welten spiegelt.“ 

Francisco J. Varela 

Weltbild 

Das Bild, das sich ein Mench 

aktiv von seiner Umwelt gemacht 

hat (bzw. zwangsläufig machen 

musste). 

Eine ausführliche Darstellung 

von dramaturgischen 

Konzepten in den Skripten 

Journalsistische Medien 

und Syntax in der visuellen 

Gestaltung 

„Ein Bild, das wir sehen, ist nicht 

weniger das Ergebnis eigener 

Handlungen als ein Bild, das wir 

malen, ein Loch, das wir graben, 

oder ein Haus, das wir bauen.“ 

Ernst von Glaserfeld 



10 

Navigation durch simulierten Raum 

Syntax räumlicher medialer Strukturen 

Navigation ist ein aktiver Prozess: Orientierungssysteme und 

Navigationssysteme werden vom Benutzer aktiv genutzt. D.h. 

Systeme zur Navigation müssen den Nutzer aktivieren bzw. 

einbinden. 

Kognitive Wissensstrukturen 

Alles was wir erfahren oder lernen bildet eine individuelle 

Orientierungsstruktur in unserem Gehirn aus. Diese kognitiven 

Strukturen des Wissens erzeugen vorgefertigte innere Handlungsmuster 

und prägen das spezifische individuelle Weltbild 

eines Menschen. So werden im Laufe des Lebens kognitive 

Netzwerke in den Köpfen abgebildet, die als Handlungsmuster 

zur Navigation herangezogen werden können (beispielsweise 

können Suchprinzipien eher analytisch strukturiert oder vermehrt 

intuitiv angelegt sein). 

Zeitliche Strukturen 

Die Trennung von räumlichen und zeitlichen Strukturen ist bei der 

Rezeption dreidimensionaler räumlicher Strukturen nicht möglich. 

Navigation erzielen durch... 

gewährleisten von Orientierung 

anzeigen von Richtungen: 

> Visuelle logische Hierarchien schaffen: 

Gezielte Veränderung von Größe, Richtung, Farbe oder Helligkeit 

> Pfeile oder Pfeilstrukturen verwenden 

> Licht: 

Laserpointer, Spot, Lichtpfad (vgl. Straßenverkehr) 

Kenntnis der Benutzer und seiner Bedürfnisse: 

> Benutzer bei seinem Wissensstand „abholen“ 

> Bedürfnisse des Benutzers befriedigen (Orientierung gewährleisten, 

potentielle Ziele aufzeigen) 

Erzeugung einer räumlichen Syntax: 

> Regeln der Simulation dreidimensionaler Strukturen auf dem 

flachen Medium kennen und sinnvoll anwenden 

> Informatinsstruktur auf mediale Syntaktik übertragen 

> Raster anwenden

Anhang 

Weiterführende Skripte und Materialhefte 

Aspekte der visuellen Wahrnehmung 

Systemik in der visuellen Gestaltung 

Makrotypografie und -dramaturgie in multiplen Medien 

Gestaltung visueller Medien 

mit veränderlichen redaktionellen Inhalten 

Literatur 

Dutke, Stephan. Mentale Modelle: 

Konstrukte des Wissens und Verstehens. 

Kognitionspsychologische Grundlagen für die Software-Ergonomie. 

Verlag für angewandte Psychologie, Göttingen, 1994 

Eco, Umberto: Semiotik – Entwurf einer Theorie der Zeichen, 

Wilhelm Fink Verlag, München, 1987 

Herczeg, Michael: Software Ergonomie, 

Oldenbourg Verlag, München, 2005 

Peirce, Charles Sanders: Collected Papers, 

Harvard University Press, Cambridge, 1931-58 

Stankowski, Anton; Stankowski Joachim, Gomringer Eugen: 

Der Pfeil, Josef Keller Verlag, Starnberg, 1972 

Zec, Peter: Orientierung im Raum, Eine Untersuchung zur Gestaltung von 

Orientierungs- und Leitsystemen; Mabeg, Soest, 2002 

Bildnachweis 

Ernst, Bruno: Der Zauberspiegel des Maurits Cornelis Escher, 

TACO, Berlin, 1986 

whitevoid.com 

nike.com 





Blatt 39 




Materialheft 

GestVisMed_MH (...) .pdf 

Über Farbe 

Wirkung, Methoden und 

Prozesse, Kommunikation 

Materialheft 

Farbe (...) .pdf 

Typografie 

Einführung in die typografische 

Gestaltung multipler Medien 

Materialheft 

Typografie_MH (...) .pdf 

Typografie 

Glossar 

Skript 

Typografie_Glossar (...) .pdf 

Navigation 

Ordnung in Netzmedien 

Materialheft, 28 Seiten 

Navigation_MH (...) .pdf 

Sehen, erkennen, entwerfen 

Grundlagen der Gestaltung 

multipler Medien: 

Begriffe, Methoden und Prozesse 

im Mediendesign 

Materialheft 

GrundlGest_MH (...) .pdf 

Visuelle Zeichen 

Zeichentheorie und Medien 

Materialheft 

VisuelleZeichen_MH (...) .pdf 

Systemik in der 

visuellen Gestaltung 

Makrotypografie und -dramaturgie 

in multiplen Medien 


SystemikGestaltung (...) .pdf 

Typografische Maßsysteme 

Info 

Typografie_Masssysteme (...) .pdf 

Printmedien 

Theorie, Drucktechnik, 

Workflow 


Printmedien_Technologien (...) .pdf 

Aspekte der 

visuellen Wahrnehmung 


VisuelleWahr (...) .pdf 

Einführung in die 

Medienwissenschaften 

Materialheft 

MedienWiss_MH (...) .pdf 

Typografisches Gestalten 

von digitalen Displaymedien 

Materialheft 

TypogrBildsch (...) .pdf 

Theoretischer Ansatz 

zur Kommunikation mit Medien 

Theorie, Geschichte, 

Wirkung, Rezeption 


KommTheorie_MH (...) .pdf 


mit veränderlichen 

redaktionellen Inhalten 

Materialheft 

RedaktMedien_MH (...) .pdf 

Theorie zur Analyse 

und Gestaltung 

multimedialer Medien 

Stichworte zu digitalen Medien 

Materialheft 

TheorieMultiMedien_MH (...) .pdf 

Design-Prozess 

Workflow und Akteure 

Redakteure 

Experience Design 


DesignProzess (...) .pdf 

Theorie der visuellen 

Kommunikation 


VisKomTheo_MH (...) .pdf 

Design für ältere Menschen 


SeniorenMedien (...) .pdf 

04/2009 

Skripte_bth_Struktur_07.ai 

Navigation in virtuellen Räumen Grundlagen der Gestaltung 

Visualisierung 

Illustration und 

Prinzipien der Orientierung in multipler Medien 

Zusammenhänge, Prozesse Bildgestaltung 

räumlichen Informationsstrukturen, Storyboard 

und Methoden zum pikturalen 

Dreidimensionalität 

Aufbau von Kontextwissenen Info 

in multiplen Medien 

Info 

Materialheft 


Visualisierung_MH (...) .pdf 

3D_Medien (...) .pdf 

Im Rahmen meiner Lehrveranstaltungen eingesetzte Materialien sind zum Download über die E-Learning-Plattformen 

der Hochschulen, OpenUniversity.de/barth oder über www.FrankBarth.de/E-Learning abrufbar.

Auszüge aus dem Skript im PDF-Format - Frank Barth

Erfolgreiche ePaper selbst erstellen

Template löschen?

Als Template speichern?