Wie man schöne Diagramme und Infografiken für Ihre Websites erstellt?

Artikel geschrieben von:
  • Featured Articles
  • Aktualisiert: Apr 15, 2019

Bekanntmachung: _usort_terms_by_ID ist veraltet seit Version 4.7.0! Verwenden Sie stattdessen wp_list_sort (). im /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php on line 4435

Wenn das Internet eine Sache ist, ist es visuell.

Die Menschen lieben schnelle, leicht zugängliche Informationen und Infografiken bieten genau diese Art der Datenvisualisierung. Selbst komplexe Daten sind leichter zu verstehen, wenn sie mit einem Kreisdiagramm, einer Grafik oder einem Foto kombiniert werden.

Laut einer Infografik von Top Marketing Schools hat eine Infografik das Potenzial, etwa 15 Millionen Menschen zu erreichen.

Warum Infografiken?

Das Marketingunternehmen Bell Pottinger verzeichnete eine 55-Steigerung der Business-Budgets für digitale Artikel wie Infografiken.

In einer Infografik über Infografiken, Unbounce gibt an, dass die Anzahl der Personen, die nach Infografiken suchen, in den letzten zwei Jahren um 800% zugenommen hat. Mit solchen Statistiken ist es schwer zu leugnen, dass Datenvisualisierungen in Form von Infografiken eine sind gute Inhalte / Marketing für Websites und Blogs.

Infografik-Statistiken

Nutzen # 1- Neue Besucher

Durch das Hinzufügen von Infografiken werden die Besucher der Website auf verschiedene Arten gezeichnet.

  • Websuche: Internetbenutzer recherchieren möglicherweise zu dem Thema, in dem sich Ihre Infografik befindet. Wenn Sie die einzige Website sind, die über eine Infografik darüber verfügt, warum Heidelbeeren Sie intelligenter machen, erhalten Sie den Verkehr von allen, die nach einer Infografik zu diesem Thema suchen. Diejenigen, die gezielt nach Bildern suchen, können auch auf Ihre Infografik stoßen.
  • Soziale Medien: Die Infografik von Top Marketing Schools zeigt an, dass ein traditioneller Beitrag 75-Tweets erhält, während eine Infografik fast 600 erhält. Da die Nutzer Ihre Infografik mit größerer Wahrscheinlichkeit auf Twitter teilen als mit einem einfachen Beitrag, ist Ihr Potenzial, über Social Media neue Besucher zu erreichen, enorm.

Nielson / Norman Gruppe schätzt, dass der durchschnittliche Seitenbesuch weniger als eine Minute dauert. Wenn Sie sich nicht für das Interesse des Lesers interessieren, wird er über Ihre Seite blicken und zur nächsten Site wechseln.

Besucher der Website haben die Gewohnheit, nach Informationen und Nachrichten zu blättern. Dies ist ein weiterer Grund, warum Infografiken so gut funktionieren, um das Interesse des Lesers zu wecken. Eine visuelle Darstellung einer interessanten Tatsache ist ein schneller Weg, Informationen darzustellen als Textabschnitte. Leser können Ihre Infografik schnell überfliegen, die benötigten Informationen aufnehmen und bleiben etwas länger, um herauszufinden, was Sie sonst noch zu bieten haben, oder Sie können Ihre Website mit einem Lesezeichen für eine spätere Verwendung versehen.

Die technische Herausforderung, reich an Infografiken zu dienen

Allerdings sollten Sie auch beachten, dass Infografiken zwar einen Mehrwert bieten, aber schwere Bilder, deren Laden viel Zeit in Anspruch nimmt, können dazu führen, dass Besucher abschrecken. Research by Pew Internet schätzt, dass der durchschnittliche Website-Besucher erwartet, dass eine Seite in weniger als drei Sekunden geladen wird. Je schneller Ihre Website geladen wird, desto besser sind Ihre Conversion-Raten.

Es ist wirklich ein Balanceakt, um sicherzustellen, dass Ihre Website ein visuell reichhaltiges Erlebnis bietet und trotzdem blitzschnell geladen wird. Dies erreichen Sie am besten mit schnellen Servern und optimierten Images. Sie werden es bei uns bemerken Webhosting-BewertungenWir legen großen Wert auf Geschwindigkeit und führen zahlreiche Geschwindigkeitstests durch, wenn Sie einen Webhost bewerten.

Nutzen Sie # 2- Besucher behalten

Nielson / Norman Gruppe schätzt, dass der durchschnittliche Seitenbesuch weniger als eine Minute dauert. Wenn Sie sich nicht für das Interesse des Lesers interessieren, wird er über Ihre Seite blicken und zur nächsten Site wechseln.

Besucher der Website haben die Gewohnheit, nach Informationen und Nachrichten zu blättern. Dies ist ein weiterer Grund, warum Infografiken so gut funktionieren, um das Interesse des Lesers zu wecken. Eine visuelle Darstellung einer interessanten Tatsache ist ein schneller Weg, Informationen darzustellen als Textabschnitte. Leser können Ihre Infografik schnell überfliegen, die benötigten Informationen aufnehmen und bleiben etwas länger, um herauszufinden, was Sie sonst noch zu bieten haben, oder Sie können Ihre Website mit einem Lesezeichen für eine spätere Verwendung versehen.

Allerdings sollten Sie auch beachten, dass Infografiken zwar einen Mehrwert bieten, aber schwere Bilder, deren Laden viel Zeit in Anspruch nimmt, können dazu führen, dass Besucher abschrecken. Research by Pew Internet schätzt, dass der durchschnittliche Website-Besucher erwartet, dass eine Seite in weniger als drei Sekunden geladen wird. Je schneller Ihre Website geladen wird, desto besser sind Ihre Conversion-Raten.

Es ist wirklich ein Balanceakt, um sicherzustellen, dass Ihre Website ein visuell reichhaltiges Erlebnis bietet und trotzdem blitzschnell geladen wird. Dies erreichen Sie am besten mit schnellen Servern und optimierten Images. Sie werden auf unserer bemerken Hosting-BewertungenWir nennen A2 als eines der schnellsten Hosting-Unternehmen. Sie können vollständige Bewertungen auf einer Vielzahl von Webhostern lesen und sehen, welche am besten Ihren Anforderungen an Geschwindigkeit und andere Funktionen entspricht.

Nutzen #3 - Berechtigung hinzufügen

Die meisten Menschen sind visuelle Lernende. NeoMam Er hat Untersuchungen aus Quellen wie Google Trends, Nielson und Pearson zusammengestellt, aus denen hervorgeht, dass 70 Prozent der sensorischen Rezeptoren in den Augen lokalisiert sind und die Menschen eine visuelle Szene in nur einer Sekunde unter 1 / 10 Sekunden aufnehmen und verstehen können.

Menschen neigen dazu zu glauben, was sie sehen, weil sie es besser verstehen. Durch Recherche und Sicherung in Ihrer Infografik können Sie Ihrer Marke mehr Autorität verleihen. Sicher sein zu:

  • Bieten Sie solide Statistiken
  • Fügen Sie am Boden der Infografik angesehene Ressourcen hinzu
  • Fügen Sie Diagramme und Diagramme hinzu, die diese Statistiken visuell darstellen

Wenn Sie die visuellen Sinne mit interaktiven Funktionen kombinieren, z. B. mit der NeoMam-Infografik, aus der diese Statistiken stammen, erfassen Sie nicht nur das Interesse Ihres Lesers, sondern erwecken ihn.

Was fällt dir mehr auf? Bemerken Sie eine einfache Grafik auf der Seite oder eine, die sich bewegt, blinkt oder möglicherweise ein Video startet?


Was macht eine gute Infografik aus?

In Zukunft werden wir uns mit einigen der besten Ressourcen und Tools für die Datenvisualisierung beschäftigen. Egal, ob Sie ein gelegentlicher Blogger sind, der einfach schöne Infografiken für Branding-Zwecke erstellen möchte, oder ein Grafikdesigner, der sich tiefer in dieses Feld einarbeiten muss. Ich bin sicher, dass Sie diesen Beitrag nützlich finden werden.

Information Architecture

Im Allgemeinen besteht eine gute Datenvisualisierung aus drei Hauptelementen:

  1. Aussagekräftige Daten,
  2. Richtige Informationsdesigns und
  3. Schöne Grafik.

Denken Sie daran, dass Infografiken und Charts dazu neigen, die Aufmerksamkeit der Blogsphäre und der Nutzer sozialer Medien zu erregen. Sie sollten mehr tun als nur Markenwerbung - Infografiken und Diagramme sollen in erster Linie langweilige und unordentliche Daten auf benutzerfreundliche Weise liefern.

Also vorher Erstellen eines Graphen oder einer Infografik, müssen Sie 1) Organisieren, filtern und verfeinern Sie Ihre Daten; 2) Entscheiden Sie, wie Sie Ihre Daten präsentieren (auch Datenvisualisierungsdesigns).

Data Mining

Enter OpenRefine - Ein leistungsfähiges Data Mining-Tool, das uns die zeilenweise Anordnung der Daten im Excel-Arbeitsblatt erspart. Früher unter dem Namen Google Refine (und Freebase Gridworks) bekannt, hilft dieses Tool den Benutzern beim Erkunden und Bereinigen von Daten. Dabei werden die Daten von einem Format in ein anderes umgewandelt und mit verschiedenen Webdiensten erweitert.

Wenn Sie mit einigen massiven ungeordneten Daten arbeiten, ist OpenRefine definitiv in Ihrem Toolkit enthalten. Das Tool ist derzeit auf GitHub gehostet, Sie können besuchen Sie diese Seite für alle notwendigen Informationen und hilft. Für weitere Folgemaßnahmen und Neuigkeiten, sollten Sie auch die neu gestartete Webseite unter http://openrefine.org/

Datenpräsentation

Sobald Sie mit Ihren Daten fertig sind, ist es an der Zeit zu entscheiden, wie Sie sie den Zuschauern präsentieren.

Es gibt unzählige Ansätze, um dies zu erreichen: Kreisdiagramm, Diagramm, Liniendiagramm, Histogramme, Heatmap, Flussdiagramm, Periodensystem und so weiter. Jeder dieser Ansätze passt perfekt für bestimmte Datentypen (und stinkt schlecht, wenn er missbraucht wird).

Wie sollten Sie Ihre Daten präsentieren, damit Ihre Statistik schön, auffällig und leicht verständlich ist?

Zu diesem Thema, Visuelle Alphabetisierung baute eine äußerst praktische periodische Tabelle mit allen Optionen auf, die Sie zur Visualisierung Ihrer Daten verwenden können (Ansicht unten).

Beachten Sie, dass das Periodensystem eine Reihe interessanter Beispiele anzeigt, wenn Sie die Maus bewegen. Achten Sie darauf, dass Sie die tatsächliche Tabelle auf der Site anzeigen.

Periodische Tabelle auf Datenvisualisierung

Wenn Sie nach nicht-traditionellen Ansätzen suchen, sollten Sie sich auschecken dieser tolle Artikel auf Smashing Magazine. Der Post wurde vor einiger Zeit veröffentlicht, aber ich finde ihn sehr hilfreich.


Zu verwendende Infografik- und Ladetools

Sobald Sie mit der Informationsarchitektur fertig sind, ist es Zeit für eine echte Produktion. Ein gut aussehendes Diagramm aus Rohdaten zu erstellen ist nie eine leichte Aufgabe, glücklicherweise gibt es zahllose Werkzeuge, um die Aufgabe zu erledigen.

Ja, unzählige Tools zur Datenvisualisierung. Es gibt umfassende Tools, die interaktive Grafiken aus komplexen Daten erstellen. Es gibt auch einfache Webanwendungen, die nichts anderes tun, als einfache 2-Achsen-Liniendiagramme zu erzeugen.

Aus praktischen Gründen schauen wir uns beide Seiten an und listen mehrere Grafikwerkzeuge für Fortgeschrittene und Gelegenheitsnutzer auf.

Erweiterte Diagrammwerkzeuge

Sehen wir uns zunächst einige der fortschrittlichen Materialien an.

1. ggPlot2 und R

R und ggplot2

R ist eine Computersprache und eine Umgebung für Datenmanipulation, Berechnung und grafische Darstellung. ggplot2Auf der anderen Seite ist ein Plotting-System für R, das hilft, komplexe Mehrschicht-Grafiken zu erzeugen. Die obige HeatMap wird beispielsweise mit ggplot2 und R erstellt.

Wenn Sie daran interessiert sind, R und ggplot2 zu lernen, LernenR ist ein großartiger Blog zum Weiterlesen (obwohl der Blog seit einiger Zeit nicht aktualisiert wurde).

2. jqPlot

jqPlot

jqPlot ist ein plotting und charting plugin für das jQuery Javascript Framework. jqPlot produziert schöne Linien-, Balken- und Tortendiagramme. Das Tool verfügt über einige nützliche Funktionen wie das Generieren von interaktiven Punkten, die von Benutzern in Webbrowsern angepasst werden können. Es ist jedoch erwähnenswert, dass dieses Tool nicht gründlich getestet wurde und möglicherweise von bestimmten Webbrowsern nicht unterstützt wird - nämlich Chrome und IE unter 7.

3. JP Graph

JP Graph

JP Graph ist ein PHP-gesteuertes Charting-Tool, das verschiedene Plottypen unterstützt. Wenn Sie ein PHP-Programm schreiben, das eine Bibliothek zum Erstellen von Diagrammen benötigt, sollten Sie sich das genau ansehen. Ich würde nicht sagen, dass JP Graph ein einfaches Tool für Anfänger ist, aber das Tool (oder die PHP-Bibliothek) ist sehr hilfreich, wenn Sie Grafiken und Diagramme von Ihrem Webserver erstellen müssen. JP Graph ist kostenlos für nicht kommerzielle Zwecke und Sie benötigen einen Webserver, der PHP 4.3.x oder höher unterstützt.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit ist eine von Nicolas Garcia Belmont entwickelte Bibliothek. Die Bibliothek verfügt über eine große Auswahl an Visualisierungsoptionen und ist völlig kostenlos.

5. Viele augen

Viele Augen von IBM

IBM Analytics ist ein kostenloses Tool, mit dem ein Benutzer Visualisierungen aus fast jeder Art von Datensatz erstellen kann.

Many Eyes wird auf IBM-Servern gehostet und bietet nicht nur Datenvisualisierung - es ermöglicht Benutzern, ihren eigenen Datensatz hochzuladen und basierend auf den auf dem Server gespeicherten Daten ein neues Visualisierungsmodell zu erstellen.

6. Google Diagramm

Google Chart

Google Chart ist kostenlos, leistungsstark, flexibel und wird von vielen anderen Entwicklertools unterstützt.

Die Erstellung in Google Chart basiert ausschließlich auf der HTML5 / SVG-Technologie. Das Tool hilft bei der Erstellung von Diagrammen in verschiedenen Formaten mit schönen Animationen und interaktiven Steuerelementen.

7. Achse

Achse

Axis ist ein Open-Source-Datenvisualisierungs-Framework, das von Tom Gonzalez und Michael VanDaniker entwickelt wurde. Das Tool wurde speziell für Anfänger und Experten entwickelt. Axiis bietet sowohl vorgefertigte Visualisierungskomponenten als auch abstrakte Layoutmuster und Rendering-Klassen, mit denen Sie Ihre eigenen einzigartigen Visualisierungen erstellen können.

Einfache Infografik-Tools für Anfänger

Zugegebenermaßen benötigen die meisten Blogger (mich selbst eingeschlossen) keine umfassenden Charting-Tools für ihre normalen Blog-Operationen. Häufiger benötigen wir lediglich eine einfache Webanwendung oder ein einfaches Tool, um die Aufgabe schnell zu erledigen.

Hier ist die Liste der Erstellungswerkzeuge, die sehr wenig Lernaufwand erfordern und benutzerfreundlich sind.

1 Visme

visme

Visme ist eine DIY-Plattform, auf der Benutzer professionelle Präsentationen und Infografiken erstellen können.

Über 350,000 Einzelpersonen und Organisationen (einschließlich Benutzern von großen Unternehmen wie IBM und Disney) nutzen das Tool, um durch interaktive Grafiken und Präsentationen besser zu kommunizieren.

2. Einfach

Easel.ly

Easel.ly hilft visuelle Daten einfach online zu erstellen und zu teilen. Die Web-App bietet eine einfache Benutzeroberfläche mit voreingestellten Vorlagen und Drag-and-Drop-Funktionen. Easel.ly befindet sich zwar derzeit noch im Betamodus, es sind jedoch bereits mehr als von 130,000-Benutzern erstellte Visuals auf dem Server vorhanden.

3. Vizualize.me

VIsualize.me

Vizualize.me hilft, schöne Infografiken über Einzelpersonen zu erstellen (ja, daher der Name Vizualize Me). Es ist ein lustiges Werkzeug, mit dem man herumspielen kann und es schafft einen schönen Lebenslauf oder ein Profil mit nur wenigen Klicks. Wenn Sie auf LinkedIn sind, sollten Sie dies wirklich ausprobieren - das Tool ist in der Lage, mit Ihrem LinkedIn-Profil zu verknüpfen und erstaunliche Grafiken basierend auf Ihren Daten zu generieren.

4. Hohli

Hohli

Benötigen Sie einen einfachen Diagrammgenerator? Dann Hohli ist der Ort zu besuchen. Diese Webanwendungen unterstützen verschiedene Arten von Diagrammen in zwölf verschiedenen Größen. Der Benutzer muss nur die Daten und Designdetails eingeben.

5. Piktochart

Piktochart Infografik

Piktochart ist ein Template-basiertes Infografik-Tool, das Nicht-Designern hilft, schöne Grafiken und Diagramme zu erstellen.

Das Tool unterstützt Drag-and-Drop-Funktionen und bietet eine breite Auswahl an Vorlagen, Symbolen, Vektoren und Bildern. Wenn Sie nach einem einfachen Grafik-Tool suchen und es Ihnen nichts ausmacht, eine kleine Gebühr für den Service zu zahlen, ist Piktochart definitiv eine Ihrer besten Entscheidungen.

6. Infogr.am

Infografik

Infogr.am ist eine benutzerfreundliche Web-App zum Erstellen von Infografiken. Erstellen Sie interaktive Infografiken und Diagramme mit ein paar Klicks, platzieren Sie sie in Ihrem Artikel, Blogpost oder teilen Sie mit Freunden. Mit einigen 200 000 Infografiken erstellt und 10 000 neuen Anmeldungen pro Woche ist es die am schnellsten wachsende Datenvisualisierungs-Community der Welt.


Bevor Sie loslegen: Infografiken-Inspirationen

Bist du bereit, einige deiner eigenen Infografiken zu erstellen? Warten. Wir haben noch ein bisschen mehr zu tun.

Hier sind einige der beliebtesten Infografiken und Diagramme aus dem Internet erfasst.

Ich bin mir ziemlich sicher, dass Sie in der Vergangenheit einige davon in Social-Media-Netzwerken gesehen haben - was beweist, dass hübsche Grafiken mit aussagekräftigen Datensticks verwendet werden!

Es gibt auch Gründe, warum die Galerien von Infografiken heutzutage so stark von Menschenhandel betroffen sind.

Indem wir auf die Werke anderer verweisen, lernen wir, was beim Publikum gut funktioniert.

  • Wie groß ist die durchschnittliche Größe für eine beliebte Infografik?
  • Welche Art von Thema wird von den Zuschauern am meisten begrüßt?
  • Sollten Sie so viele Daten wie möglich in Ihre Charts aufnehmen?
  • Wie viele Aufzählungszeichen sollten Sie in Ihren Infografiken erfassen?
  • Was macht diese Infografik so beliebt?

Beispiele aus der Praxis: Arten der Infografik

Dies sind die Fragen, die Sie beim Durchsuchen der Beispiele stellen müssen.

Kaffeegetränke Illustriert

Kaffeegetränke Illustriert
Quelle: lokeshdhakar.com

Field Guide für Fanjungen

PC-Weltfan-Jungen-Feldführer
Quelle: PC World

Das beste Bier in Amerika 2008

Das beste Bier in Amerika
Quelle: Mikewithart.com

Periodische Tabellen von Schriften

Schriften Tabelle

Bailout Tracker

Bailout Tracker
Quelle: New York Times

Die Entwicklung des Telefons

Zeitleiste Infografiken
Quelle: Pow Wow Now

Check In Grafik

Grafik Infografik
Quelle: Vier Quadrat

Digging Deeper

Ich bin auf Dutzende von interessanten Blogs und Websites gestoßen, die sich auf unser Thema bezogen, als ich für diesen Beitrag recherchierte. Im Ernst, es gibt so viel zu lesen, zu lernen und zu spielen! Ich wusste nie, dass so viele Daten frei verfügbar sind Lücke Minder und Besserer Weltfluss; Ich habe viel auf informativen Seiten / Blogs gelesen UX-Stand (nicht ausschließlich im Zusammenhang mit der Datenvisualisierung, aber es gibt viele nützliche Artikel darüber, wie Visualisierungen die Benutzererfahrung im Web verbessern), Dynamische Diagramme, Fließende Daten, ebenso gut wie Kästen und Pfeile; und ich bewundere zutiefst alle beeindruckenden Werke, die auf gezeigt werden Randys Pinterest-Brett und Diagramm Porno.

Wenn Sie lediglich mit der Datenvisualisierung beginnen, empfehle ich Ihnen dringend, die oben aufgeführten Websites und Blogs zu besuchen.

Wenn Sie die Leistungsfähigkeit von Datenvisualisierungen in Ihrer Marketingkampagne nicht nutzen können, ist es jetzt an der Zeit, zu beginnen.

Über Jerry Low

Gründer von WebHostingSecretRevealed.net (WHSR) - eine Hosting-Bewertung, die von 100,000-Benutzern als vertrauenswürdig und nützlich erachtet wird. Mehr als 15 Jahre Erfahrung in den Bereichen Webhosting, Affiliate-Marketing und SEO. Mitwirkender bei ProBlogger.net, Business.com, SocialMediaToday.com und anderen.