Glanz: aiMOOC über GPT aiMOOC Action erstellt

2026-09-13T05:48:25Z

aiMOOC über GPT aiMOOC Action erstellt

Neue Seite

{{T}}

{{BR}}
= Einleitung =

Eine '''Infografik''' verbindet Informationen mit Bildern. Sie kann Zahlen, Abläufe, Vergleiche, Orte oder Zusammenhänge so darstellen, dass Du sie schneller überblicken kannst als in einem langen Fließtext. Das Wort setzt sich aus '''Information''' und '''Grafik''' zusammen. Eine gute Infografik sieht deshalb nicht nur schön aus: Sie hilft Dir beim '''Verstehen'''.

In diesem aiMOOC für die [[Klasse 5]] lernst Du, wie Du Fakten auswählst und passende Formen der [[Visualisierung]] findest. Du arbeitest mit Text, Diagrammen, Symbolen, Pfeilen, Farben, Bildern und einfachen Layouts. Das wichtigste Ziel lautet:

{| class="wikitable" style="margin:auto; text-align:center; width:90%;"
|-
! FAKT
! →
! PASSENDE VISUALISIERUNG
! →
! VERSTÄNDLICHE BOTSCHAFT
|-
| „Vier Arbeitsschritte gehören zusammen.“
| →
| Ablauf mit Pfeilen
| →
| „Ich sehe sofort, was zuerst und was danach kommt.“
|-
| „Drei Gruppen sollen verglichen werden.“
| →
| Balken- oder Säulendiagramm
| →
| „Ich erkenne die Unterschiede.“
|-
| „Ein Hinweis soll schnell auffallen.“
| →
| Piktogramm + kurzer Text
| →
| „Ich weiß sofort, worauf ich achten soll.“
|}

[[Datei:Information icon.svg|180px|rahmenlos|center]]

'''Merksatz:''' Nicht jedes Bild ist eine Infografik. Eine Infografik wird dann besonders nützlich, wenn Bild und Text gemeinsam eine Information erklären.

{{BR}}
== Das lernst Du ==

# [[Infografik]]: Du kannst erklären, was eine Infografik ist und welchen Zweck sie hat.
# [[Visualisierung]]: Du kannst zu einer Information eine passende Darstellungsform auswählen.
# [[Diagramm]]: Du kannst einfache Balken-, Linien- und Kreisdiagramme unterscheiden und sinnvoll einsetzen.
# [[Piktogramm]]: Du kannst Symbole so verwenden, dass sie eine Aussage unterstützen.
# [[Flussdiagramm]]: Du kannst einen Arbeitsablauf mit Schritten, Pfeilen und Entscheidungen darstellen.
# [[Layout]]: Du kannst Titel, Bilder, Texte und Diagramme übersichtlich auf einer Fläche anordnen.
# [[Medienkompetenz]]: Du kannst prüfen, ob Zahlen, Bilder und Quellen verständlich und passend eingesetzt werden.

{{BR}}
= Was ist eine Infografik? =

Eine Informationsgrafik stellt Zusammenhänge visuell dar. Dazu können zum Beispiel Zahlen, Größenverhältnisse, Abläufe, Karten, Bauteile oder Strukturen gehören. Typische Bausteine sind [[Diagramm|Diagramme]], [[Piktogramm|Piktogramme]], Pfeile, Beschriftungen, Überschriften, Karten, Fotos und vereinfachte Zeichnungen.

Für Dich bedeutet das: Eine Infografik beantwortet eine Frage nicht nur mit Sätzen, sondern zeigt die Antwort zusätzlich in einer passenden Form.

{| class="wikitable" style="width:100%;"
|-
! Nur Text
! Als Infografik gedacht
|-
| „Beim Erstellen eines Lernplakats sammelst Du zuerst Informationen, wählst dann wichtige Fakten aus, planst das Layout, setzt die Elemente um und prüfst am Ende alles.“
| '''Sammeln''' → '''Auswählen''' → '''Planen''' → '''Gestalten''' → '''Prüfen'''
|}

{{BR}}
== Die vier Grundfragen vor dem Gestalten ==

Bevor Du mit Farben, Icons oder Bildern beginnst, beantworte vier Fragen:

{| class="wikitable" style="width:100%; text-align:center;"
|-
! Frage
! Wozu sie hilft
! Beispiel
|-
| '''Was ist meine Hauptaussage?'''
| Das Wichtigste auswählen
| „So entsteht mein Lernplakat.“
|-
| '''Für wen ist die Grafik?'''
| Schwierigkeit und Sprache anpassen
| Mitschülerinnen und Mitschüler aus Klasse 5
|-
| '''Welche Fakten brauche ich wirklich?'''
| Überflüssiges weglassen
| fünf wichtige Arbeitsschritte
|-
| '''Welche Darstellung passt?'''
| Die richtige Visualisierung finden
| Flussdiagramm statt langer Absatz
|}

'''Grundregel:''' Erst die Information klären, dann gestalten.

{{BR}}
= Von Fakten zu Bildern =

Ein häufiger Fehler ist, zuerst nach hübschen Bildern zu suchen und erst danach zu überlegen, was die Grafik eigentlich sagen soll. Besser ist die Reihenfolge:

{| class="wikitable" style="margin:auto; text-align:center; width:95%;"
|-
| '''1. Frage'''
| →
| '''2. Fakten'''
| →
| '''3. Auswahl'''
| →
| '''4. Visualisierung'''
| →
| '''5. Prüfung'''
|-
| Was will ich erklären?
| →
| Was weiß ich dazu?
| →
| Was ist wichtig?
| →
| Welches Bildsystem passt?
| →
| Versteht man es schnell?
|}

{{BR}}
== Welche Visualisierung passt zu welcher Information? ==

{| class="wikitable" style="width:100%;"
|-
! Information
! Gute Darstellungsform
! Beispiel
|-
| Mengen vergleichen
| [[Balkendiagramm]] oder Säulendiagramm
| Welche drei Gruppen haben wie viele Stimmen?
|-
| Entwicklung über eine Reihenfolge oder Zeit
| [[Liniendiagramm]]
| Wie verändert sich eine Messreihe?
|-
| Teile eines Ganzen zeigen
| [[Kreisdiagramm]] bei wenigen, klaren Anteilen
| Wie ist ein Ganzes auf vier Teile verteilt?
|-
| Schritte erklären
| [[Flussdiagramm]]
| Wie läuft eine Aufgabe ab?
|-
| Orte zeigen
| Karte oder Lageplan
| Wo liegen wichtige Stationen?
|-
| Gegenstände erklären
| beschriftete Zeichnung
| Welche Teile hat ein Gerät?
|-
| schnelle Hinweise geben
| [[Piktogramm]] + kurzer Text
| Achtung, Information oder Verbot
|}

{{BR}}
== Balken und Säulen: Mengen vergleichen ==

Ein Balkendiagramm oder Säulendiagramm ist geeignet, wenn Du mehrere Mengen vergleichen möchtest. Achte darauf, dass die Kategorien klar beschriftet sind und dass die Skala verständlich ist.

[[Datei:Simple bar chart.svg|500px|rahmenlos|center]]

'''Eigenes Mini-Beispiel mit erfundenen Übungsdaten:'''

{| class="wikitable" style="width:80%; margin:auto; text-align:center;"
|-
! Lieblingsformat
! Stimmen
! Bildidee
|-
| Lernplakat
| 8
| ████████
|-
| Video
| 5
| █████
|-
| Quiz
| 3
| ███
|}

Hier wird derselbe Fakt in drei Formen sichtbar: als Zahl, als Balken und als Vergleich.

'''Wichtig:''' Bei Balken- und Säulendiagrammen kann eine abgeschnittene Skala Unterschiede größer wirken lassen, als sie tatsächlich sind. Für einfache Vergleiche in Klasse 5 ist ein Start bei Null meist die verständlichste Lösung.

{{BR}}
== Kreisdiagramm: Teile eines Ganzen ==

Ein Kreisdiagramm zeigt Anteile eines Ganzen. Es eignet sich besonders dann, wenn es nur wenige Teile gibt und zusammen wirklich ein Ganzes dargestellt wird.

[[Datei:Charts SVG Example 5 - Simple Pie Chart.svg|500px|rahmenlos|center]]

'''Frage vor dem Einsatz:''' Kann ich sinnvoll sagen „alle Teile zusammen sind 100 Prozent“? Wenn nein, ist ein Kreisdiagramm wahrscheinlich nicht die beste Wahl.

{{BR}}
== Liniendiagramm: Veränderungen erkennen ==

Ein Liniendiagramm verbindet Werte in einer sinnvollen Reihenfolge. Das ist praktisch, wenn Du zeigen möchtest, wie sich etwas verändert.

'''Übungsbeispiel mit erfundenen Daten:'''

{| class="wikitable" style="width:80%; margin:auto; text-align:center;"
|-
! Messpunkt
! Wert
|-
| A
| 2
|-
| B
| 4
|-
| C
| 3
|-
| D
| 6
|-
| E
| 7
|}

Die Werte können in einem Liniendiagramm in dieser Reihenfolge verbunden werden. Entscheidend ist, dass die Reihenfolge der Werte einen Sinn hat.

{{BR}}
== Piktogramme und Icons: schnell erfassbare Zeichen ==

Ein [[Piktogramm]] ist ein vereinfachtes Zeichen, das eine Information sichtbar machen soll. Piktogramme begegnen Dir zum Beispiel auf Bahnhöfen, in Gebäuden, auf Geräten oder bei Sicherheitshinweisen.

[[Datei:Aiga hotelinformation.svg|180px|rahmenlos|center]]

Ein gutes Icon hilft beim Erkennen. Es ersetzt aber nicht automatisch jeden Text. Frage Dich deshalb:

{| class="wikitable" style="width:90%; margin:auto;"
|-
! Prüfung
! Gute Lösung
|-
| Ist das Symbol leicht zu verstehen?
| Verwende bekannte oder sehr einfache Formen.
|-
| Könnte das Symbol missverstanden werden?
| Ergänze ein kurzes Wort oder einen kurzen Satz.
|-
| Gibt es mehrere Symbole?
| Verwende einen einheitlichen Stil.
|-
| Wird nur mit Farbe unterschieden?
| Ergänze Form, Text oder Muster.
|}

{{BR}}
= Visuelle Ordnung: Was sieht man zuerst? =

Eine gute Infografik hat eine '''visuelle Hierarchie'''. Das bedeutet: Wichtige Dinge fallen zuerst auf, ergänzende Informationen später.

Ein einfaches System für Klasse 5:

{| class="wikitable" style="width:100%; text-align:center;"
|-
! Ebene
! Element
! Aufgabe
|-
| 1
| '''Großer Titel'''
| Thema sofort nennen
|-
| 2
| '''Hauptbild oder Hauptdiagramm'''
| Kernidee sichtbar machen
|-
| 3
| '''Kurze Fakten'''
| erklären und ergänzen
|-
| 4
| '''Quelle oder Hinweis'''
| zeigen, woher Informationen stammen
|}

{{BR}}
== Farbe sinnvoll einsetzen ==

Farben können ordnen, warnen oder zusammengehörige Elemente verbinden. Zu viele Farben machen eine Grafik jedoch unruhig.

'''Praktische Regel:''' Verwende wenige Hauptfarben und gib jeder Farbe eine Aufgabe. Wenn Rot zum Beispiel „Achtung“ bedeutet, sollte Rot nicht gleichzeitig zufällig für Dekoration verwendet werden.

[[Datei:ISO 7010 W001.svg|220px|rahmenlos|center]]

Bei Sicherheitszeichen sind Form und Farbe besonders wichtig. Ein allgemeines Warnzeichen nutzt eine auffällige Dreiecksform. In Deiner eigenen Infografik sollst Du offizielle Sicherheitszeichen nicht beliebig verändern.

{{BR}}
== Text kurz und klar schreiben ==

Eine Infografik ist kein Aufsatz. Schreibe kurze Überschriften, knappe Erklärungen und eindeutige Beschriftungen.

{| class="wikitable" style="width:100%;"
|-
! Schwer lesbar
! Besser
|-
| „Im nächsten Schritt ist es notwendig, eine Überprüfung dahingehend vorzunehmen, ob alle verwendeten Informationen verständlich dargestellt worden sind.“
| '''Prüfe: Versteht man alle Informationen?'''
|-
| „Es erfolgt anschließend die Auswahl eines passenden visuellen Darstellungsmittels.“
| '''Wähle eine passende Darstellung.'''
|}

{{BR}}
= Fünf Layouts für Deine Infografik =

Ein [[Layout]] ist die Anordnung von Elementen auf einer Fläche. Für eine gute Infografik brauchst Du kein kompliziertes Designprogramm. Schon mit Kästen, Abständen und einer klaren Leserichtung kannst Du viel erreichen.

{{BR}}
== Layout 1: Titel – Bild – Fakten ==

{| class="wikitable" style="width:75%; margin:auto; text-align:center;"
|-
| colspan="2" | '''GROSSER TITEL'''
|-
| colspan="2" | '''Hauptbild oder Diagramm'''
|-
| '''Fakt 1'''
| '''Fakt 2'''
|-
| colspan="2" | Quelle oder kurzer Hinweis
|}

'''Geeignet für:''' Lernplakat, Referat, Steckbrief.

{{BR}}
== Layout 2: Vier Karten ==

{| class="wikitable" style="width:75%; margin:auto; text-align:center;"
|-
| '''Begriff A'''<br>Icon<br>Kurzinfo
| '''Begriff B'''<br>Icon<br>Kurzinfo
|-
| '''Begriff C'''<br>Icon<br>Kurzinfo
| '''Begriff D'''<br>Icon<br>Kurzinfo
|}

'''Geeignet für:''' vier Regeln, vier Merkmale, vier Stationen.

{{BR}}
== Layout 3: Schritt-für-Schritt-Weg ==

{| class="wikitable" style="width:95%; text-align:center;"
|-
| '''START'''
| →
| '''Schritt 1'''
| →
| '''Schritt 2'''
| →
| '''Schritt 3'''
| →
| '''ZIEL'''
|}

'''Geeignet für:''' Arbeitsabläufe, Anleitungen, Experimente.

[[Datei:Flowchart connector example no text.svg|400px|rahmenlos|center]]

{{#ev:youtube| https://www.youtube.com/watch?v=Kl0RfpgQ8_Q |500|center}}

{{BR}}
== Layout 4: Vergleich links und rechts ==

{| class="wikitable" style="width:80%; margin:auto;"
|-
! Variante A
! Variante B
|-
| Bild oder Icon A
| Bild oder Icon B
|-
| Vorteil A
| Vorteil B
|-
| Merkmal A
| Merkmal B
|}

'''Geeignet für:''' zwei Tiere, zwei Materialien, zwei Lösungswege, vorher und nachher.

{{BR}}
== Layout 5: Große Zahl im Mittelpunkt ==

{| class="wikitable" style="width:70%; margin:auto; text-align:center;"
|-
| colspan="3" | '''THEMA'''
|-
| Fakt links
| style="font-size:200%;" | '''42'''
| Fakt rechts
|-
| colspan="3" | Was bedeutet diese Zahl?
|}

'''Geeignet für:''' eine besonders wichtige Zahl. Die Zahl allein reicht nicht: Du musst immer erklären, '''was''' sie bedeutet und welche Einheit dazugehört.

{{BR}}
= Arbeitsablauf: Eine Infografik in sieben Schritten =

{{#ev:youtube| https://www.youtube.com/watch?v=q_toqWNtwJM |500|center}}

{| class="wikitable" style="width:100%;"
|-
! Schritt
! Frage
! Ergebnis
|-
| '''1. Thema klären'''
| Was will ich erklären?
| eine Leitfrage
|-
| '''2. Fakten sammeln'''
| Welche Informationen sind sicher?
| Notizen und Quellen
|-
| '''3. Wichtiges auswählen'''
| Was braucht meine Zielgruppe wirklich?
| wenige Kernfakten
|-
| '''4. Darstellungsform wählen'''
| Diagramm, Icon, Bild, Karte oder Ablauf?
| Visualisierungsplan
|-
| '''5. Layout skizzieren'''
| Wo stehen Titel, Bild und Fakten?
| Entwurf auf Papier
|-
| '''6. Gestalten'''
| Sind Schrift, Farben und Abstände klar?
| fertige Infografik
|-
| '''7. Prüfen'''
| Stimmt alles und versteht man die Aussage?
| überarbeitete Endfassung
|}

{{BR}}
== Qualitätscheck: Der 5-Sekunden-Test ==

Zeige Deine Infografik einer anderen Person nur kurz. Frage danach: '''„Worum geht es?“''' Wenn die Person das Thema und die Hauptaussage erkennt, funktioniert Deine visuelle Ordnung wahrscheinlich schon gut. Danach folgt die genauere Prüfung:

# [[Faktencheck]]: Stimmen Zahlen, Begriffe und Aussagen?
# [[Quellenangabe]]: Ist erkennbar, woher wichtige Informationen stammen?
# [[Lesbarkeit]]: Kann man Überschriften und Beschriftungen gut lesen?
# [[Kontrast]]: Hebt sich Text deutlich vom Hintergrund ab?
# [[Barrierefreiheit]]: Werden Unterschiede nicht nur durch Farbe erklärt?
# [[Einheitlichkeit]]: Passen Symbole, Linien und Schriftarten zusammen?
# [[Reduktion]]: Kann etwas Unwichtiges weg?

{{BR}}
= Use-Case 1: Lernplakat =

Ein Lernplakat soll einen Lernstoff auf einer Seite ordnen. Stelle Dir als Beispiel ein Plakat zum '''Wasserkreislauf''' vor. Statt einen langen Text zu schreiben, kannst Du die Stationen räumlich anordnen und mit Pfeilen verbinden:

{| class="wikitable" style="width:95%; margin:auto; text-align:center;"
|-
| Wärme
| →
| Verdunstung
| →
| Wolkenbildung
| →
| Niederschlag
| →
| Sammlung von Wasser
|}

Unter jedem Schritt steht nur eine kurze Erklärung. Ein Bild kann zeigen, wo Wasser aufsteigt und wo es zurück auf die Erdoberfläche gelangt.

'''Gutes Lernplakat:'''

{| class="wikitable" style="width:100%;"
|-
! Element
! Aufgabe
|-
| Titel
| Thema sofort nennen
|-
| große Hauptgrafik
| Zusammenhang zeigen
|-
| kurze Stichtexte
| Einzelheiten erklären
|-
| Pfeile
| Richtung und Beziehung zeigen
|-
| Quelle
| Herkunft der Informationen nennen
|}

{{BR}}
= Use-Case 2: Sicherheitshinweis =

Ein Sicherheitshinweis muss schnell auffallen und leicht verstanden werden. Er ist kein Ort für lange Erklärungen.

[[Datei:ISO 7010 - Warning - Vertical Example.svg|350px|rahmenlos|center]]

'''Beispiel für einen selbst gestalteten schulischen Hinweis:'''

{| class="wikitable" style="width:70%; margin:auto; text-align:center;"
|-
| '''WARNSYMBOL'''
| '''ACHTUNG: NASSER BODEN'''
|-
| colspan="2" | Langsam gehen. Nicht rennen.
|}

Die Verbindung ist klar: '''Symbol''' macht aufmerksam, '''Überschrift''' nennt die Gefahr, '''Handlungssatz''' sagt, was zu tun ist.

Achte bei echten Sicherheitskennzeichen darauf, vorhandene Standards und Schulregeln zu verwenden. Erfinde für reale Gefahren keine Zeichen, die mit offiziellen Symbolen verwechselt werden könnten.

{{BR}}
= Use-Case 3: Arbeitsablauf =

Ein Ablauf wird verständlicher, wenn jeder Schritt eine eigene Box bekommt und Pfeile die Reihenfolge zeigen.

'''Beispiel: Eine Schulaufgabe vorbereiten'''

{| class="wikitable" style="width:95%; margin:auto; text-align:center;"
|-
| '''Aufgabe lesen'''
| →
| '''Material sammeln'''
| →
| '''Entwurf machen'''
| →
| '''Ergebnis prüfen'''
| →
| '''Abgeben'''
|}

Wenn eine Entscheidung vorkommt, kann der Ablauf verzweigen. Auf die Frage '''Ist alles verständlich?''' führt die Antwort '''Ja''' zum Abgeben, die Antwort '''Nein''' zum Überarbeiten.

So trainierst Du die Verbindung zwischen Sprache und visueller Logik.

{{BR}}
= Use-Case 4: Infografik im Referat =

Bei einem [[Referat]] kann eine Infografik eine Folie oder ein Handout ersetzen oder ergänzen. Sie soll nicht Deinen ganzen Sprechtext enthalten.

'''Beispielaufbau für ein Tier-Referat:'''

{| class="wikitable" style="width:90%; margin:auto;"
|-
| colspan="2" style="text-align:center;" | '''DER ROTFUCHS – STECKBRIEF'''
|-
| Bild
| '''Lebensraum'''<br>kurzer Fakt
|-
| '''Nahrung'''<br>Icon und Stichwort
| '''Körpermerkmale'''<br>kleine Skizze
|-
| colspan="2" | '''Eine interessante Zahl''' und kurze Erklärung
|}

Beim Vortrag schaust Du nicht nur auf die Grafik und liest ab. Du nutzt sie als '''visuelle Stütze''' und erklärst die Zusammenhänge mit eigenen Worten.

{{BR}}
= Use-Case 5: MOOCwiki-Erklärung =

Auch eine Lernseite in [[MOOCwiki]] kann als Infografik erklärt werden. So könnte eine vereinfachte Seitenstruktur aussehen:

{| class="wikitable" style="width:90%; margin:auto; text-align:center;"
|-
| '''1. TITEL'''
| Was lernst Du?
|-
| '''2. INPUT'''
| Erklärung mit Text und Medien
|-
| '''3. BILD ODER VIDEO'''
| Beispiel sichtbar machen
|-
| '''4. INTERAKTIVE AUFGABE'''
| Wissen anwenden
|-
| '''5. OFFENE AUFGABE'''
| selbst gestalten
|-
| '''6. LERNKONTROLLE'''
| Zusammenhänge prüfen
|}

Eine solche Darstellung ist selbst eine kleine Infografik: Sie reduziert eine komplexe Seite auf sechs Bausteine und zeigt die Reihenfolge.

{{BR}}
== Infografik als MOOCwiki-Baustein ==

In einem aiMOOC kann eine Infografik mehrere Aufgaben übernehmen:

{| class="wikitable" style="width:100%;"
|-
! Aufgabe
! Visualisierung
|-
| Begriffe erklären
| Icons und kurze Definitionen
|-
| Daten vergleichen
| Balkendiagramm
|-
| Prozess erklären
| Flussdiagramm
|-
| Orientierung geben
| nummerierte Schritte
|-
| Lernstoff zusammenfassen
| Lernplakat-Layout
|-
| Aufgabe erklären
| Beispielgrafik und Arbeitsauftrag
|}

{{BR}}
= Bilder, Diagramme und Quellen richtig nutzen =

Bilder sind stark, aber nicht automatisch verständlich. Ein Bild sollte eine Aufgabe haben: etwas zeigen, vergleichen, erklären oder Orientierung geben.

Bei fremden Bildern musst Du prüfen, ob Du sie verwenden darfst. [[Wikimedia Commons]] ist dafür besonders hilfreich, weil dort zu den Dateien Informationen über Urheber und Lizenz stehen. Trotzdem solltest Du die jeweilige Dateiseite prüfen.

Bei Zahlen gilt zusätzlich: Schreibe eine Einheit dazu, wenn sie wichtig ist. „12“ allein kann zwölf Personen, zwölf Kilometer oder zwölf Prozent bedeuten.

{{BR}}
== Gute und schlechte Visualisierung ==

{| class="wikitable" style="width:100%;"
|-
! Problem
! Verbesserung
|-
| fünf verschiedene Schriftarten
| ein oder zwei gut lesbare Schriftarten
|-
| zehn Farben ohne Bedeutung
| wenige Farben mit klarer Aufgabe
|-
| Diagramm ohne Beschriftung
| Titel, Kategorien und Einheit ergänzen
|-
| sehr langer Fließtext
| kurze Faktenblöcke
|-
| Icon ohne Erklärung
| Icon mit kurzem Label
|-
| Bilder nur als Dekoration
| Bilder mit Informationsfunktion
|-
| alles gleich groß
| Wichtiges größer darstellen
|}

{{BR}}
= Mini-Werkstatt: Aus einem Fakt wird eine Grafik =

Nimm die erfundene Aussage: '''„Von 20 Kindern wählen 8 ein Lernplakat, 7 ein Quiz und 5 ein Video.“'''

Du kannst denselben Fakt unterschiedlich darstellen:

'''Variante A – Tabelle'''

{| class="wikitable" style="width:60%; margin:auto; text-align:center;"
|-
! Format
! Kinder
|-
| Lernplakat
| 8
|-
| Quiz
| 7
|-
| Video
| 5
|}

'''Variante B – Balken'''

Lernplakat ████████
Quiz ███████
Video █████

'''Variante C – Piktogramme'''

Statt Balken kann für jedes Kind ein gleich großes Personensymbol eingesetzt werden: acht Symbole für Lernplakat, sieben für Quiz und fünf für Video.

'''Vergleiche:''' Welche Variante lässt Dich die Unterschiede am schnellsten erkennen? Welche braucht am wenigsten Platz? Welche passt gut auf ein Plakat?

{{BR}}
= Interaktive Aufgaben =

{{BR}}
== Quiz: Teste Dein Wissen ==

{{MC}}
'''Was ist das wichtigste Ziel einer Infografik?'''
(Informationen verständlich sichtbar machen)
(!Möglichst viele Farben verwenden)
(!Jeden freien Platz füllen)
(!Nur Bilder ohne Text zeigen)
{{E}}
<br>

{{MC}}
'''Welche Darstellung passt besonders gut zu einem Arbeitsablauf?'''
(Ein Flussdiagramm)
(!Ein Kreisdiagramm)
(!Ein zufälliges Foto)
(!Eine lange Textwand)
{{E}}
<br>

{{MC}}
'''Welche Darstellung eignet sich gut zum Vergleich mehrerer Mengen?'''
(Ein Balkendiagramm)
(!Ein Wasserzeichen)
(!Eine Überschrift ohne Daten)
(!Eine dekorative Rahmenlinie)
{{E}}
<br>

{{MC}}
'''Wann ist ein Kreisdiagramm besonders sinnvoll?'''
(Wenn Teile eines Ganzen gezeigt werden)
(!Wenn ein langer Text geschrieben wird)
(!Wenn ein Ablauf verzweigt)
(!Wenn keine Zahlen vorhanden sind)
{{E}}
<br>

{{MC}}
'''Was sollte vor dem Gestalten geklärt werden?'''
(Die Hauptaussage)
(!Die Anzahl der Dekorationen)
(!Die größte mögliche Schriftart)
(!Die Zahl der Hintergrundbilder)
{{E}}
<br>

{{MC}}
'''Wozu dient ein Piktogramm?'''
(Es vermittelt eine Information durch ein vereinfachtes Zeichen)
(!Es ersetzt immer jede Erklärung)
(!Es macht Quellen unnötig)
(!Es zeigt nur mathematische Formeln)
{{E}}
<br>

{{MC}}
'''Was gehört zu einer guten visuellen Hierarchie?'''
(Wichtiges fällt zuerst auf)
(!Alle Elemente sind gleich groß)
(!Jeder Text hat eine andere Schriftart)
(!Alle Farben haben keine Bedeutung)
{{E}}
<br>

{{MC}}
'''Was ist bei Zahlen in einer Infografik wichtig?'''
(Die Bedeutung und Einheit müssen klar sein)
(!Die Zahlen müssen möglichst groß sein)
(!Die Zahlen dürfen nicht beschriftet werden)
(!Die Quelle spielt nie eine Rolle)
{{E}}
<br>

{{MC}}
'''Welche Aufgabe haben Pfeile in einem Ablaufdiagramm?'''
(Sie zeigen Reihenfolge oder Richtung)
(!Sie ersetzen alle Fakten)
(!Sie machen jede Zahl größer)
(!Sie zeigen immer Prozentwerte)
{{E}}
<br>

{{MC}}
'''Was ist eine gute Abschlussprüfung für eine Infografik?'''
(Prüfen ob Fakten stimmen und die Aussage verständlich ist)
(!Noch mehr Dekoration hinzufügen)
(!Alle Abstände entfernen)
(!Beschriftungen verstecken)
{{E}}
<br>

{{BR}}
== Memory ==

<div class="memo-quiz">
{|
|-
| Balkendiagramm || Mengen vergleichen
|-
| Kreisdiagramm || Teile eines Ganzen
|-
| Flussdiagramm || Arbeitsablauf darstellen
|-
| Piktogramm || Information als vereinfachtes Zeichen
|-
| Layout || Elemente auf einer Fläche anordnen
|-
| Quelle || Herkunft einer Information
|-
| Hierarchie || Wichtiges zuerst sichtbar machen
|}
{{E}}
<br>

{{BR}}
== Drag and Drop ==

<div class="lueckentext-quiz">
{| class="wikitable"
! Ordne die richtigen Begriffe zu.
! Thema
|-
| '''Balkendiagramm'''
| Mengen vergleichen
|-
| '''Piktogramm'''
| schneller Hinweis
|-
| '''Flussdiagramm'''
| Arbeitsschritte
|-
| '''Titel'''
| Thema nennen
|-
| '''Quellenangabe'''
| Herkunft der Fakten zeigen
|}
{{E}}
<br>

{{BR}}
== Kreuzworträtsel ==

<div class="kreuzwort-quiz">
{|
|-
| Layout || Wie nennt man die Anordnung von Texten, Bildern und Diagrammen auf einer Fläche?
|-
| Balken || Welches grafische Element zeigt in einem Balkendiagramm die Größe eines Wertes?
|-
| Quelle || Woher stammt eine Information?
|-
| Symbol || Wie heißt ein vereinfachtes Zeichen mit einer Bedeutung?
|-
| Kontrast || Wie nennt man einen deutlichen Unterschied, der die Lesbarkeit verbessern kann?
|-
| Pfeile || Welche Elemente zeigen in einem Ablauf häufig die Richtung?
|}
{{E}}
<br>

{{BR}}
== LearningApps ==

<iframe> https://learningapps.org/index.php?s=IM5+Infografiken+erstellen </iframe>

{{BR}}
== Lückentext ==

<quiz display=simple>
Eine Infografik verbindet Fakten mit einer passenden { Visualisierung }. Bevor Du gestaltest, solltest Du die wichtigste { Aussage } festlegen. Für den Vergleich von Mengen eignet sich oft ein { Balkendiagramm }. Teile eines Ganzen können bei wenigen Anteilen mit einem { Kreisdiagramm } gezeigt werden. Einen Arbeitsablauf stellst Du übersichtlich als { Flussdiagramm } dar. Ein vereinfachtes Zeichen mit einer Bedeutung nennt man { Piktogramm }. Die Anordnung der Elemente auf einer Fläche heißt { Layout }. Große Überschriften und wichtige Bilder erzeugen eine visuelle { Hierarchie }. Zahlen müssen so beschriftet sein, dass ihre Bedeutung und ihre { Einheit } klar sind. Am Ende prüfst Du Fakten, Lesbarkeit und die angegebene { Quelle }.
</quiz>

<br>

{{BR}}
= Offene Aufgaben =

{{BR}}
=== Leicht ===
# [[Icon-Sammlung]]: Zeichne sechs einfache Icons für Deinen Schulalltag, zum Beispiel Lesen, Sport, Pause, Essen, Hausaufgaben und Computer. Teste sie an einer anderen Person.
# [[Mini-Lernplakat]]: Gestalte auf einem Blatt ein Lernplakat zu einem Thema aus Deinem Unterricht. Verwende einen Titel, ein Hauptbild und drei kurze Fakten.
# [[Fakt und Bild]]: Wähle fünf Fakten aus einem Schulbuchtext. Entscheide für jeden Fakt, ob Text, Icon, Diagramm, Pfeil oder Bild am besten passt.
# [[Sicherheitshinweis]]: Entwirf einen klaren Hinweis für eine ungefährliche Alltagssituation in der Schule, zum Beispiel „Bitte Tür schließen“. Nutze ein Symbol und höchstens einen kurzen Satz.

{{BR}}
=== Standard ===
# [[Balkendiagramm-Projekt]]: Führe in Deiner Klasse eine kleine Umfrage mit einer einfachen Frage durch. Erstelle aus den Ergebnissen ein beschriftetes Balkendiagramm.
# [[Arbeitsablauf]]: Visualisiere einen Ablauf aus Deinem Schulalltag mit mindestens fünf Schritten und Pfeilen. Ergänze eine Entscheidung mit Ja- und Nein-Weg.
# [[Referat-Infografik]]: Erstelle für ein Referat eine Infografik mit einem Bild, drei Fakten, einer Zahl und einer Quellenangabe. Halte danach eine zweiminütige Erklärung.
# [[Layout-Vergleich]]: Gestalte dieselben Informationen einmal als Vier-Karten-Layout und einmal als Schritt-für-Schritt-Layout. Befrage drei Personen, welche Version verständlicher ist.

{{BR}}
=== Schwer ===
# [[Datenvisualisierung]]: Sammle eine kleine selbst erhobene Datenmenge, stelle sie in zwei verschiedenen Diagrammformen dar und begründe, welche Form besser verständlich ist.
# [[MOOCwiki-Erklärgrafik]]: Entwickle eine Infografik, die neuen Lernenden erklärt, wie eine MOOCwiki-Lerneinheit aufgebaut ist. Nutze mindestens fünf klar benannte Bausteine.
# [[Infografik-Redesign]]: Suche eine unübersichtliche selbst erstellte Grafik oder einen alten Entwurf. Analysiere mindestens fünf Probleme und gestalte eine verbesserte Version.
# [[Erklärvideo]]: Erstelle ein kurzes Video, in dem Du eine eigene Infografik Schritt für Schritt erklärst. Zeige dabei ausdrücklich, wie Fakten und Visualisierung zusammenpassen.

{{:Offene Aufgabe - MOOC erstellen}}

{{BR}}
= Lernkontrolle =

# [[Darstellungsentscheidung]]: Du hast Daten aus einer Klassenumfrage, einen fünfstufigen Arbeitsablauf und drei Sicherheitshinweise. Ordne jedem Inhalt eine passende Darstellungsform zu und begründe Deine Wahl.
# [[Fehleranalyse]]: Eine Infografik enthält sechs Schriftarten, neun Farben, ein unbeschriftetes Diagramm und keine Quelle. Erkläre, welche Probleme dadurch entstehen und wie Du sie löst.
# [[Transfer Lernplakat]]: Verwandle einen kurzen Abschnitt aus einem Sachtext in einen Plan für ein Lernplakat. Lege Hauptaussage, drei Kernfakten, Visualisierungsformen und Layout fest.
# [[Diagrammvergleich]]: Erkläre an einem selbst gewählten Beispiel, warum dieselben Daten in einem Balkendiagramm verständlicher sein können als in einem Kreisdiagramm oder umgekehrt.
# [[Zielgruppenwechsel]]: Eine Infografik wurde für Erwachsene erstellt. Beschreibe, wie Du Sprache, Schriftgröße, Bildauswahl und Informationsmenge für eine fünfte Klasse verändern würdest.
# [[MOOCwiki-Transfer]]: Plane eine Infografik, die einen neuen aiMOOC erklärt. Begründe, welche Informationen Du als Icons, welche als Text und welche als Ablauf darstellen würdest.

<br>
<br>

{{BR}}
= Lernnachweis =

Für einen Lernnachweis zu „IM5 - Infografiken erstellen“ ist wichtig, dass Du nicht nur Begriffe kennst, sondern eine eigene verständliche Visualisierung entwickeln kannst.

# Du formulierst eine klare Hauptaussage.
# Du wählst verlässliche Fakten aus.
# Du ordnest Fakten passenden Visualisierungsformen zu.
# Du verwendest Diagramme nur dort, wo sie zur Aussage passen.
# Du setzt Icons und Bilder mit einer erkennbaren Informationsfunktion ein.
# Du planst ein übersichtliches Layout.
# Du achtest auf Lesbarkeit, Kontrast und sinnvolle Abstände.
# Du beschriftest Zahlen und Diagramme eindeutig.
# Du nennst wichtige Quellen.
# Du kannst Deine Gestaltungsentscheidungen begründen.
# Du überarbeitest Deine Infografik nach Rückmeldung.

Ein möglicher Lernnachweis ist eine eigene Infografik zu einem Unterrichtsthema plus kurze Erklärung: '''Welche Fakten habe ich ausgewählt? Warum habe ich genau diese Visualisierung gewählt?'''

<br>
<br>

{{BR}}
= OERs zum Thema =

<iframe> https://de.m.wikipedia.org/wiki/Informationsgrafik </iframe>

[[Datei:Charts SVG Example 1 - Simple Bar Chart.svg|500px|rahmenlos|center]]

[[Datei:Flowchart de.svg|350px|rahmenlos|center]]

{{BR}}
= Verknüpfte Lernbereiche =

{| align=center
{{:D-Tab}}
'''[[IM5 - Infografiken erstellen]]'''
# [[Infografik]]
# [[Visualisierung]]
# [[Diagramm]]
# [[Balkendiagramm]]
# [[Kreisdiagramm]]
# [[Liniendiagramm]]
# [[Flussdiagramm]]
# [[Piktogramm]]
# [[Layout]]
# [[Medienkompetenz]]
# [[Referat]]
# [[MOOCwiki]]
|}

[[Kategorie:Medienbildung]]
[[Kategorie:Informatik]]
[[Kategorie:Kunst]]
[[Kategorie:Visualisierung]]
[[Kategorie:Diagramm]]
[[Kategorie:Klasse 5-6]]
[[Kategorie:MOOCwiki]]

{{BR}}
= aiMOOC-Projekte =
[[Kategorie:AI_MOOC]] [[Kategorie:GPT aiMOOC]]
{{MT}}

IM5 - Infografiken erstellen - Versionsgeschichte

Glanz: aiMOOC über GPT aiMOOC Action erstellt