Der Kunde und die Infografik – ein Interview mit SignalNoise.

Daten kommen von überall – ein Interview mit Jer Thorp Data artist

Sechs Infografiken, die unsere Designer lieben – einige wunderbare hier

Was ist eine B2B-Infografik? – einige schwierige Fragen.

Viele Informationen zu teilen? Eine Infografik erstellen? Hier sind 14 Möglichkeiten, Ihre Informationen visuell zu organisieren, mit Beispielen und Tipps zur Verwendung.

Es gibt zwei Möglichkeiten, um herauszufinden, wie man Informationen oder eine Geschichte am besten visuell präsentiert:

1. Lernen Sie Ihre Daten oder Geschichte genau kennen. Harken Sie Ihren Zen-Garten und fragen Sie sich: „Wie möchten meine Daten aussehen?“
2. Gehen Sie Hunderte von Infografiken durch und versuchen Sie herauszufinden, ob eine der besseren zu dem passt, was Sie tun oder sagen möchten.

Für diesen Beitrag habe ich versucht, letzteres für Sie zu tun (wenn Sie Ihren Zen-Garten kultivieren möchten, kann ich nichts für Sie tun).

Der Prozess:
Ich ging zu Visual.ly (eine ausgezeichnete Quelle für Infografiken und die Community um sie herum) und überprüfte ein paar hundert der beliebtesten Infografiken nach Seitenaufrufen. Dieses Schleppnetz enthüllte 14 visuelle Metaphern. Hier teile ich sie und beantworte jeweils ein paar Fragen:

Wann funktioniert ein bestimmter visueller Ansatz wirklich?

Was lohnt sich aus gestalterischer Sicht?

Was sind ein paar gute Beispiele?

Die 10 + 4 visuellen Einbildungen

Eine Anatomie-Grafik oder Infografik bietet eine kommentierte Erkundung des Inhalts eines großen und komplizierten Objekts oder einer Idee. Es kann entweder metaphorisch sein (wie die Infografik „Anatomie einer SEO“ unten) oder gerade (wie die Infografik „Anatomie einer perfekten Website“ unten).

Wann verwenden Sie es? Jedes Mal, wenn Sie über etwas mit vielen beweglichen Bestandteilen informieren möchten, die nicht allgemein oder leicht zu verstehen sind.

Hinweise zum Design: Obwohl es unser Ziel ist, Komplexität zu veranschaulichen und aufzuklären, müssen Sie der Versuchung widerstehen, zu detailliert und explizit zu werden.Einige Beispiele: SEOmoz Anatomie eines Suchvermarkters, Anatomie einer perfekten Website, Die entzückende Imaginary Factory-Serie von Jing Zhang und das Gehirn eines Anfänger-Bloggers von Infolinks.

Zeitleiste

Diese sind großartig, um eine Reihe von Ursache-Wirkungs-Beziehungen oder Evolution zu demonstrieren (oder zu erstellen).

Wann verwenden Sie es? Wann immer Veränderung im Laufe der Zeit Ihr Hauptpunkt ist

Design Notes: Fängst du spät an und arbeitest rückwärts oder fängst du früh an und arbeitest vorwärts? Im Allgemeinen letzteres, es sei denn, der Punkt, den Sie versuchen zu machen, betrifft die historischen Wurzeln von etwas. Achten Sie auf die Zeitskala – versuchen Sie, Lücken und Trauben zu erhalten.

Beispiele: Battlefield vs. Call of Duty Timeline und Die Inception Timeline (Hinweis: es ist nicht gerade)

Timeline Subgenres:
Geschichte von… Beispiel: Geschichte der Wecker

Evolution von…Beispiel: Die Evolution des Geeks

Taxonomie

Wie in diesem Beitrag versuchen wir alle, Dinge zu klassifizieren. Irgendwie bringt bucketizing Zeug unsere Schimpansen Köpfe zu beruhigen. Es ermöglicht Ihnen auch, Breite UND Tiefe zu kommunizieren.

Wann verwenden Sie es? Wenn Sie signifikante und erkennbare Unterschiede zwischen Untergruppen verdeutlichen möchten

Design Notes: Verwenden Sie dies nur, wenn Sie mehrere Elemente haben, die sich auf vielen verschiedenen Achsen unterscheiden (wenn Sie nur zwei Dinge haben, möchten Sie möglicherweise einen Side-by-Side-Vergleich verwenden (unten); wenn nur eine Achse, vielleicht skalieren (unten))

Beispiele: Nuts & Hunderte von Chart-Typen und ein neuer Favorit: Die großartige Vielzahl von Bier von PopCharts Labs und ihre 200 Super Powers Chart.

Taxonomie-Subgenres:
Periodensystem Beispiel: Das Periodensystem der SEO-Ranking-Faktoren, Das Periodensystem des Fluchens

Baum Beispiel: Eloqua Blog Tree

Karte

Karten sind verdammt großartig. Ich liebe sie. Sie können herausfinden, wo Sie sind, wohin Sie gehen und wo … andere Sachen sind. Nichts bietet einen räumlichen und konzeptionellen Kontext wie eine Karte.

Wann verwenden Sie es? Wann immer Sie Nähe, Entfernung und Richtung zwischen verschiedenen Elementen oder Datenpunkten kommunizieren möchten.

Design Notes: Wenn Sie Bedeutung in das Layout Ihrer Karte packen können (dh Entfernungen, Objekte und Größen haben alle Bedeutung), desto besser wird es sein.Einige Beispiele: Flowtown Social Networking Map, Die Creative Process Map und die erstaunliche, interaktive Distance To Mars Demonstration von David Paliwoda und Jesse Williams.

Gefällt dir der Post? Ich hoffe, Sie werden es mit Gleichgesinnten teilen. Twittern Sie es. LinkedIn teilen. Oder wie es.

Rutschen und Leitern

Sie kennen das Spiel – Sie springen scheinbar zufällig vorwärts und rutschen rückwärts und kämpfen immer von Anfang bis Ende. Die Teilnehmer durchlaufen einteiliges Design und einteiliges Design.

Wann verwenden Sie es? Wenn Sie einen Prozess erklären möchten, bei dem so ziemlich jeder am selben Ort beginnen und enden möchte (aber die Route von Anfang bis Ende ist sehr variabel)

Designhinweise: Im Allgemeinen gibt es wenig Diskussionen über die Schritte auf dem Weg; verbringen Sie Ihre Zeit und Mühe mit den Sprüngen vorwärts und rückwärts, denn diese werden die meiste Aufmerksamkeit auf sich ziehen.

Beispiele: Credit Report 101 und Marketing Rutschen und Leitern von Insightera.

Raum ist gleich Raum

Es ist eine der ersten Lektionen aus dem Kindergarten: Manche Dinge sind groß, andere sind klein (aber nur im Vergleich zueinander). In der Infografik space equals space werden zwei oder mehr Dinge auf derselben Skala gegeneinander dargestellt.

Wann verwenden Sie es? Wann immer Sie die relative Größe oder Anzahl unterschiedlicher Dinge kommunizieren möchten, weil die Beziehung unerwartet oder interessant ist

Design Notes: Oft ist es großartig, eine Grundlinie festzulegen und diese dann zu vergleichen und zu kontrastieren. Das Ändern der Baseline kann verwirrend sein.

Ein Beispiel: Was ist kleiner als Apple und wie groß sind die Game of Thrones Drachen.

Skala

Alles im Universum, egal wie einzigartig, ist auf einer gleitenden Skala – wir müssen uns nur fragen, was die Skala ist. Zum Beispiel ist ein rosa Einhorn auf einer gleitenden Skala von „ist ein rosa Einhorn“ zu „ist kein rosa Einhorn“, wo die meisten Dinge im Universum gegen den Endpunkt der zweiten Gruppe sind.

Wann verwenden Sie es? Jedes Mal, wenn Sie eine Reihe von Objekten anhand eines Kriteriums priorisieren oder einstufen möchten, das Ihrem Publikum besonders gefällt

Designhinweise: Top-Down-Skalen lassen die Oberseite gut und die Unterseite schlecht aussehen; Side-to-Side-Rankings geben nicht einem Ende der Skala den Vorzug.

Einige Beispiele: Die Sympathie von Angry Birds, die Vertrauenswürdigkeit von Bärten

Side-by-Side-Vergleich

Wir alle kennen die Grundlagen dieses Visuals aus der klassischen Feature-Tabelle. Sie beginnen mit der Auswahl eines Modells oder Beispiels oben und gehen dann durch das Diagramm, um zu sehen, was dieses Modell hat oder nicht. Der Punkt von diesen ist einfacher Vergleich.

Wann verwenden Sie es? Wann immer Sie eine begrenzte Anzahl von Elementen haben, die Sie schnell vergleichen oder kontrastieren möchten.

Hinweise zum Design: Wenn Sie zu zwei Elementen übergehen, sehen diese Elemente oft so aus, als stünden sie in Konflikt.

Ein Beispiel: Geek vs. Hipster

Entscheidungsbaum

Diese können fantastisch sein, wenn sie gerade sind, und diese können fantastisch sein, wenn sie komisch sind. Sie sollen jeden möglichen Umstand mit einer geeigneten Antwort beantworten.

Wann verwenden Sie es? Entscheidungsbäume eignen sich hervorragend, um Menschen mental und visuell von einem unbestimmten Ausgangspunkt zu einem von vielen verschiedenen Endpunkten zu führen.

Hinweise zum Design: Sie müssen jeden Punkt so strukturieren, dass er nur eine oder zwei geschlossene (leicht zu beantwortende) Antworten enthält, mit einer konkreten Empfehlung endet und sehr schnell zu einem Schluss kommt.

Einige Beispiele: Soll ich diese Freundschaftsanfrage annehmen?, Sollte ich Jogginghose tragen?, Musst du noch aufwachen?

Venn-Diagramm

Das Venn-Diagramm stammt vom Philosophen Rudolf Venn-Herschelderferer, der nie einen Kampf verloren hat; er fügte nur eine weitere Ebene der Komplexität hinzu. Ehrlich gesagt geht es bei diesen Diagrammen darum, Menschen zu Kompromissen zu zwingen. Du kannst nicht alles haben, alles rein haben und alles haben, niemals.

Wann verwenden Sie es? Wenn Sie möchten, dass die Leute sehen, dass eine Situation kein ideales Szenario hat, sondern eine Reihe von Kompromissen und Kompromissen. Oder um einen Sweet Spot zu zeigen, an dem sich zwei Zonen überlappen.

Design Notes: Ich habe noch nie ein erfolgreiches Venn-Diagramm mit mehr als max. vier große Kreise. Das heißt nicht, dass es nicht möglich ist, aber ich sage nur.

Ein Beispiel: Wie möchten Sie Ihr Grafikdesign?
Und es gibt eine großartige Sammlung von Venn-Diagrammen auf diesem Tumblr: Venn, Fuck Yeah

Gefällt dir dieser Beitrag? Teilen Sie es und wir können mehr tun!Oder schauen Sie sich unsere B2B Content Marketing Strategie Checkliste an.