3. April 2023 📈 📊 🌏 #Dataviz #Datastories #DataStorytelling
Data Storytelling leicht gemacht
Datengetriebenes Storytelling nutzt Infografiken und Datenvisualisierungen, um Informationen mit Diagrammen, Karten und interaktiven Elementen auf eine leicht verständliche und optisch ansprechende Art zu vermitteln.
Es wird unter anderem im digitalem Journalismus, in der Wissenschafts- und Unternehmenskommunikation und für die Vermittlung von Bildungsinhalten und im E-Learning angewendet.
Pageflow ermöglicht es dir, diese interaktiven Data-Storytelling-Websites ohne Programmierkenntnisse zu erstellen und dich auf das Wesentliche zu konzentrieren: Das Erzählen deiner Geschichte.
Erwecke Daten zum Leben
Angesichts der zunehmend größer werdenden Datenmengen wird es immer schwieriger, Informationen in ihrer Komplexität zu erfassen und leicht verständlich weiterzugeben.
Wir hier bei Pageflow möchten dir alle notwendigen Werkzeuge zur Verfügung stellen, um Texte, Bilder, Videos und interaktive Elemente nahtlos in fesselnde Scrollytelling-Websites zu integrieren und deine Daten begreifbar zu machen.
Dieser Artikel zeigt, wie auch du Data Storytelling ganz ohne Vorkenntnisse einfach und effektiv einsetzen kannst.
Scrolle nach unten ⬇️, um den gesamten Artikel zu lesen, oder wähle direkt ein bestimmtes Beispiel aus:
Beispiel - Interaktive Charts
Beispiel - Vorher-Nachher Slider
Beispiel - Social Media & Audio
Beispiel - Frage & Antwort Section
Die Vorteile der Datenvisualisierung durch interaktive Elemente wie responsive Diagramme und Karten, Scroll-Animationen, Vorher-Nachher-Schieberegler, Multimedia-Inhalte und Video-Animationen umfassen:
Besseres Verständnis
Das Präsentieren von Fakten und Zahlen in einem erzählerischen Format kann dazu beitragen, dass Menschen komplexe Informationen leichter verstehen. Darüberhinaus ermutigt dieser Ansatz, länger auf einer Seite zu verweilen und die Geschichte tiefer zu erkunden, was letztendlich zu einem intensiveren Lern-Erlebnis fühen kann.
Eine äußerst einfache, wie effiziente Möglichkeit, Web-Geschichten mit responsiven Datenvisualisierunge anzureichern, ist das Infografik-Tool Datawrapper. Um ein Datawrapper-Diagramm, eine Karte oder eine Tabelle zu erstellen, kopiere einfach deine Daten aus dem Web, Excel oder Google Sheets, lade CSV/XLS-Dateien hoch oder verlinke eine URL oder Google Sheets für live-aktualisierende Diagramme.
Anhand einer riesigen Auswahl an Diagramm-Typen und der vielen Gestaltungsmöglichkeiten kannst du spielend leicht blanke Daten in eine fesselnde Datenvisualisierung verwandeln.
Beispiel - Interaktives Tortendiagramm
Interaktive Diagramme ermöglichen es den Betrachtern, sich stärker mit deinen Daten auseinanderzusetzen, indem sie beispielsweise auf bestimmte Datenpunkte klicken oder den Mauszeiger über Bereiche bewegen, um zusätzliche Informationen anzuzeigen.
Diese Beteiligung steigert das Engagement und hilft deinem Publikum, Informationen besser zu verarbeiten und einzuordnen.
Probiere es selbst aus und stelle dir vor, wie viele Worte und statische Bilder nötig wären, um die folgenden drei Beispiele zu veranschaulichen:
Sri Lanka’s outstanding foreign debt
Use one of 19 interactive and responsive chart types ranging from simple bars and lines to arrow, range, and scatter plots.
Datawrapper
Beispiel - Interaktive Karte
Interaktive Karten bieten die Möglichkeit, räumliche oder zeitliche Zusammenhänge und geografische Verteilungen besser zu erfassen. User können in bestimmte Gebiete hineinzoomen, sich Informationen zu bestimmten Standorten anzeigen lassen oder sogar eigene Filter anwenden, um die Karte an ihre Bedürfnisse anzupassen. Dadurch wird ein besseres Verständnis für geografische Daten und deren Zusammenhänge ermöglicht.
Global population unable to afford a healthy diet in 2021
Three interactive and responsive map types let you create anything from locator maps to thematic choropleth and symbol maps.
Datawrapper
Beispiel - Responsive Tabelle
Anders als statische Grafiken, passen sich interaktive Infografiken automatisch an die Größe von Bildschirm und Enderät an. So wird eine optimale Lesbarkeit gewährleistet, unabhängig vom verwendeten Device.
The richer, the healthier?
Responsive data tables allow for lots of styling options and let you include bar, column & line charts, heatmaps, images, a search bar and pagination.
Datawrapper
Datawrapper + Pageflow = ❤️
Wir haben uns schon früh für Datawrapper als bevorzugtes Infografik-Tool entschieden. Denn der Dienst deckt ein breites Spektrum an Datenvisualisierungen ab und ist dabei besonders benutzerfreundlich. Es bedarf keiner speziellen Vorkenntnisse, um erstaunliche Resulate zu erzielen.
Mit Pageflow Next ist es einfacher denn je, Datawrapper-Links als Content-Element einzubinden. Sobald du dein Datawrapper-Diagramm veröffentlicht hast, kopiere den Einbettungscode und füge ihn in deine Pageflow-Geschichte ein. Bestimme die Größe, Position und Hintergrundfarbe, um ein beeindruckend responsives Daten-Erlebnis auf Desktop, Tablet und Smartphone zu erhalten.
Egal, ob du interaktive Diagramme, Karten oder responsive Tabellen erstellen möchtest, Datawrapper bietet eine einfache und intuitive Lösung, um ansprechende und aussagekräftige Infografiken zu gestalten, die auf allen Geräten gut aussehen.
Ein umfangreiches 👉 Video Tutorial findest du hier. Entdecke selbst, wie einfach es ist, deine Daten mit Datawrapper lebhaft darzustellen:
Mehr Engagement
Aus gutem Grund werden interaktive Inhalte im Digitalen Storytelling immer beliebter. Sie können das Engagement erhöhen und die Daten für die Betrachter einprägsamer und wirkungsvoller machen.
Wenn du Daten mit interaktiven Elementen präsentierst, kann deine Leserschaft aktiv am Visualisierungsprozess teilnehmen.
Außerdem schaffen die interaktiven Elemente ein persönlicheres Erlebnis, indem sie Usern die Kontrolle über Tempo und Richtung der Visualisierung ermöglichen.
Beispiel - Vorher-Nachher Slider
Ein bekanntes Beispiel für ein interaktives Element ist der Vorher-Nachher-Schieberegler, der es ermöglicht, die Veränderungen der Daten im Laufe der Zeit oder in verschiedenen Szenarien zu sehen. Dieser Vergleich erzeugt einen starken visuellen Eindruck, wodurch die Daten einprägsamer und leichter verständlich werden.
Geschäftsentwicklung 2021-2022
Beispiel - Scroll-Animation
Scroll-Animationen werden im datengetriebenen Storytelling immer beliebter, um ein immersiveres Erlebnis zu schaffen.
Komplexe Datensätze werden dabei in kleinere, überschaubarere Abschnitte unterteilt, mit denen die Leser auf eine tiegründigere Weise interagieren können. Jedes einzelne Informationsstück wird dabei per Scroll-Geste aufgedeckt, ähnlich einem Daumenkino.
Erstelle einfach eine Abfolge von Phasenbildern, um eine scroll-gesteuerte Animation zu bauen.
Team Pageflow
🌅 David wacht auf, begrüsst den Tag und setzt sich auf den Hometrainer. Er prüft seinen Fitness-Tracker, und sieht, dass er 10% seines Tagesziels erreicht hat.
🏃♂️ Er isst ein gesundes Frühstück und geht spazieren. So kommt er seinem Tagesziel um weitere 10% näher.
💼 David kommt auf der Arbeit an und erledigt bis zur Mittagspause 30% seiner täglichen Aufgaben.
🥗 Er macht eine Pause und nimmt ein gesundes Mittagessen zu sich, das ihn für den Rest des Tages stärkt.
💻 David kehrt zur Arbeit zurück und erledigt bis zum späten Nachmittag 50% seiner täglichen Aufgaben.
🧘♂️ Er macht eine Pause, um sich zu dehnen und zu meditieren, was ihm hilft, konzentriert und energiegeladen zu bleiben.
💪 David schließt bis zum Ende des Arbeitstages 70% seiner täglichen Aufgaben ab.
🏋️♂️ Er geht ins Fitnessstudio und absolviert ein hartes Training, das ihn auf 80% seines täglichen Ziels bringt.
🏠 David kehrt nach Hause zurück und verbringt Zeit mit seiner Familie, genießt die gemeinsame Zeit und fügt seinem Fitness-Tracker noch ein paar Schritte hinzu.
😴 Schließlich geht David ins Bett und hat seine täglichen Aufgaben und das Fitness-Ziel zu 100% erreicht. Er fühlt sich erfüllt und zufrieden.
Wenn du weitere Beispiele sehen willst und mehr über das Erstellen von Scroll-Animationen mit Pageflow erfahren möchtest, klicke hier:
Mehr visuelle Strahlkraft
Video Animationen und animierte Infografiken können eine eigene Geschichte erzählen und Lesern helfen, den Fortschritt im Laufe der Zeit zu verstehen. Und sie können auch dabei helfen, Trends in Daten zu identifizieren, die aus rohen Daten möglicherweise schwer zu erkennen sind.
Beispiel - Animierte Videos
Für dieses Beispiel haben wir das Web durchsucht und viele Datenvisualisierungen auf den Websites der NASA gefunden.
Seit Ende des 19. Jahrhunderts ist die durchschnittliche Oberflächentemperatur der Erde aufgrund menschlicher Aktivitäten, insbesondere der Verbrennung von fossilen Brennstoffen, Entwaldung und industriellen Prozessen, um etwa 1°C (1,8°F) gestiegen.
In der Zeit von 1880 bis 1910 war die Temperatur relativ stabil, mit geringen Schwankungen. Ab den 1920er Jahren begannen die globalen Temperaturen jedoch zu steigen, und dieser Trend hat bis heute angehalten.
In den 1950er Jahren begannen Wissenschaftler, den Zusammenhang zwischen steigenden CO2-Emissionen und der globalen Erwärmung zu erkennen. In den 1980er Jahren wurde der wissenschaftliche Konsens über die Realität und Schwere der globalen Erwärmung deutlich, was zur Gründung des Intergovernmental Panel on Climate Change (IPCC) im Jahr 1988 führte. Im 21. Jahrhundert gab es einige der heißesten Jahre seit Beginn der Aufzeichnungen, wobei die Jahre 2016, 2019 und 2020 die heißesten waren.
Credits: NASA Scientific Visualization Studio
Die Auswirkungen der globalen Erwärmung sind auf verschiedene Weise spürbar, wie zum Beispiel schmelzende Gletscher, steigende Meeresspiegel, häufigere Hitzewellen und extremere Wetterereignisse wie Hurrikane und Dürren.
Um die Auswirkungen der globalen Erwärmung zu mildern, wurden verschiedene Maßnahmen ergriffen, einschließlich des Pariser Abkommens von 2015, das darauf abzielt, die globale Erwärmung auf unter 2°C (3,6°F) über dem vorindustriellen Niveau zu begrenzen. Trotzdem hat der Ausstoß von Treibhausgasen weiter zugenommen, was das Ziel der Begrenzung der globalen Erwärmung immer schwieriger macht. Es ist daher entscheidend, Maßnahmen zu ergreifen, um den Ausstoß von Treibhausgasen zu reduzieren und die Auswirkungen der globalen Erwärmung zu begrenzen. Wenn dies nicht geschieht, wird dies schwerwiegende Konsequenzen für den Planeten und zukünftige Generationen haben.
Credits: NASA Scientific Visualization Studio
Endlose Ressourcen
Kurze Interviews, Audio-Dateien, Posts und Statements von beliebten Plattformen wie Youtube, Vimeo oder Twitter in den eigenen Content einzubetten, kann ein mächtiges Werkzeug sein, um eine These oder Botschaft zu untermauern.
Klug gewählte externe Ressourcen verleihen der Geschichte zusätzliche Kraft oder Glaubwürdigkeit. Zudem ist diese Form des Zitierens eine hilfreiche Methode, urheberrechtlich geschützte Inhalte auf datenschutzkonforme Weise einzubinden.
Beispiel - Video Embed von YouTube
Zum Beispiel könnten bei einem Artikel über die Auswirkungen von COVID-19 auf das Gesundheitswesen kurze Interviews mit Frontline-Arbeitern aus verschiedenen Nachrichtenquellen oder Twitter-Posts eingebettet werden.
Diese Eindrücke ermöglichen es den Lesern, aus erster Hand von den Herausforderungen zu hören, mit denen Gesundheitspersonal während der Pandemie konfrontiert war. Das verleiht der Geschichte eine neue Ebene der Tiefe und des Verständnisses.
Beispiel - Audio Datei
Der punktuelle Einsatz von gesprochenem Wort kann dazu beitragen, eine emotionale Verbindung zum Publikum herzustellen.
Auch Audio-Statements können eine einzigartige Perspektive für eine datengetriebene Geschichte bieten. Der punktuelle Einsatz von gesprochenem Wort kann dazu beitragen, eine emotionale Verbindung zum Publikum herzustellen. Auch das kann eine Geschichte fesselnder und unvergesslicher machen.
Stimmen und Geräusche können eine Erzählung um ein Gefühl von Unmittelbarkeit und Tiefe ergänzen. Das macht Audio-Statements, und auch Hintergrund-Audios generell zu einem sinnvollen Tool im Digitalen Storytelling.
John F. Kennedy: We choose to go to the moon
Spielerische Elemente fördern das Lernen
Gamification ist eine effektive Technik, um Lerninhalte zu vermitteln. Durch erhöhte Beteiligung, Motivation und Merkfähigkeit können wir die präsentierten Daten besser verstehen und behalten, was zu einem besseren Lernerfolg führt. Spielerische Elemente können dabei helfen, das Interesse an einer Geschichte aufrechtzuerhalten.
Beispiel - Animierte Counter
Unser brandneues Counter-Feature ermöglicht es dir, Kennzahlen mit nur wenigen Klicks zu animieren und sie optisch vom restlichen Inhalt abzuheben.
Mit wenigen Klicks kannst du dabei den Start- und Zielwert, die Einheit, die Platzierung, den Animationsstil, die Schriftgröße und die Schriftarbe festlegen. Die Counter starten, sobald die Mitte des Viewports erreicht ist.
beträgt die Länges des Schienennetzes der Trans-Sibierischen Eisenbahn
des weltweiten Stroms stammt aus erneuerbaren Energien
Tonnen Plastik landen jährlich in den Ozeanen
Beispiel - Frage & Antwort Section
Dieses fiktive Quiz mit 7 Fragen soll das Verständnis für vorherige Inhalte innerhalb einer Geschichte testen und die Kernaussagen durch Wiederholung verfestigen.
Das Beispiel-Quiz wird von Emojis begleitet und ist mit Hintergrund-Videos und -Audios gestaltet, um das sensorische Erlebnis zu verbessern und ein tieferes Eintauchen zu ermöglichen.
Der Ton kann über das Lautsprecher-Symbol in der Navigationsleiste wieder deaktiviert werden.
💭 Was ist die Hauptursache für den vom Menschen
verursachten Klimawandel?
🔥🌍💨
Die Verbrennung fossiler Brennstoffe, welche Treibhausgase in die Atmosphäre freisetzt.
💭 Welches Treibhausgas ist hauptsächlich für
die globale Erwärmung verantwortlich?
💨🔥🌍
Kohlendioxid (CO₂)
💭 Wie viel Prozent der weltweiten Energie
wird durch erneuerbare Quellen produziert?
☀️💨🌊
Etwa 26%
💭 Wie viel Plastik landet
jedes Jahr im Ozean?
🌊💔🗑️
Etwa 8 Millionen Tonnen
💭 Was ist die Hauptursache für Luftverschmutzung in Städten?
🚗💨🌃
Emissionen durch Kraftfahrzeuge
💭 Was ist die Hauptquelle von Wasser-Verschmutzung?
💦💔🏭
Landwirtschaftliche und industrielle Aktivitäten.
💭 Welchen Einfluss hat der Verzehr von Fleisch und anderen tierischen Produkten auf den Klimawandel?
🌍🥩🐄
An dieser Stelle eine längere Antwort um exemplarisch auch andere Anwendungsarten aufzuzeigen:
Der Einfluss von Fleisch und anderen Tierprodukten auf den Klimawandel ist erheblich. Die Tierhaltung ist für etwa 14,5% der globalen Treibhausgasemissionen verantwortlich, was mehr ist als der gesamte Verkehrssektor.
Einer der Hauptgründe dafür ist, dass die Viehzucht enorme Mengen an Ressourcen und Energie zur Produktion von Tierfutter benötigt. Dazu gehören Land, Wasser und Kulturen wie Mais und Sojabohnen, die als Futter verwendet werden. Die Produktion dieser Kulturen erfordert große Mengen an fossilen Brennstoffen, Düngemitteln und anderen Ressourcen, die zur Entstehung von Treibhausgasemissionen beitragen.
Neben den bei der Produktion entstehenden Emissionen produziert auch die Verdauung von Nutztieren erhebliche Mengen an Methan, einem potenten Treibhausgas. Methan hat ein geschätztes Treibhauspotential, das über einen Zeitraum von 100 Jahren 28-mal höher ist als Kohlenstoffdioxid.
Auch der Transport und die Verarbeitung von Tierprodukten tragen zur Entstehung von Treibhausgasemissionen bei. Zum Beispiel erfordert der Transport von Nutztieren zu Verarbeitungsanlagen sowie die Kühlung und Verpackung von Fleisch Energie und trägt zu Emissionen bei.
Insgesamt kann die Reduzierung des Konsums von Fleisch und anderen Tierprodukten einen erheblichen Einfluss auf die Reduzierung von Treibhausgasemissionen und die Abmilderung des Klimawandels haben.
Fazit
Pageflow ist eine leistungsstarke Plattform, um fesselnde und wirkungsvolle Daten-getriebene Geschichten zu erzählen. Mit beeindruckenden Visualisierungen, Infografiken und interaktiven Elementen kannst du deine Botschaft wirksam und unvergesslich ins Netz stellen. Egal ob du Content für eine Geschäftspräsentation, eine Non-Profit-Kampagne oder ein persönliches Projekt erstellst:
Pageflow hilft dir dabei, schnell eine Geschichte aufzubauen, die eine besondere Wirkung auf dein Publikum entfaltet.
MEhr Erfahren
Lerne hier mehr über das Digitale Storytelling mit Pageflow: