Content-Marketing User Experience

Infografik erstellen: Wenn die Information ins Auge springt

Infografik erstellen

60.000 mal schneller als Text können wir visuelle Informationen erfassen. Daher sind Infografiken perfekt, um komplexe Sachverhalte zu veranschaulichen. Schon länger sind die nicht bloß Bestandteil von Schulbüchern. Auch im Content-Marketing gehören sie zu den wichtigsten Bestandteilen. Du willst selbst eine Infografik erstellen? Gern teilen wir unsere Praxiserfahrungen mit Dir.

Was macht eine gute Infografik aus?

Allen voran muss Deine Infografik selbsterklärend sein, d.h. auch losgelöst vom restlichen Inhalt Deines Artikels muss die Grafik 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 prinzipiell schlecht, denn laut Studien werden Beiträge mit Infografiken mit einer 30 mal höheren Wahrscheinlichkeit angeklickt.

Effizienz von Visual Content

In diesem Beitrag erklären wir Dir, wie Du professionelle Infografiken ganz einfach selbst erstellen kannst.

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 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 Zielgruppe und deren Gewohnheiten genau kennst. Dafür dienen Dir sogenannte Buyer Personas. Es sind erfundene Personen, die auf Recherche, Marktforschung und echten Daten Deiner Leser basieren. Wie du eine Buyer Persona erstellst, erfährst Du in unserem Beitrag: So erstellst Du eine Buyer Persona

Hauptelement

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

infografiken erstellen

Unterstützende Elemente

Mit unterstützenden Elementen unterstreichst Du die Aussage oder Geschichte Deines Hauptelementes. Achte darauf, dass diese das Hauptelement weniger präsent erscheinen. Nur mit den unterstützenden Elementen kann das Hauptelement den gewünschten Effekt erzielen.

Anordnung der Elemente

Die Anordnung der Elemente einer Infografik sind ä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 Fussbereichs der Grafik:

Kopfbereich

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

Fussbereich

Im Fussbereich 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:

infografiken erstellen
Quellen: Colorpsychology und Color Meanings

Textgestaltung

Ein wichtiger Teil der Infografik ist der Text. Dabei steht die Lesbarkeit im Vordergrund. Text ist erst dann gut lesbar, wenn sich die Buchstaben 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. 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 Schriftart 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.

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.

infografik erstellen

→ 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.

infografik erstellen

→ 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.

infografik erstellen

→ 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.

infografik erstellen

→ 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 entsprechend 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

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. Als Schriftarten eignen sich: Verdana und Tahoma, Roboto und Axel. Letztere eignet sich speziell für die Zahlendarstellung in Tabellen. Serifenschrift hat im Web nichts verloren.

Infografik erstellen mit speziellen Tools

Professionelle Infografiken lassen sich mit speziellen Tools relativ einfach selbst erstellen. Wir haben für Dich die gängigsten Programme getestet. Hier geht es zum Artikel: Im Test: Mit diesen Tools zauberst Du tolle Infografiken

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 zum Hingucker!

Ebenfalls interessant
Content-Themen finden
Ideen für Dein Content-Marketing finden in 3 Schritten
Paid Media
Paid Media: Lohnt sich gekaufte Reichweite?

Bitte kommentieren

Ihr Kommentar*

Ihr Name*
Ihre Website