Eine Visualisierung braucht eine Frage
Eine Budgetgrafik zeigt Verteilung. Ein Ablaufdiagramm erklärt Übergaben. Eine Illustration kann eine abstrakte Situation anschaulich machen. Ein Screenshot belegt eine tatsächliche Oberfläche zu einem bestimmten Zeitpunkt. Wähle diese Formen bewusst. Eine nachgezeichnete Oberfläche wird nicht durch einen realistisch wirkenden Stil zum echten Screenshot.
Schritt 1: Die Aussage festlegen
Für die Lernwerkstatt lautet die Frage: Welche Budgetposition ist am größten und was ändert sich bei einem anderen Raumpreis? Verwende die geprüften vier Positionen aus budget.csv. Für eine Prozessdarstellung ist die Frage anders: Wann entsteht der Entwurf und wann entscheidet der Mensch? Vermische diese beiden Zwecke nicht in einer dekorativen Gesamtgrafik.
Schritt 2: Die einfachste geeignete Form wählen
Eine beschriftete Balkengrafik reicht für die Budgetverteilung. Ein Rechner mit veränderbarem Raumpreis ist hilfreich, wenn Leser Auswirkungen erkunden sollen. Ein Prozessdiagramm mit Quellen, Entwurf und Abnahme erklärt die Arbeitsweise. Für ein dauerhaft gehostetes Werkzeug mit eigener URL, Zugriff und gespeicherten Daten ist ein Site die passende dokumentierte Kategorie.
Schritt 3: Mit Daten und Grenzen beauftragen
Erkläre den fiktiven Budgetentwurf der Lernwerkstatt visuell.
Nutze Raum 240, Moderation 210, Material 70 und Verpflegung 90 Euro netto.
Zeige Positionen und Summe 610 Euro. Beschrifte Einheiten und Datenstand.
Falls eine interaktive Darstellung angeboten wird, ändere nur den
Raumpreis per Eingabe und berechne Summe und Rest von 700 Euro neu.
Kennzeichne die Darstellung als Übung; keine realen Betriebsdaten.
Erstelle einen prüfbaren Entwurf und veröffentliche nichts.Schritt 4: Interaktion fachlich testen
Wenn Visualize verfügbar ist, benenne die gewünschte Interaktion und das erwartete Verhalten. Die Anzeige einer interaktiven Ausgabe unterscheidet sich nach Oberfläche; CLI und IDE sind kein allgemeiner Renderweg für diese Inhalte. Bei fehlender Funktion genügt ein statischer Vergleich zweier Szenarien.
Teste das Soll: 240 Euro Raum ergeben 610 Euro Summe und 90 Euro Rest. 260 Euro Raum ergeben 630 Euro Summe und 70 Euro Rest. Leere oder ungültige Eingaben dürfen nicht stillschweigend als plausible Rechnung erscheinen. Prüfe Tastatur, Fokus und lesbare Beschriftungen auf einem kleinen Bildschirm.
Schritt 5: Herkunft und Kennzeichnung ergänzen
Eine erzeugte Illustration erhält einen verständlichen Hinweis wie „Illustration mit fiktiven Daten“. Ein echter Screenshot nennt Oberfläche und Aufnahmedatum und enthält keine Kontoinhalte, Kundennamen oder Secrets. Eigene Demodaten sind besser als das nachträgliche Verstecken vieler sensibler Elemente. Fremde Bilder und Kursaufnahmen werden nicht ohne passende Rechte übernommen.
Für Text im Bild kontrolliere Rechtschreibung und Zahlen besonders sorgfältig. Ein attraktives Bild mit falschem Wert ist keine hilfreiche Erklärung. Wesentliche Informationen müssen außerdem im normalen Text zugänglich sein; Farbe allein genügt nicht.
Abnahme und typische Probleme
Das Visual beantwortet genau eine Frage, zeigt korrekte Werte und besitzt eine passende Herkunftskennzeichnung. Bei einer Interaktion funktionieren die beiden Kontrollfälle und ungültige Eingaben. Wenn die Grafik überladen wirkt, reduziere Aussagen statt Schriftgröße. Wenn Texte im Bild falsch sind, setze Beschriftung als normalen Text neben das Visual oder überarbeite sie gezielt. Wenn die Darstellung nur dekorativ ist, kehre zur Frage zurück.
Dein Transfer
Nimm eine häufige Rückfrage deiner Leser oder Kolleginnen. Erkläre sie zuerst in zwei Sätzen. Entscheide danach, ob eine Darstellung tatsächlich mehr Verständnis schafft. Gute Visuals machen Kontrolle und Zusammenhänge sichtbar; sie benötigen keine spektakuläre KI-Ästhetik.