Checkliste Bildgestaltung

Archivierter Portalinhalt

Diese Seite wird nicht mehr aktualisiert und ist möglicherweise nicht auf einem aktuellen Stand.

Sind die grafischen Information auf das Wesentliche konzentriert? unnötige Details weglassen. für die Bildaussage zentralen Elemente unterlegen oder einrahmen. Werden die Bildinformationen durch Textelemente erläutert? Ist die Bildaussage sprachlich (als Titel) zusammengefasst? Sind die Bildelemente beschriftet? Ist die Beschriftung eindeutig auf die Bildelemente bezogen? Stimmen die Bezeichnungen im Bild und im Begleittext überein? Sind spezielle Symbole erklärt und Darstellungskonventionen eingeführt?
Entspricht die räumliche Anordnung der Bildelemente dem Wahrnehmungsablauf und Darstellungskonventionen? Anordnung von links nach rechts, von oben nach unten, bei kreisförmigen Visualisierungen im Uhrzeigersinn. räumliche Nähe von ähnlichen oder zusammenhängenden Elementen. gleiche Einfärbung / sonstige Hervorhebung von ähnlichen oder zusammenhängenden Elementen.

Letzte Änderung: 08.04.2015

Mehr zum Thema

Formen

Im allgemeinen werden zwei Arten von Visualisierungen unterschieden: Statische Abbildungen und dynamische Visualisierungen. Im folgenden werden die Besonderheiten beider Visualisierungsformen erläutert und Hinweise zu Einsatz und Gestaltung gegeben.

Funktionen

Visualisierungen können für die Lernenden nützlich sein, wenn sie relevante Informationen enthalten und in direktem Zusammenhang mit der Textinformation stehen (Lewalter, 1997). Im Folgenden finden Sie einen beispielorientierten Überblick.

Gestaltgesetze

Sie möchten digitale Lehr-/Lernmedien konzipieren, die augenfällig, gut strukturiert, leicht und intuitiv begreifbar sind? Gestaltgesetze helfen Ihnen beim Entwurf eines durchdachten Designs. Hierbei handelt es sich nicht um ein Set goldener Regeln für gutes Webdesign – wie man vermuten könnte –, sondern um die Thesen einer speziellen Schule der Wahrnehmungspsychologie: der Gestaltpsychologie.

Text & Bild

Bilder haben keine grammatische Struktur und können nur begrenzt logische Verknüpfungen ausdrücken. Bilder alleine sind oft mehrdeutig. In der Vertiefung zeigen wir, wie diese Probleme durch eine geeignete Verknüpfung von Text- und Bildinformation umgangen werden können.

Realistische Bilder

Zu den realistische Bildern zählen Strich- und Umrisszeichnungen, naturalistische Gemälde und Fotografien. Sie repräsentieren als wahrnehmungsähnlicher Realitätsersatz visuelles Wissen über das Aussehen von Dingen und über räumliche Zusammenhänge.

Abstrakte Darstellungen

Abstrakte Darstellungen sind alle Arten von Diagrammen, sowie Schemata und Modelle, die einzelne Sachverhalte gezielt und vereinfacht visualisieren. Diese Reduktion von Bildinformationen auf die wichtigsten Komponenten kann bei begrenzter Lernzeit die Lerneffizienz steigern.

Digitalvideo

Videos können simultan eine Vielzahl von Informationen wiedergeben: Gesprochene Sprache, bewegte und stehende Bilder, Grafiken, Animationen und auch schriftliche Einblendungen sind beliebig kombinierbar.

Hypervideo

Eine Möglichkeit, hypertextuelle Strukturen mit digitaler Bildbearbeitung zu verknüpfen, sind so genannte „Hypervideos“. Dabei handelt es sich um digitale Videos mit dynamischen Hyperlinks.

Comics

Animation

Animationen sind Visualisierungen, die durch eine Abfolge von mehreren Einzelbildern den Eindruck von Bewegung erwecken. Sie können damit Abläufe und Entwicklungen wiedergeben und sind insbesondere bei Online Tutorials, WBT´s und CBT´s verbreitet.

Simulation

Simulationen sind interaktive Visualisierungen. Sie veranschaulichen Ursache- und Wirkungszusammenhänge. Der Lernende hat die Möglichkeit sinnvolle Parameter als Bedingungen einzugeben, woraufhin veranschaulicht wird, wie sich das repräsentierte System unter entsprechenden Bedingungen verhalten würde.