Vergleichsgrafiken mit nachvollziehbaren Kriterien gestalten

Eine Vergleichsgrafik soll eine Entscheidung verständlicher machen. Dafür müssen Leser erkennen können, was verglichen wird, nach welchen Kriterien der Vergleich erfolgt und welche Aussage die Darstellung tatsächlich erlaubt. Eine attraktive Rangliste mit ungeklärten Punktwerten kann diese Aufgabe verfehlen. Eine schlichte Gegenüberstellung mit gut erklärter Grundlage kann sie dagegen sehr präzise erfüllen.

Dieser Leitfaden entwickelt den Vergleich von der Leserfrage bis zur Prüfung der fertigen Grafik. Das ausgeführte Beispiel verwendet zwei eigens geschriebene Überschriften und zählt ihre durch Leerraum getrennten Einheiten. Es bewertet keine realen Anbieter und behauptet keine gemessene Wirkung auf Leser, Suchmaschinen oder Umsatz. Gerade diese enge Grenze macht sichtbar, wie leicht eine korrekte Zahl durch eine unpassende Darstellung überinterpretiert werden kann.

Formuliere die Entscheidung vor der Grafik

Beginne mit einem vollständigen Satz: Die Darstellung soll der Zielgruppe helfen, eine bestimmte Entscheidung unter bestimmten Bedingungen zu treffen. Für eine Softwareauswahl kann es um einen benötigten Export gehen. Bei einer Gestaltung kann die Frage lauten, welche Variante bei wenig Platz noch verständlich bleibt. Eine allgemeine Aufforderung, zwei Lösungen zu vergleichen, enthält diese Information noch nicht.

Notiere anschließend die Alternative zur Entscheidung. Braucht die Zielgruppe tatsächlich einen Gesamtsieger? Oder soll sie erkennen, welche Lösung für welchen Einsatz geeignet ist? Unterschiedliche Stärken können nebeneinander bestehen. Eine Matrix kann diese Verteilung zeigen, während ein einziger Gesamtwert sie verdeckt. Die Form sollte aus dem Entscheidungsbedarf folgen.

Begrenze außerdem den Geltungsbereich. Eine Aussage über eine bestimmte Version unter definierten Bedingungen darf nicht stillschweigend auf eine ganze Produktfamilie ausgedehnt werden. Bei redaktionellen Varianten gilt dasselbe: Ein kürzerer Titel ist nicht automatisch in jedem Zusammenhang verständlicher. Der Vergleich gewinnt an Nutzen, wenn er seine Reichweite offen beschreibt.

Kriterien brauchen eine überprüfbare Bedeutung

Ein Kriterium wie modern oder hochwertig kann eine Diskussion eröffnen. Für einen nachvollziehbaren Vergleich braucht es eine genauere Beschreibung. Was soll jemand beobachten, zählen oder anhand einer vereinbarten Regel beurteilen? Ein Dateiformat kann vorhanden oder nicht vorhanden sein. Eine Dateigröße lässt sich in Bytes bestimmen. Die Verständlichkeit eines Textes verlangt eine andere Untersuchung.

Trenne beobachtete Eigenschaften, berechnete Werte und fachliche Urteile. Alle drei können sinnvoll sein. Problematisch wird es, wenn ein Urteil wie eine Messung dargestellt wird. Fünf ausgefüllte Sterne für Professionalität sind ohne Bewertungsregel nur eine grafische Behauptung. Ein Kommentar mit begründeten Beobachtungen kann hier informativer sein als eine scheinbar exakte Zahl.

Die Tabelle gibt keine wissenschaftliche Klassifikation vor. Sie ist eine redaktionelle Hilfe, um unterschiedliche Arten von Aussagen nicht zu vermischen. Prüfe für jedes Kriterium, ob seine Grundlage tatsächlich vorliegt. Ein leer gebliebenes Feld ist kein automatischer Nachteil der betrachteten Lösung. Es kann schlicht bedeuten, dass die Information noch nicht geprüft wurde.

Vergleiche dieselbe Frage unter passenden Bedingungen

Ein fairer Vergleich benötigt vergleichbare Voraussetzungen. Wenn ein Werkzeug in der aktuellen Version und das andere anhand einer alten Produktbeschreibung beurteilt wird, entsteht ein methodischer Unterschied. Wenn ein Entwurf mit vollständigen Inhalten und der andere als leere Vorlage gezeigt wird, ist die visuelle Wirkung ebenfalls schwer einzuordnen. Solche Unterschiede müssen vor der Gestaltung erkannt werden.

Erstelle deshalb ein kurzes Vergleichsprotokoll. Darin stehen die betrachteten Objekte, ihr Stand, die verwendeten Daten und die jeweils gleichen Bedingungen. Abweichungen werden ausdrücklich genannt. Das Protokoll muss nicht lang sein. Sein Zweck ist, die Grundlage später rekonstruieren zu können. Eine hübsche Grafik ohne diesen Bezug lässt sich kaum zuverlässig aktualisieren.

Manchmal lassen sich Bedingungen nicht vollständig angleichen. Dann sollte die Darstellung diese Grenze erklären. Eine getrennte Beschreibung kann ehrlicher sein als eine gemeinsame Punkteskala. Vergleichbarkeit ist eine fachliche Voraussetzung, die durch Gestaltung sichtbar gemacht wird. Sie entsteht nicht erst dadurch, dass zwei Elemente nebeneinander auf derselben Fläche stehen.

Ein kleines Beispiel mit tatsächlich ausgeführten Zählungen

Für den Lehrvergleich verwenden wir zwei originale Textvarianten. Variante A lautet „Leistungen für Webseiten“. Variante B lautet „Webseiten gestalten und verständliche Inhalte entwickeln“. Nach unserer ausdrücklich einfachen Regel zählt jede durch Leerraum getrennte Einheit. Daraus ergeben sich drei Einheiten für A und sechs für B. Die zweite Variante besitzt nach dieser Regel den doppelten Umfang.

Diese Zahlen beantworten ausschließlich eine Frage zum Umfang der beiden Zeichenfolgen. Sie beweisen keine bessere Verständlichkeit und keine höhere Auffindbarkeit. Die Texte enthalten außerdem unterschiedliche Informationen. Wer sie als vollständigen Inhaltstest behandeln möchte, müsste zunächst ein gemeinsames Kommunikationsziel definieren und ein geeignetes Prüfverfahren wählen. Die Zählung kann diesen Schritt nicht ersetzen.

Die enge Definition ist gerade für kleine Grafiken hilfreich. Eine Bildunterschrift kann sagen, dass der Umfang von drei auf sechs gezählte Einheiten steigt. Sie sollte daraus keine nicht untersuchte Qualitätsaussage ableiten. Damit bleibt die Interpretation so präzise wie die zugrunde liegende Rechnung.

Die Zählregel als überprüfbarer Quellcode

Der folgende Code akzeptiert Zeichenfolgen, entfernt äußeren Leerraum und trennt den verbleibenden Inhalt an einer oder mehreren Leerraumstellen. Eine leere Zeichenfolge liefert null. Das ist eine bewusst einfache Regel für dieses Beispiel. Sie ist kein allgemeiner sprachwissenschaftlicher Wortzähler und keine Bewertung der Textqualität.

function countUnits(text) {
  if (typeof text !== 'string') throw new TypeError('String required');
  const clean = text.trim();
  return clean ? clean.split(/\s+/u).length : 0;
}
const samples = [
  'Leistungen für Webseiten',
  'Webseiten gestalten und verständliche Inhalte entwickeln'
];
console.log(samples.map(countUnits));

Der Code wurde mit den beiden im Artikel abgedruckten Texten ausgeführt. Zusätzlich wurden eine leere Eingabe, zusätzlicher äußerer Leerraum, mehrere Trennzeichen und nicht zulässige Eingabetypen geprüft. Diese Fälle belegen das beschriebene Verhalten der Funktion. Sie behaupten nicht, dass die Regel für jede Sprache oder jede redaktionelle Fragestellung geeignet ist.

Für andere Kriterien braucht es andere Regeln. Zeichenlänge, Dateigröße und Bearbeitungsdauer sind verschiedene Größen. Sie dürfen nicht unter derselben unklaren Überschrift zusammengefasst werden. Definiere vor einer Erweiterung zuerst die Bedeutung und die Einheit. Passe erst danach die Datenverarbeitung und die Darstellung an.

Eine gemeinsame Skala macht das Verhältnis sichtbar

Werden die Werte drei und sechs als Balkenlängen gezeigt, ist eine gemeinsame Nullbasis wichtig. Auf einer Skala von null bis sechs ist der zweite Balken doppelt so lang wie der erste. Beginnt eine scheinbar vergleichbare Balkenskala dagegen erst bei zwei, zeigen die sichtbaren Restlängen eins und vier. Das wirkt wie ein vierfaches Verhältnis, obwohl die zugrunde liegenden Werte unverändert sind.

Die native Erklärung dieses Beitrags stellt genau diese beiden Darstellungen gegenüber. Sie verwendet dieselben ausgeführten Zählwerte. Die abgeschnittene Variante ist ausdrücklich als problematisches Beispiel gekennzeichnet. Es handelt sich um eine Veranschaulichung der Geometrie und keine Behauptung, dass jede Achse in jedem Diagramm zwingend bei null beginnen müsse.

Bei einem Liniendiagramm kann eine eingegrenzte Achse eine andere Aufgabe erfüllen. Entscheidend sind Diagrammtyp, Fragestellung und eindeutige Beschriftung. Bei Balken wird die Länge selbst zum Mengenzeichen. Darum kann eine verschobene Basis die intuitive Interpretation besonders stark verändern. Prüfe, welche visuelle Eigenschaft die Daten in deiner Darstellung tatsächlich codiert.

Wähle die Form passend zum Kriterium

Eine Tabelle eignet sich gut, wenn genaue Werte, mehrere Kriterien und erläuternde Hinweise wichtig sind. Ein Balkendiagramm kann Größenunterschiede bei einer gemeinsamen Einheit schnell sichtbar machen. Eine kommentierte Vorher-Nachher-Ansicht erklärt gestalterische Veränderungen. Für kategorische Eigenschaften sind klar benannte Zustände oft passender als eine numerische Skala.

Vermeide eine scheinbare Genauigkeit, die die Daten nicht tragen. Ein Radarbild mit sechs unklar bewerteten Achsen kann sehr technisch wirken. Ohne definierte Skalen zeigt es dennoch hauptsächlich die Gestaltung der Bewertung. Auch eine Gesamtnote aus unterschiedlichen Einheiten braucht eine begründete Umrechnung und Gewichtung. Das Zusammenzählen allein macht Kriterien nicht vergleichbar.

Wenn Gewichtungen nötig sind, beschreibe ihren Zweck. Eine Organisation kann bestimmte Anforderungen bewusst höher priorisieren als andere. Diese Priorität ist eine Entscheidung und keine neutrale Naturkonstante. Eine zusätzliche Darstellung ohne Gesamtwert kann zeigen, welche Informationen hinter der Empfehlung stehen. So können Leser die Entscheidung auf ihre eigene Situation beziehen.

Fehlende Daten sind kein Nullwert

Ein unbekannter Wert bedeutet, dass die Information fehlt. Null bedeutet bei einer Zählung, dass nach der vereinbarten Regel nichts gezählt wurde. Diese Zustände dürfen nicht gleich dargestellt werden. Ein fehlender Messwert als leerer Balken kann sonst wie eine besonders schwache Leistung aussehen. Verwende stattdessen eine verständliche Kennzeichnung wie nicht erhoben mit einer kurzen Erklärung.

Dasselbe gilt für nicht anwendbare Kriterien. Eine Funktion kann für einen betrachteten Einsatz keine Rolle spielen. Dann ist ein schlechter Punktwert unangebracht. Die Grafik sollte erkennen lassen, ob eine Eigenschaft fehlt, ungeprüft ist oder außerhalb des Vergleichszwecks liegt. Diese Unterscheidung verhindert Missverständnisse, bevor Farbe und Form ins Spiel kommen.

Bei Stichproben gehören Umfang und Auswahl zur Einordnung. Aus einer einzelnen Beobachtung darf keine allgemeine Durchschnittsaussage werden. Wenn Streuung oder Unsicherheit für die Entscheidung relevant sind, müssen sie angemessen berücksichtigt werden. Eine glatte Zahl ohne Kontext kann Unterschiede größer und sicherer erscheinen lassen, als die Untersuchung trägt.

Gestaltung soll Zuordnung erleichtern

Beschrifte Daten möglichst dort, wo sie gelesen werden. Eine weit entfernte Legende zwingt zu wiederholtem Hinsehen und kann Verwechslungen begünstigen. Gleiche Objekte sollten über mehrere Ansichten hinweg dieselbe Bezeichnung behalten. Wenn A in einer Tabelle A heißt, sollte es in der Grafik nicht plötzlich als erste Lösung erscheinen, ohne den Bezug zu erklären.

Nutze Farbe ergänzend zu Text, Form oder Position. Die WAI-Erläuterung zur Verwendung von Farbe beschreibt, weshalb Information nicht ausschließlich durch Farbunterschiede vermittelt werden soll. Für unseren Vergleich bleiben die Varianten durch A und B sowie ihre Zahlen erkennbar. Eine graue Ausgabe verliert damit keine entscheidende Zuordnung.

Kontrast und Schriftgröße müssen auch im vorgesehenen Ausgabeformat funktionieren. Eine große Arbeitsdatei kann auf einem Telefon zu einer kaum lesbaren Miniatur werden. Prüfe deshalb die tatsächlich eingebundene Größe. Lange Kriterien können eine andere Anordnung benötigen als kurze Zahlen. Eine zugängliche Tabelle im Text bleibt zusätzlich wichtig, selbst wenn die Grafik attraktiv und gut lesbar ist.

Beschreibe die Aussage außerhalb des Bildes

Komplexe Grafiken brauchen mehr als einen pauschalen Alternativtext wie Vergleich. Die WAI beschreibt einen kurzen identifizierenden Text und eine ausführlichere zugängliche Darstellung der wesentlichen Informationen. Je nach Inhalt kann diese Darstellung aus einer Tabelle und erklärenden Absätzen bestehen. Sie sollte den Zweck der Grafik erfüllen und nicht nur ihre Farben aufzählen.

Im Lehrbeispiel enthält der Artikel die beiden Originaltexte, ihre Zählwerte und die Erklärung der Skalenwirkung als normalen Text. Leser müssen die eingebettete Illustration deshalb nicht sehen können, um die wesentliche Aussage zu verstehen. Der Alternativtext benennt die Gegenüberstellung und verweist inhaltlich auf die erläuterten Verhältnisse. Die Bildunterschrift kennzeichnet die Lehrdaten.

Halte Quellen, Stand und wichtige Einschränkungen ebenfalls außerhalb einer reinen Bilddatei verfügbar. Sie lassen sich dann leichter suchen, vergrößern, übersetzen und aktualisieren. Eine Grafik darf den Inhalt verdichten. Sie sollte nicht der einzige Ort sein, an dem die Vergleichsgrundlage überhaupt auffindbar ist.

Prüfe die fertige Darstellung in zwei Richtungen

Gehe zuerst von den Daten zur Grafik. Stimmen Werte, Zuordnung, Einheiten, Reihenfolge und Skala? Anschließend gehe von der Grafik zur möglichen Aussage. Was würde eine Person ohne Hintergrundwissen daraus ableiten? Entsteht ein vermeintlicher Sieger, obwohl nur Umfang verglichen wurde? Wirkt eine kleine Differenz durch eine übertriebene Fläche besonders groß?

Diese zweite Prüfung ist mehr als Geschmack. Sie untersucht, ob die sichtbare Codierung zur belegten Aussage passt. Lass eine unbeteiligte Person den Vergleich in einem Satz beschreiben. Wenn dieser Satz mehr behauptet als die Daten, muss die Darstellung oder ihre Beschriftung präziser werden. Eine nachträgliche Fußnote kann einen dominanten falschen Eindruck nicht immer ausgleichen.

• Leserfrage und Geltungsbereich sind ausdrücklich beschrieben.
• Jedes Kriterium besitzt eine nachvollziehbare Bedeutung.
• Werte stammen aus belegten Beobachtungen oder klar gekennzeichneten Lehrdaten.
• Einheiten, Bedingungen und relevante Unterschiede sind erkennbar.
• Fehlende Informationen werden nicht als Null oder schlechte Leistung dargestellt.
• Geometrie und Skalen unterstützen die beabsichtigte Aussage.
• Textliche Erklärung und zugängliche Datengrundlage sind vorhanden.
• Quelle, Stand und Zuständigkeit für Aktualisierungen sind dokumentiert.

Aktualisierungen gehören zum Vergleich

Eine Vergleichsgrafik kann veralten, obwohl sie bei der ersten Veröffentlichung korrekt war. Eine Produktversion ändert sich, ein Kriterium verliert seine Bedeutung oder neue Beobachtungen ersetzen frühere Werte. Bewahre deshalb die Datengrundlage getrennt von der Bilddatei auf. Halte fest, wie daraus die Darstellung entsteht. Eine Aktualisierung darf nicht davon abhängen, dass jemand die Bedeutung einzelner farbiger Rechtecke aus dem Gedächtnis rekonstruiert.

Bestimme den Anlass für eine erneute Prüfung. Bei einem Produktvergleich kann dies eine relevante Veröffentlichung oder eine geänderte Anforderung sein. Bei unserem Lehrbeispiel bleiben die Originaltexte und die Zählregel konstant. Hier kann eine Überarbeitung eher die Erklärung oder ihre Zugänglichkeit betreffen. Unterschiedliche Vergleichsarten benötigen unterschiedliche Pflege. Ein frisch gesetztes Datum ersetzt keine tatsächliche Prüfung.

Gehe nach einer Datenänderung wieder beide Prüfrichtungen durch. Ein korrigierter Wert kann Reihenfolge, Abstände und sogar die Aussage der Überschrift verändern. Ein neuer Bildexport allein zeigt nicht, ob die Bildunterschrift noch stimmt. Behandle Datensatz, Grafik, zugängliche Tabelle und Erklärung als zusammengehörigen redaktionellen Gegenstand. So entstehen zwischen den Fassungen keine widersprüchlichen Aussagen.

Eine Empfehlung darf ihre Perspektive zeigen

Leser erwarten häufig eine Einordnung und nicht nur eine Sammlung von Zahlen. Eine Empfehlung ist möglich, wenn ihr Zweck und ihre Grundlage erkennbar bleiben. Beschreibe beispielsweise, dass eine Variante für einen benannten Platzbedarf geeignet erscheint. Ergänze die beobachteten Eigenschaften und die noch offenen Fragen. Damit kann eine andere Person nachvollziehen, weshalb die Empfehlung für diesen Einsatz ausgesprochen wird.

Vermeide pauschale Qualitätswörter als Ersatz für diese Erklärung. Sieger, professioneller oder überlegen sind starke Aussagen. Sie benötigen eine entsprechende Grundlage und einen klaren Bezug. Die doppelte Anzahl gezählter Einheiten macht Variante B unseres Beispiels weder automatisch besser noch schlechter. Sie beschreibt zunächst nur einen Umfang. Ob der zusätzliche Inhalt hilfreich ist, hängt vom Kommunikationsziel ab.

Bei kommerziellen Vergleichen verdienen Auswahl und Perspektive besondere Aufmerksamkeit. Welche Alternativen wurden überhaupt aufgenommen? Welche Bedingungen wurden ausgeschlossen? Ein transparent beschriebener Ausschnitt kann hilfreich sein. Er sollte sich jedoch nicht als vollständige Marktübersicht ausgeben, wenn diese Untersuchung nicht stattgefunden hat. Die gestalterische Gleichbehandlung der gezeigten Objekte beantwortet diese Auswahlfrage nicht.

Eine begründete Entscheidung kann außerdem offenlassen, dass mehrere Lösungen passen. Das ist kein Mangel der Grafik. Es kann das korrekte Ergebnis einer Untersuchung sein, in der unterschiedliche Anforderungen zu unterschiedlichen Prioritäten führen. Eine Darstellung, die diese Abhängigkeit erklärt, unterstützt Entscheidungen besser als ein erzwungener Gesamtsieger ohne nachvollziehbare Gewichtung.

Was ein kurzer Redaktionstest leisten kann

Lege die Grafik einer Person vor, die ihre Entstehung nicht kennt. Bitte sie, zunächst die verglichene Größe und danach die wichtigste Aussage zu benennen. Frage anschließend, welche Information sie für eine Entscheidung noch benötigen würde. Die Antworten können missverständliche Beschriftungen und fehlenden Kontext sichtbar machen. Sie sind Rückmeldungen zu diesem konkreten Entwurf und keine repräsentative Messung allgemeiner Verständlichkeit.

Überarbeite gezielt den festgestellten Punkt. Wenn die Einheit unklar bleibt, braucht es eine bessere Einheitenangabe. Wenn eine Lehrzahl für eine Kundenmessung gehalten wird, muss die Herkunft prominenter werden. Eine zusätzliche Farbe löst solche Probleme meist nicht. Die notwendige Änderung betrifft die Bedeutung und ihren sichtbaren Bezug.

Quellen und Stand

Quellenstand ist der 9. November 2026. Die Government Analysis Function bietet fachliche Hinweise zu Diagrammwahl, Beschriftung und Skalen. Die WAI-Anleitung für komplexe Bilder erklärt textliche Alternativen. Die WAI-Erläuterung zur Verwendung von Farbe behandelt ergänzende Unterscheidungsmerkmale. Die redaktionellen Prüfschritte und die beiden Überschriften sind eigene Beispiele dieses Beitrags.