10 Tipps zur Gestaltung besserer Infografiken

Infografiken gibt es schon seit Ewigkeiten, aber in den letzten Jahren sind sie wirklich als unwiderstehliche Kommunikationsmittel für komplexe Szenarien und Informationen in den Fokus gerückt. Wir können es nicht ändern, wenn wir einen Link für eine Infografik sehen, müssen wir es fast überprüfen!

Wenn Sie überhaupt an Infografik Design interessiert sind, lesen Sie weiter, während wir einige unserer Lieblingsbeispiele betrachten und einige wichtige Vor- und Nachteile für die Erstellung überzeugender und effektiver Grafiken besprechen.

Erstellen Sie einen starken Fokus

Zu oft werden Infografiken zu einem komplizierten Durcheinander von Grafiken und Text. Als Designer ist es sehr einfach, sich hinreißen zu lassen und letztendlich etwas zu bekommen, das mehr überwältigend als hilfreich ist.

Eine Möglichkeit, diese Tendenz zu beherrschen, besteht darin, sich stark auf eine zentrale Grafik zu verlassen, die Ihr gesamtes Thema oder Ihre Botschaft stark kommuniziert:

Bildquelle

Wie Sie sehen, ist die Hauptgrafik von Mais hier keineswegs das einzige ansprechende Bild auf der Seite, sondern verbraucht den größten Teil des verfügbaren Platzes. Dies hilft Ihnen, sich einzubringen und vermittelt Ihnen das Gefühl, dass Sie die abgebildeten Informationen leicht verdauen können.

Nachdem Sie die Hauptgrafik eingezogen haben, können Sie Ihre Aufmerksamkeit auf die flankierenden Informationen, Grafiken und Textinformationen richten.

Bildquelle

Kannst du es auf einen Blick lesen?

Denken Sie daran, dass eine Infografik wie jedes Design eine Reihe zugrunde liegender Ziele haben sollte, die sie erreichen soll. In der Regel besteht der Sinn einer Infografik darin, komplexe Informationen aufzunehmen und die Aufnahme durch grafische Verstärkung zu erleichtern. Ihr Ziel ist es, etwas zu schaffen, das so schnell wie möglich konsumiert werden kann. Nicht jeder kleine Teil der Informationen muss sofort kommuniziert werden, aber der Gesamtinhalt der Daten sollte zumindest in wenigen Sekunden wahrnehmbar sein.

Wenn Sie dieses Ziel nicht genau im Auge behalten, können Sie das Ziel leicht verfehlen. Das Ergebnis ist etwas, was möglicherweise eine kleine Verbesserung gegenüber unformatiertem Text darstellt, aber die Daten nicht wirklich auf ansprechende und leicht konsumierbare Weise darstellen kann.

Bildquelle

Ich kann nicht anders als zu denken, dass diese Infografik unnötig schwer zu sortieren ist. Denken Sie beim Entwurf über die Anzahl der Augenbewegungen nach, die erforderlich sind, um einen Datenpunkt aufzunehmen. Im obigen Beispiel blicken Sie mit den Augen überall hin, um das Layout auf dem horizontalen Punkt des Gitters, den vertikalen Punkt des Gitters, die Farben und ihre Zusammenhänge zu entschlüsseln. Einfach gesagt, es ist zu viel Arbeit!

Verwenden Sie zutreffende Metaphern

Einige der ansprechendsten Infografiken benötigen langweilige, komplexe Informationen und verwenden eine grafische Metapher, die so perfekt ist, dass sogar Laien fast sofort verstehen können, was gesagt wird. Die Infografik unten ist ein hervorragendes Beispiel.

Die Designer hatten die Aufgabe, fünfzig Viertel des vergleichsweise positiven Wirtschaftswachstums in 14 Ländern zu kommunizieren. In einem einfachen alten Diagramm reicht dies aus, um jeden Schüler der Highschool in den Schlaf zu versetzen. Bei der Rennmetapher handelt es sich jedoch um eine unterhaltsame, grafische Konversationsansprache, die selbst ein Grundschüler auf einer grundlegenden Ebene verstehen kann.

Bildquelle

Sehen Sie sich als weiteres Beispiel die folgende Grafik an. Hier wird der Zustrom von Einwanderern in die Vereinigten Staaten als eine Reihe von Balkendiagrammen dargestellt, aus denen die amerikanische Flagge besteht. Es ist eine schnelle Lektüre, die durch die Einarbeitung der Datenform umso fesselnder wird.

Bildquelle

Nimm eine Scheibe

Manchmal werden Infografiken nicht nur dazu verwendet, Rohdaten aufzufrischen, sondern um eine reale Situation zu vermitteln. Unter diesen Umständen ist es eine beliebte Strategie, eine Szene anhand dreidimensionaler Grafiken zu veranschaulichen, die fast so aussehen, als ob eine wissenschaftliche Probe aus der Welt genommen wurde, ähnlich wie ein Wissenschaftler einen Baum probieren würde.

Bildquelle

Wie Sie sehen, ist das Ergebnis dieser Technik eine bemerkenswert interessante Illustration, die das Thema sehr schnell in Beziehung setzt. Was normalerweise mehrere Absätze oder sogar Seiten zum Erklären benötigt, wird zu einer hilfreichen Grafik zusammengefasst.

Bildquelle

Daten können schön sein

Manchmal nehmen Infografiken eine Handvoll Datenpunkte zusammen und fassen sie für ein schnelleres Lesen zusammen. In anderen Fällen besteht der Punkt darin, einen riesigen Datenhaufen zu visualisieren. In diesen Situationen ist es einfach nicht immer realistisch oder sogar wünschenswert, jeden einzelnen Punkt zu einem Interessenbereich zu machen.

Stattdessen steht das große Bild im Vordergrund: Was können wir lernen, wenn wir einen Schritt zurückgehen und die Daten auf einmal aufnehmen? Unter diesen Umständen zeichnen Designer häufig die Daten kreativ so auf, dass ein schönes Kunstwerk entsteht!

Bildquelle

Wenn Sie dem Link folgen und sich dieses Diagramm genau ansehen, sehen Sie, dass es einfach zu viele Informationen gibt, die Sie aufnehmen können. Die Infografik ist jedoch immer noch eine hervorragende Ressource, da sie aus schmerzlich langweiligen Informationen wirklich etwas geworden ist Bemerkenswert, dass bestimmte Trends klar dargestellt werden.

Überdenken Sie das Balkendiagramm

Der Designer, der mir das meiste beigebracht hat, erzählte mir etwas, das mir immer geblieben ist: "Ihre erste Idee ist wahrscheinlich die allgemeinste." Im Design ist es wahrscheinlich der Fall, dass das erste, was Ihnen in den Kopf fällt, auch das erste ist, das in den Kopf eines anderen Designers stößt, was nicht immer schlecht ist, aber zu einer Menge unoriginaler Arbeit führen kann.

In Infografiken wird dieses Konzept häufig als Balkendiagramm dargestellt. Sicher, es ist ein unglaublich nützliches Werkzeug, das die Datenvisualisierung wirklich verbessert, aber es ist auch etwas generisch und aus der Perspektive des Designs einfallslos.

Wenn Sie das nächste Mal mit der Erstellung eines Balkendiagramms beginnen, sollten Sie darüber nachdenken, wie Sie Ihre eigene, einzigartige Wendung darauf legen können. Die Infografik unten ist ein perfektes Beispiel.Hier verwendete der Designer 3D-Kartenstapel, um die Meinungen der Amerikaner über ihre Verbündeten darzustellen. Je höher der Stapel, desto günstiger ist die Meinung. Im Grunde ist es nur ein Balkendiagramm, aber in der Praxis hat es zu einer viel interessanteren Grafik geführt.

Bildquelle

Wiederholung verwenden

Wiederholung ist eines Ihrer wichtigsten Konstruktionswerkzeuge und sollte in fast allen Bereichen, die Sie erstellen, verwendet werden. Dieses Tool ist besonders nützlich und für Infografiken geeignet, bei denen die gleichen Datenpunkte häufig in unterschiedlichen Kontexten angezeigt werden.

Im Folgenden habe ich die Envato Remote Staff-Infografik zerlegt, um zu zeigen, wie der Designer die kleinen Google Maps-Marker wiederholt verwendete, um Mitarbeiter zu repräsentieren. Da es in den Diagrammen alles um den Standort geht, handelt es sich um eine perfekte Metapher, und die Wiederholung führt zu einem bekannten Schema, das wir sofort aufgreifen und nicht mit jedem neuen Abschnitt neu interpretieren müssen.

Bildquelle

Erzählen Sie eine visuelle Geschichte

Dieser Tipp hat das gleiche Grundkonzept wie Nummer zwei oben. Da das Ziel einer Infografik darin besteht, schnell zu lesen, sollte Ihr Entwurf sofort eine Geschichte erzählen. Infografiken sollten sehr visuelle Erlebnisse sein, die nicht unbedingt zu stark auf den Text angewiesen sind. Es sollte für diejenigen da sein, die sich die Zeit nehmen wollen, um es zu lesen, aber Ihre Bilder sollten die Kommunikationslast ziemlich allein tragen.

In der Infografik unten bekomme ich eine Menge Informationen, ohne ein einziges Wort zu lesen. Ich weiß sofort, dass es darum geht, Handys über die Jahre zu zeigen, und ich bekomme ein Gefühl für diese Entwicklung aus den Bildern. Mein Blick schweift von den Telefonbildern und ich sehe hängende Gewichte, ein deutlicher Hinweis darauf, wie sich das körperliche Gewicht der Telefone im Laufe der Jahre entwickelt hat.

Bildquelle

Sobald Sie ein funktionierendes Design für Ihre Infografik erstellt haben, entfernen Sie den gesamten Text und zeigen Sie ihn jemandem, der ihn noch nicht gesehen hat. Können sie ungefähr sagen, was los ist? Können Sie die visuelle Kommunikation verbessern?

Vergleiche sorgfältig visualisieren

Dies ist so ziemlich ein Infografik-Design 101, aber es ist ein wichtiger Punkt, an den Sie viel denken sollten. Ein wichtiger Aspekt von Infografiken ist nicht nur die Darstellung von Daten, sondern vor allem die Vergleich von Dateien. Typografische Kunst ist im Moment recht populär, aber das einfache Eintippen großer Zahlen in einer schönen Schriftart vermittelt nicht wirklich einen Sinn für Skalierung oder Referenz. Aus diesem Grund wenden sich Designer an Diagramme, Grafiken, Illustrationen und alles andere, was sie sich vorstellen können, um die erzählte Geschichte zu vermitteln.

Ich habe oben erwähnt, dass Sie alle Bargraphen, die Sie verwenden, überdenken sollten. Hier erweitere ich diese Idee auf jede Datenvisualisierung, die Sie verwenden. Ihre Aufgabe ist es, jemandem zu zeigen, wie 14,2 Billionen Dollar im Vergleich zu 6,95 Milliarden aussehen. Wie wollen Sie das erreichen? Welche Werkzeuge und Tricks können Sie einsetzen, um diese unvorstellbare Skala auf etwas zu bringen, das wir in zwei Sekunden verstehen können?

Bildquelle

Gießen Sie auf die visuellen Hinweise

Nehmen wir an, Sie greifen auf ein einfaches altes Balkendiagramm zurück, was durchaus akzeptabel ist. Ihre Aufgabe ist es zu überlegen, wie Sie es sogar bis zur Redundanz lesbarer machen können.

Beachten Sie die kleinen Flaggen im untenstehenden Balkendiagramm. Nun, da ich selbst ein Balkendiagramm lesen kann, brauche ich diese kleinen Flaggen auf jedem Balken, die den Wert darstellen, nicht wirklich. Dieser Trick erhöht jedoch das visuelle Interesse des Designs und reduziert gleichzeitig den Arbeitsaufwand für die Interpretation der Daten. Diese kleine Berührung konnte leicht weggelassen werden, aber der Designer nahm sich die zusätzliche Zeit, um sich zu vergewissern, dass die Informationen schnell gelesen werden konnten.

Bildquelle

Weitere Infografiken

Kann nicht genug Infografiken bekommen? Sehen Sie sich die Links unten an, um weitere großartige Designbeispiele zu erhalten.

  • Stil und Fluss
  • Gut ist
  • InfographicGallery
  • Visuell
  • Coole Infografiken

Fazit

Sie haben wahrscheinlich bemerkt, dass viele der oben genannten Tipps nur einen Punkt enthalten: Daten benutzerfreundlicher machen. Als Designer reden wir gerne über das? Hübsche? Ein Aspekt des Infografik-Designs und der damit verbundenen Kunst, aber der Preis, den wir im Auge behalten müssen, ist die Zufriedenheit der Benutzer.

Infografiken sind eines der reinsten Beispiele für Grafikdesign, das Ihnen je begegnet. Wir sehen hier, dass Design mehr ist als nur Schriftarten und Farben. Design ist die kreative Organisation, Gestaltung und Darstellung von Informationen mit dem Ziel, das Interesse, die Lesbarkeit und das Verständnis über den reinen Text hinaus zu steigern.

Hinterlassen Sie einen Kommentar und teilen Sie uns Ihre Meinung zu den oben gezeigten Infografiken mit. Welches sind deine Favoriten und warum?