Content-Marketing User Experience

Infografik erstellen: Wenn die Information ins Auge springt

Infografik erstellen

60.000 mal! So viel schneller als Text können wir visuelle Informationen erfassen. Daher sind Infografiken perfekt, um komplexe Sachverhalte zu veranschaulichen oder kleine Storys zu erzählen. Deshalb finden sie sich längst nicht mehr nur in Schulbüchern. Auch im Content-Marketing erfreuen sie sich großer Beliebtheit. Du willst selbst eine Infografik erstellen? Gern teilen wir unsere Praxiserfahrungen mit Dir.

Was macht eine gute Infografik aus?

Das Wichtigste vorweg: Allen voran muss Deine Infografik selbsterklärend sein, d.h. auch losgelöst vom restlichen Inhalt eines Artikels für den Betrachter verständlich sein. Ist es hingegen notwendig, zum Verständnis eine Textpassage zu lesen oder weitere Infografiken zu betrachten, erfüllt sie dieses Kriterium nicht.

Wenn die Infografik nicht selbsterklärend ist, eignet sie sich nicht zum Teilen in den sozialen Netzwerken. Das ist unvorteilhaft, denn laut Studien werden Beiträge mit Infografiken 30 mal häufiger angeklickt.

visual content

In diesem Beitrag erklären wir Dir, was beim Gestalten von Infografiken empfohlen wird.

Infografik erstellen – Der Aufbau

Prinzipiell solltest Du bei der Erstellung Deiner Infografik einige Grundsätze beachten. Darunter fallen Normen unserer Kultur, wie das Lesen von links nach rechts und von oben nach unten. Darüber hinaus solltest Du in Deiner Infografik eine gängige Symbolik verwenden. Zeichen und Farben haben in Kulturen zum Teil verschiedene oder gar gegensätzliche Bedeutungen.

Beispiel: Das uns bekannte Stop-Schild ist achteckig. In Japan ist das Stop-Schild dreieckig.

Das setzt voraus, dass Du Deine Zielkunden genau kennst. Welches ihrer Probleme soll gelöst werden? Wie sind deren Vorkenntnisse? Welche Begriffe kennen sie?

Hauptelement

Das Hauptelement einer Infografik zieht die gesamte Aufmerksamkeit auf sich. Es transportiert die Kernaussage der Infografik. Alle anderen Elemente erscheinen deutlich weniger präsent.

infografik erstellen tipps

Unterstützende Elemente

Mit unterstützenden Elementen unterstreichst Du die Aussage oder Geschichte Deines Hauptelementes. Achte darauf, dass sie die Wirkung des Hauptelements nicht schwächen, sondern stärken. Nur mit den unterstützenden Elementen kann das Hauptelement den gewünschten Effekt erzielen.

Anordnung der Elemente

Die Anordnung der Elemente einer Infografik ist äußerst wichtig. Grundlage dafür bilden die sogenannten wahrnehmungspsychologischen Aspekte. Diese Gesetze dienen einem besseren Aufbau:

  • Gesetz der Nähe: Elemente, die nah beieinander liegen erfassen wir als zusammengehörig.
  • Gesetz der Ähnlichkeit: Elemente, die ähnlich oder gleich aussehen, werden vom Leser als Gruppe erfasst.
  • Gesetz der Geschlossenheit: geschlossene Formen setzen sich (visuell) stärker durch als offene.
  • Gesetz der Erfahrung: Greifen Sie auf bekannte Formen/ Objekte zurück, die auf Erfahrungen beruhen.
  • Gesetz der guten Gestalt: Formen sollten einfach, voraussehbar und gesetzmäßig gestaltet sein und keine Irritationen beinhalten.

Achte unbedingt auch auf die Gestaltung des Kopf- und Fußbereichs der Grafik:

Kopfbereich

Im Kopfbereich kannst Du eine Überschrift platzieren. Achte jedoch darauf, dass diese nicht präsenter als das Hauptelement erscheint.

Fussbereich

Im Fußbereich der Infografik kannst Du ergänzende Informationen wie eine Legende und eine Quellenangabe platzieren. Der Bereich sollte aber schwächer hervorgehoben sein als der Kopfbereich.

Grafische Grundelemente

Prinzipiell besteht eine Infografik aus fünf verschiedenen Grundelementen: Punkt, Linie, Fläche, Körper und Farbe. Jede Platzierung dieser Elemente hat eine Bedeutung. Demnach gibt es keine Elemente, die keine Aussage besitzen. Gerade deshalb ist die Anordnung und Gewichtung dieser Elemente besonders wichtig:

  • Gewichtung durch Größe: Die Größe der Elemente sollte nur dann verändert werden, wenn es inhaltlich sinnvoll ist.
  • Gewichtung durch Farbe: Dunkle Objekte werden schwerer eingestuft, als helle Objekte. Folglich ziehen diese auch mehr Aufmerksamkeit auf sich. Man beachte: Das, was Leser als erstes wahrnehmen, wird als Wichtigstes eingestuft.
  • Gewichtung durch Kontraste: Für die Gestaltung einer Infografik lassen sich Farb,- Form,- und Größenkontraste nutzen. Sie helfen Dir bei der Strukturierung und machen Infografiken lebendig.

Farbwahl

Mit Farben kannst Du eine Infografik nicht nur verschönern, sondern die Aufmerksamkeit in eine ganz bestimmte Richtung lenken. Vor allem, wenn Du den Weißraum und somit entstehende Kontraste ganz bewusst einsetzt. Doch Vorsicht: Je Kulturkreis sind Farben mit unterschiedlichen Bedeutungen aufgeladen. Für Europa gilt:

farbpsychologie
Quelle: Color Meanings

Unser Tipp

Setze so wenig unterschiedliche Farben ein, wie möglich. Am besten nicht mehr als drei oder vier (inkl. Text und Hintergrund).

Schriftwahl

Für die Schrift gilt: Alles, was unter 11 Punkt Schriftgröße ist, gilt als unlesbar. Ab 16 Punkt wird das Lesen als angenehm eingestuft. Nutze jene Schriftart, welche Du auch im Text und anderswo einsetzt. Gut geeignete Schriftarten für Infografiken sind: Verdana und Tahoma, Roboto und Axel. Letztere eignet sich speziell für die Zahlendarstellung in Tabellen. Serifenschrift hat im Web nichts verloren.

Bei der Gestaltung von Text steht die Lesbarkeit im Vordergrund. Text ist erst dann gut lesbar, wenn sich die einzelnen Zeichen gut voneinander unterscheiden. Besondere Aufmerksamkeit gilt dabei den Buchstabenkombinationen, wie “rn” oder “il”, die sich stark ähneln. So solltest Du z.B. Kunstschriften vermeiden, denn diese sind oft nicht eindeutig erkennbar.

Textgestaltung

Zweifelsohne sollten Faktoren wie Schriftgröße, Schriftfarbe- und Kontrast, Zeilenabstand und Zeilenlänge bei der Gestaltung ebenso beachtet werden. Zudem sollten die Textblöcke möglichst kurz gehalten werden.

Darüber hinaus gilt: Jedes Element, welches nicht intuitiv einem Begriff oder einer Zahl zugeordnet werden kann, sollte beschriftet werden!

Unser Tipp

Um zu prüfen, ob eine Schriftgröße gut gewählt ist, empfehle ich Dir die Infografik stark zu verkleinern. Ist der Text jetzt noch relativ gut lesbar, hast Du die richtige Schrift eingesetzt!

Hintergrund

Nur mit einem passenden Hintergrund kann die Infografik funktionieren. Dafür eignen sich insbesondere Farbhinterlegungen (neutrale, harmonische Farben einer Farbfamilie) oder Abbildungen, die nicht zu unruhig wirken. Wichtig ist, dass Text vor dem Hintergrund gut lesbar bleibt.

Ein Hintergrund kann sinnvoll sein, um eine „Klammer“ um die Grafik zu spannen, d.h. alle Inhalte zu gruppieren. Ist der Hintergrund eines Artikels als auch der Artikel gleichfarbig, ist eine fehlende Gruppierung oft irritierend für das Auge des Betrachters.

Unser Tipp

Vorsicht mit 3D-Effekten im Hintergrund. Bei der Reduktion der Farbtiefe können unschöne Flecken entstehen. Oder aber das Speichervolumen der Grafik ist unnötig groß.

Bausteine

Um Zahlen zu visualisieren werden häufig Balken, Säulen, Torten, Liniendiagramme oder Ablaufdiagramme eingesetzt. Bei der Beschriftung der Diagramme appellieren wir an das Gesetz der Nähe. Beschriftungen sollten in unmittelbarer Nähe der Abbildungen angebracht werden. Dafür eignen sich Legenden, die einem Diagramm häufig zugeordnet werden können.

Balken

Mit Hilfe von Balken werden verschiedene Werte ( z.B. Zeiten, Geld, Umsatzzahlen) dargestellt. Bei positiven Werten verlaufen sie von links nach rechts, bei Negativen umgekehrt. Die Beschriftung sollte, wenn möglich, innerhalb der Balken oder unmittelbar daneben untergebracht werden.

Säulen

Ähnlich zu den Balken werden auch Säulen dazu eingesetzt Werte darzustellen. Prinzipiell werden sie von oben nach unten aufgebaut. Bei negativen Werten sollten die Säulen nach unten verlaufen. Vor allem eignen sie sich besonders um kleine Wertunterschiede sichtbar zu machen. Einziger Nachteil: Sie lassen sich nicht so gut beschriften wie Balken, denn oftmals muss bei der Beschriftung mit Zuordnungslinien gearbeitet werden. Solltest Du dennoch mit Zuordnungslinien arbeiten, empfehle ich Dir die Schriftblöcke in einem Winkel von 45° zu kippen.

Torten

Tortendiagramme eignen sich hervorragend, um die Aufteilung eines Ganzen darzustellen. Wichtig dabei ist, dass sie sich immer zu 100% aufaddieren lassen müssen. Andernfalls wirken sie unglaubwürdig. Zudem sollten sie möglichst immer auf 12 Uhr beginnen.

Für das bloße Auge sind Tortendiagramme vielleicht schön anzusehen, aber leider überwiegen die Nachteile. Es lassen sich keine negativen Werte darstellen, kleine Wertunterschiede sind nicht gut sichtbar, sie lassen sich nicht besonders gut miteinander vergleichen. Darüber hinaus sollten Tortendiagramme unter keinen Umständen verzerrt oder gekippt werden.

Liniendiagramme (Fieberkurven)

Mittels Liniendiagrammen lassen sich primär große Mengen an Daten darstellen, die sich im Zeitverlauf ändern (z.B. Aktienkurse). Dabei werden die Werte auf einer Skala eingetragen und miteinander verbunden.

Ablaufdiagramme

Ablaufdiagramme haben ihren Ursprung im Projektmanagement. Häufig werden damit Prozesse oder Abläufe dargestellt. Die Darstellung von Ablaufdiagrammen ist vielfältig: Ob vertikal oder horizontal, als Zickzack oder als Schleife, es hängt von Deiner zu erzählenden Geschichte ab!

Infografiken für das Web optimieren

Deine Infografik sollte auf jedem Endgerät eine gute Figur machen. Daher gibt es ein paar Besonderheiten zu berücksichtigen:

Ausrichtung

Sinnvoll ist es, Infografiken horizontal auszurichten. Denn viele Soziale Netzwerke und auch die Google-Bildsuche sind auf entsprechende Bildlayouts eingestellt.

Dateiformat

Infografiken im Web basieren naturgemäß auf den RGB-Farbraum. Speichere sie am besten als PNG-8 ab, denn selten benötigst Du einen Farbspektrum von mehr als 32 Farben. Falls doch, entferne bunte Verläufe in der Grafik. Andernfalls riskierst Du eine zu hohe Speichergröße. Merke: 10 KByte sind toll. 100 KByte sind schlecht.

Mit Hilfe gängiger Software wie Adobe Photoshop oder Illustrator lässt sich RGB einfach über die Funktion “Für Web speichern” einstellen.

Farbraum Infografik

Infografik erstellen mit speziellen Tools

Professionelle Infografiken lassen sich mit speziellen Tools wie z.B. Canva oder Piktochart relativ einfach selbst erstellen. Zahlreiche Vorlagen zu allen denkbaren Themen erleichtern die Arbeit ungemein.

Fazit

Infografiken selbst zu erstellen ist kein Hexenwerk. Schaue Dir am besten Praxisbeispiele an und halte Dich an die genannten Tipps. Mit etwas Übung werden auch Deine Infografiken zu einem echten Hingucker!

Ebenfalls interessant
content attribution
Was ist eigentlich Content Attribution?
GIF Animationen Marketing
GIF-Animationen im Marketing: 8 Beispiele

Bitte kommentieren

Ihr Kommentar*

Ihr Name*
Ihre Website