Chip virtuelle Realität ist, dass du für andere wie ein Idiot aussehen wirst

Das Cardboard Design Lab von Google ist ein gutes „Tutorial“ für angehende Virtual-Reality-Designer

Infografiken – wie ein Abenteuerspiel

Das Problem mit Unity ist, dass es nicht so einfach ist, etwas Gutes für das Web zu machen.

Virtuelle Realität ist wie ein Kopfhörer für Ihre Augen

Die virtuelle Realität erfordert eine sichere Umgebung; Sie können nicht spontan darauf zugreifen. Dies schränkt die Möglichkeiten von VR ein

Die Sitzung wurde in der ersten Tageshälfte geschlossen Archie Tse von der New York Times mit dem provokanten Thema „Warum die NYT weniger interaktive Arbeit leistet.“

Die Arbeit von NYT basiert auf drei Regeln des visuellen Storytellings:

1. Wenn der Leser klicken statt scrollen muss, muss etwas Außergewöhnliches passieren.
2. Gehen Sie davon aus, dass Tooltips und andere Hover-Effekte von niemandem gesehen werden. Wenn der Inhalt wichtig ist, stellen Sie sicher, dass der Leser ihn sofort sieht.
3. Wenn Sie etwas Interaktives gestalten möchten, denken Sie daran, dass es teuer sein wird, es auf allen Plattformen zum Laufen zu bringen.

Sie müssen Ihre Grafiken zwei- oder dreimal neu zeichnen, damit sie sowohl auf dem Desktop als auch auf Mobilgeräten funktionieren

Wie diese Regeln den Ansatz der NYT veränderten:

1. Die meisten Visualisierungen sind jetzt statisch
2. Es gibt noch mehr Texte
3. Wenn eine Bewegung im Bild erforderlich ist, wird diese beim Scrollen angezeigt

(Der vierte Punkt ist, dass sie immer noch interaktive Arbeit leisten. Aber jetzt muss der Grund SEHR aussagekräftig sein).

Wir haben „Mehrschritte“ gemacht. Benutzer hörten bei Schritt 3 auf. Leser möchten nur scrollen, nicht klicken

Archie Tse: Scrollen vs. Klicken

Seit 18 Wochen postet Andy Kriebel jeden Sonntagabend die Infografik und die darauf basierenden Daten auf VizWiz. Die Aufgabe besteht darin, sich am Montag etwa eine Stunde Zeit zu nehmen, die Visualisierung schnell zu analysieren und eine eigene Version zu erstellen.

Nachfolgend veröffentlichen wir die Ergebnisse der letzten Woche – Sklaverei im 21. Jahrhundert.

#MakeoverMonday von Andy Kriebel. Detaillierte Beschreibung und interaktiv - auf Andys Blog:

#MakeoverMonday von Andy Cotgreave. Ausführliche Beschreibung und interaktiv – auf Andys Blog:

Ich habe auch gelernt, dass 51 % der Menschen auf der Welt jünger als ich und 63 % in Russland älter sind und dass meine Chancen, derzeit zu sterben, nicht so groß sind. Die Zahlen hörten plötzlich auf, „Statistik“ zu sein, und berührten mich.

Datenvisualisierung - nutzt große Datensätze mit weniger manuellem Designaufwand; basierend auf Algorithmen. Zum Beispiel die interaktive Arbeit der New York Times.

Visuelle Kunst - unidirektionale Codierung. Schöne, aber schwer zu entziffernde Visualisierungen, wie die Computerkunst von Kunal Anand.

Was ist das Problem?

Infolgedessen ziehen viele Werke nur erfahrene Benutzer an, ermöglichen aber nicht, dass uneingeweihte Leser den Kern des Themas verstehen, wodurch der Zweck der Visualisierung – die Information der Öffentlichkeit – zunichte gemacht wird. Deshalb ist es so wichtig, das Problem der visuellen Kompetenz im Kontext der Visualisierung zu erkennen und zu verstehen.

Eine neue „visuelle Grammatik“ des Journalismus

Hier sind drei Werke, die mit Möglichkeiten der Präsentation interaktiven Journalismus experimentieren. Sie sehen beeindruckend aus, aber ihre Interpretation kann für viele eine schwierige Aufgabe sein.

Schwulenrechte in den USA, Bundesstaat für Bundesstaat

Die Zahl der heute verfügbaren Datenquellen und Tools zu deren Verarbeitung zeigt deutlich, dass noch nie zuvor so viele Menschen versucht haben, sich an die Welt der Datenvisualisierung zu gewöhnen. Und wenn so viele Materialien zum Studium zur Verfügung stehen, stellt sich nur eine Frage „Wo soll ich anfangen?“ kann für jeden Neuling einschüchternd sein. Welche Bibliotheken sind also die besten und was empfehlen die Profis? Dies wird in diesem Artikel besprochen.

Über Datenvisualisierung zu sprechen und sie nicht zu erwähnen, ist dasselbe wie über die Geschichte der Schöpfung zu sprechen persönliche Computer und kein Wort über Steve Jobs verlieren. D3 (aus dem Englischen „Data Driven Documents“) ist ohne Übertreibung die wichtigste und dominierende Open-Source-JavaScript-Bibliothek auf dem Markt. Quellcode, das üblicherweise zum Erstellen von SVG-Grafiken verwendet wird. SVG (vom englischen Scalable Vector Graphics) ist wiederum ein Vektorbildformat, das von Webbrowsern unterstützt, aber bisher wenig genutzt wurde.

Die D3-Bibliothek verdankt ihre Beliebtheit zum großen Teil dem plötzlichen Interesse von Webdesignern an SVG, was vor allem daran liegt, wie gut Vektorgrafiken auf hochauflösenden Bildschirmen (insbesondere den Retina-Displays, die in Apple-Geräten verwendet werden) immer beliebter werden gemeinsam.

„Seien wir ehrlich: Wenn das Problem die SVG-basierte Datenvisualisierung ist, dann sind alle anderen Bibliotheken nicht annähernd in der Lage, es zu lösen“, sagt Moritz Stefaner, unabhängiger Datenvisualisierungsexperte und Firmeninhaber Wahrheit und Schönheit. „Es gibt auch viele interessante Projekte, die auf der Basis von D3 erstellt wurden, wie beispielsweise NVD3, das Standardgrafikkomponenten bereitstellt – gebrauchsfertig, aber anpassbar; oder sagen wir, Crossfilter ist einfach ein hervorragendes Datenfiltertool.“

Scott Murray, Programmierer, Designer und Buchautor Interaktive Datenvisualisierung für das Web, stimmt mit der vorherigen Meinung überein: „D3 ist extrem leistungsstark, weil es alle Vorteile nutzt, die Browser zu bieten haben.“ Das hat allerdings einen Nachteil: Wenn der Browser etwas nicht unterstützt, zum Beispiel 3D-Bilder auf Basis von WebGL (aus der englischen Web Graphics Library), dann wird D3 es auch nicht unterstützen.“

Und obwohl diese Bibliothek wirklich universell ist, ist sie dennoch nicht für jede Aufgabe eine ideale Lösung. „Der Hauptnachteil der D3-Bibliothek besteht sozusagen darin, dass sie keinen bestimmten Ansatz zur Visualisierung vorschreibt oder gar vorschlägt“, fügt Scott Murray hinzu. „Es handelt sich also eigentlich um ein Tool zum Laden von Daten in den Browser und zum anschließenden Generieren von DOM-Komponenten basierend auf diesen Daten.“

Während D3 ein großartiges Tool für benutzerdefinierte Bilder ist, finden Sie möglicherweise ein Tool wie D3, wenn Sie ein Standarddiagramm ohne große Arbeit am visuellen Aspekt erstellen möchten Vega. Als auf D3 basierendes Framework bietet Vega eine Alternative zur Darstellung von Grafikkomponenten. Mit Vega können Sie Daten im JSON-Format visualisieren. European Journalism Center und Data Driven Journalism Project. Genaue Daten Der Kurs ist noch nicht bekannt, aber Sie können sich jetzt anmelden.

In fünf Tagen erfahren die Kursteilnehmer, was Datenjournalismus ist, wie er funktioniert und welche Schlüsselkompetenzen sie beherrschen sollten, um Spezialist auf diesem Gebiet zu werden. Finden Sie heraus, wo Sie nach Daten suchen können, die Ihre Geschichten unterstützen, und wie Sie in vorhandenen Daten neue Ideen finden können. Lernen Sie die Kunst, langweilige Daten in eine fesselnde Geschichte, Infografik oder sogar eine interaktive Visualisierung umzuwandeln. Machen Sie sich mit den Grundprinzipien des Grafikdesigns vertraut, die ein Journalist kennen muss.

Die Kursleiter sind fünf der weltweit führenden Experten für Datenjournalismus und Visualisierung.

In den letzten Jahren haben sich Infografiken von statischen Bildern zu reichhaltigen, interaktiven Erlebnissen mit Animationen und Videoelementen entwickelt, die auf einzigartige Inhalte zugeschnitten sind. Es ist nicht mehr auf vorgefertigte, einheitliche Vorlagen beschränkt. Und die heutige Auswahl enthält die besten Beispiele für Infografiken, die zeigen, wie ein interessantes und informatives Erlebnis aussieht.

Die meisten Infografiken in dieser Liste wurden zur Anzeige ausgewählt verschiedene Wege, mit dem Designer an die Datenvisualisierung herangehen. Allerdings gibt es hier auch einige „Hybride“, die verdeutlichen, wie die Grenzen zwischen Infografiken und Rich-Media-Erlebnissen verschwimmen, wenn ansprechende Inhalte und fesselnde Geschichten auf Landingpages erstellt werden. Die Abkehr von traditionellen Formen bedeutet, dass wir ein komplexeres Mediengebiet betreten, und diese Art des Experimentierens mit Technologie und Storytelling wird für die Gestaltung der Zukunft des Grafikdesigns von entscheidender Bedeutung sein.

1. Windkarte

Die Windkarte ist ein atemberaubendes Designstück, das die Windrichtung und -geschwindigkeit über den Vereinigten Staaten anzeigt. Dieses Design hat eher einen künstlerischen als einen praktischen Zweck, und das ist wunderbar: Es ist sehr angenehm, einfach nur da zu sitzen und zuzusehen, wie sich die dünnen, dünnen Fäden über die Karte winden. Ein einfaches, aber gut durchdachtes Beispiel dafür, wie Infografiken, die Formverläufe zeigen, von Animationen und bewegten Bildern profitieren.

2. Im Flug

Im Jahr 2014 veröffentlichte The Guardian eine Infografik mit dem Titel „In Flight“, die Echtzeitdaten zu kommerziellen Flügen zeigte (sie scheint nicht mehr aktualisiert zu werden, was schade ist) und auch eine Lektion über die Geschichte der Luftfahrt enthielt. Die gedämpften Gespräche zwischen den Flugbesatzungen zu Beginn der interaktiven Show schaffen eine besondere Atmosphäre. Es scheint, als ob Infografiken heutzutage langsam zu Kinoerlebnissen werden. Zumindest deutet „In Flight“ in diese Richtung...

3. Wählen Sie Mond

In der Infografik „Dial A Moon“ ist nicht viel los, aber sie erfüllt ihren Zweck ziemlich gut. Im Jahr 2015 wurden dank der NASA die Infografiken der Mondphasen stündlich aktualisiert, und es war nicht nötig, bei Google nach diesen mysteriösen Informationen zu suchen. Jetzt können Sie Bilder anzeigen, indem Sie Monat, Tag und Uhrzeit manuell eingeben.

4. Tag mit Pluto

Das Magazin Nature veröffentlicht viele interessante Infografiken für sein wissenschaftsinteressiertes Publikum. Darunter war einer über den berühmten Vorbeiflug der Raumsonde in der Nähe von Pluto (24 Hours Of Pluto). Die Infografik enthielt viele Textinformationen, aber die visuelle Darstellung machte es leicht, die Highlights zu verstehen, von der Struktur eines Zwergplaneten bis zum Prozess, durch den sich seine Monde bildeten. Der Textteil ist jetzt im Internet verfügbar, ebenso zwei animierte Videos aus der Infografik.

5. Wie sich amerikanische Häuser verändert haben

Machen Sie eine Reise durch den großen amerikanischen Traum, wie er sich in der Entwicklung der Wohnstile widerspiegelt. Mit dieser gut illustrierten Infografik können Sie sich hinter das Steuer eines Autos setzen (das beim Scrollen auch sein Aussehen ändert, um mit der Zeit Schritt zu halten) und sich von den 1900er bis in die 2000er Jahre bewegen, vorbei an Gebäuden, die in einzelnen Jahrzehnten beliebt waren. Unterwegs stoßen Sie auf eine Fülle nützlichen Materials (einschließlich der gesellschaftspolitischen Bedingungen der damaligen Zeit sowie Modetrends) und alles endet mit einer Frage, die Sie dazu herausfordert, sich die Zukunft des amerikanischen Zuhauses vorzustellen. Die Infografik „Decades Of American Homes“ ist ein großartiges Beispiel für horizontales Scrollen und erweist sich hier als nützlich.

6. Die Entwicklung der Marketinganalyse

In seiner Infografik „Evolution of Insight“ verfolgt das User-Intelligence-Unternehmen Vision Critical die Entwicklung des Marktes für Marketingtechnologie auf der ganzen Welt von den 1890er Jahren bis heute. Es funktioniert ähnlich wie die Infografik „How American Homes Have Changed“ und ermöglicht Ihnen somit, die Wirksamkeit der Verwendung einer interaktiven Zeitleiste für zwei sehr unterschiedliche Geschichten zu vergleichen. Die Infografik „Decades Of American Homes“ hat den Vorteil, dass Sie Häuser während der Fahrt sehen können, was viel intuitiver ist als das Reisen durch die Great American Analytics. Gute Infografiken werden rund um den Inhalt erstellt, nicht um ihn herum.

7. LGBT-Rechte auf der ganzen Welt

Der Guardian sichert sich einen weiteren Platz auf unserer Liste mit dieser raffinierten Infografik, die die Rechtslandschaft der LGBT-Rechte in einer Reihe von Themen (Ehe, Diskriminierung am Arbeitsplatz, Hassverbrechen usw.) in allen Staaten der Welt erläutert. Das Bewegen im Halbkreis bietet eine schnelle und einfache Möglichkeit, Statistiken zwischen verschiedenen Ländern zu vergleichen, und durch die Gestaltung der Infografik bleibt der globale Status im Vordergrund. Hier gibt es auch einen starken Aufruf zum Handeln, der darauf abzielt, die Lücke zwischen Bewusstsein und Aktivismus zu schließen.

8. Ungleichheit ist behebbar.

Ein weiteres großartiges Beispiel für eine interaktive Infografik, Inequality Is Fixable, lädt das Publikum ein, in ein Problem einzutauchen und es gleichzeitig zutiefst persönlich zu gestalten. Der Zuschauer wird garantiert weiterhin an Material interessiert sein, das ihm erklärt, wie viel sein Chef zu wenig bezahlt und warum. Indem sie den Benutzer zum Teil der Geschichte machen, wecken Entwickler die Neugier und führen den Benutzer durch alle notwendigen Schritte bis hin zum Call-to-Action am Ende.

„Wir haben es geschehen lassen – wie können wir es jetzt beheben?“

9. Zeichnen Sie selbst: Wie das Familieneinkommen die Chancen eines Kindes auf einen Hochschulbesuch vorhersagt

Viele der Infografiken auf dieser Liste nutzen Animationen und Interaktivität, um ein reichhaltiges Erlebnis zu bieten. Optisch folgt diese Infografik der New York Times (You Draw It: How Family Income Predicts Children's College Chances) dem klassischen Diagrammformat, nutzt aber auch das Verständnis des Nutzerverhaltens, um den Umfang des Infografik-Designs zu erweitern, nämlich die Technik des Proaktiven und interaktive Visualisierung. Indem sie die Leser auffordern, ihre eigene Kurve zu zeichnen, bringen sie ein Element des Eigeninteresses ein und versorgen die Menschen so mit wirklich wertvollen Informationen.

Nicht das schlechteste Ergebnis! Die vertikale Achse zeigt den Prozentsatz der Kinder, die eine Hochschule besucht haben. Horizontale Achse: Perzentil des Elterneinkommens

10. Wie Amerikaner sterben

Mit Ausnahme des Titelbildes werden in diesem Beispiel überwiegend einfache alte Diagramme zur Visualisierung des Inhalts verwendet. Das ist aber keineswegs langweilig, denn der Nutzer kann selbstständig durch die Daten navigieren, indem er den Cursor entlang der Diagramme bewegt. Dies macht es viel einfacher, beispielsweise die Zahl der Selbstmordtoten in den 70er-Jahren im Vergleich zu heute zu vergleichen (Hinweis: Sie nimmt derzeit zu), was mit einem statischen Diagramm nicht so gut möglich wäre.

11.

Seit „Snowfall“ viel Aufmerksamkeit und Lob erregte, hat sich die New York Times ihren Ruf als herausragender Multimedia-Journalismus bewahrt. Das Publikationsteam nutzt eine Kombination aus Infografik-Design und tiefgründigem Storytelling, um ein beeindruckend fesselndes Erlebnis zu schaffen. Es gibt eindrucksvollere Beispiele, aber „The Russia Left Behind“ ist ein Werk, das eine gewisse Resonanz hervorgerufen hat. Die Infografik fungiert als interaktive Tour durch Russland (Sie navigieren auf einer Karte).

12. Bonds Autos

Wenn Sie jemals die Geschichte von James Bond anhand seiner Autos erleben möchten, dann danken Sie dem britischen Autohändler Evans Halshaw für die Chance. Mit seiner interaktiven Infografik „Bond-Autos“ können Sie die Marke und das Design jedes einzelnen Bond-Autos erkunden und erhalten darüber hinaus noch einige Extras Interessante Fakten. Mit der allgegenwärtigen Slider-Taktik können Sie das Auto auch in seiner ganzen metallischen Pracht „enthüllen“ (standardmäßig ist nur ein einfarbiges Design vorgegeben). Auf diese Weise lösten die Autoren auf kreative Weise das Problem der Notwendigkeit, Fotos einzubinden, die nicht ganz zur Ästhetik der Infografik passen.

13. Farben der Bewegung

„The Colors Of Motion“ ist eine Infografik-Serie, die Filme ausschließlich anhand ihrer Farbpalette analysiert, die sich aus der Kombination aller Einzelbilder ergibt. Wenn Sie sich jemals gefragt haben, haben Sie jetzt die Antwort. Sie können einen Titel nicht in der Datenbank finden? Schicken Sie den Entwicklern einfach eine Nachricht – sie nehmen Anfragen entgegen.

14. Königsgrab in Peru

National Geographic verfügt über eine ziemlich beeindruckende Sammlung sogenannter „interaktiver Grafiken“ (von denen die meisten von detaillierten Textbeschreibungen begleitet werden, wie z. B. Trajans Kolumne), aber wir haben dieses relativ einfache Beispiel ausgewählt, um die Verwendungszwecke von Techniken hervorzuheben, bei denen sie wirklich effektiv sind interaktive Infografiken. „Perus königliches Wari-Grab“ enthüllt die Besonderheiten der Bestattung einer Adligen jener Zeit. Der Fokus verlagert sich von den Umhüllungen der Mumie auf ihre Dekorationen und Position. Durch die Aufteilung von Informationen in kleine Teile und die Möglichkeit, zwischen ihnen zu navigieren, vermeiden interaktive Grafiken die heimtückischsten Fallstricke: Datenüberflutung und visuelle Effekte. Darüber hinaus steigert jede weitere Interaktion das Erlebnis und macht es viel lohnender, als wenn alles auf einmal präsentiert würde. Unser Gehirn verfügt über einen Mechanismus, der überwältigende Reize ablehnt, und dieser Typ Die Interaktion wird zu einer hervorragenden Lösung für den Benutzer und erleichtert die Aufnahme von Informationen.

15. Was ist das „schottische Referendum“? Erklärung für Nicht-Briten

Der Guardian hat sich ebenso wie die New York Times dem Multimedia-Journalismus verschrieben, und ihr Video erfüllt eine der Hauptfunktionen von Infografiken hervorragend: die Übertragung sperriger Informationen in eine überschaubare Form. Für viele von uns, die außerhalb des Vereinigten Königreichs leben, ist das Referendum ein sehr verwirrendes Thema. Glücklicherweise hilft Ihnen dieses Video (Scottish Referendum Explained For Non-Brits) dabei, schnell die wichtigen Aspekte kennenzulernen, ohne dass Sie tief in die Geschichte eintauchen müssen.

16. Öffentliche Gesundheit

Die Mission des Atlantic bestand darin, eine Vision zur Verbesserung der öffentlichen Gesundheit zu entwickeln. Es beauftragte Truth Labs mit der Entwicklung einer dreiteiligen Serie zum Thema „Bevölkerungsgesundheit“ im digitalen Storytelling. Das Hauptziel des Künstlers bestand darin, das natürliche Scrollen des Dokuments und das normale Leseerlebnis des Benutzers beizubehalten und gleichzeitig ein Erlebnis zu schaffen, das sich aus visueller Perspektive unterscheidet. Um es zum Leben zu erwecken, griffen sie auf Werkzeuge und Strategien aus dem Film zurück, stützten sich aber auch auf eine Reihe von Gestaltungsprinzipien, um die Lesbarkeit als Schlüsselregel zu unterstützen.

17. Johos Körner

Der österreichische Kaffeeproduzent Joho's hat ein umfassendes Multimedia-Erlebnis geschaffen, um die Geschichte der Ursprünge der Kaffeebohne zu erzählen. Die Erzählung kombiniert nahtlos Audio, Video und Fotografie, um nahezu alle Sinne des Benutzers anzusprechen Sie hören eine Kaffeeplantage, das Zwitschern der Vögel, das Geräusch gerösteter Kaffeebohnen, die in Tüten verpackt werden, und das Geräusch belebter Straßen und des Verkehrs in der Stadt. Totales Eintauchen!

Joho's nimmt Sie mit auf eine Reise und erklärt Ihnen die Herkunft seiner Kaffeebohnen

18. Unberührte Straße

„The Wild Path“ ist ein interaktives Reisebericht-Erlebnis, das mit Canvas erstellt wurde. Das Hauptelement ist die Karte, die den Pfad auf der Karte animiert, während Sie durch die Seite scrollen. Das Projekt funktioniert möglicherweise nicht in allen Browsern. Es gibt jedoch einen Begleitartikel, der alle Technologien hinter den Kulissen für die Erstellung von Infografiken erklärt.

19.

Die Berichterstattung des Guardian über die US-Präsidentschaftswahlen 2016 (Live-Wahlergebnisse) brachte einen unterhaltsamen Aspekt in die ernste Angelegenheit der Umfragewerte und Wahllokale ein. Eine interaktive Infografik verfolgte die Abstimmungen in vier Bundesstaaten. Standardmäßig zeigte die Grafik Ergebnisse für das gesamte Land an, und wenn der Benutzer mit der Maus über einen Bereich auf der Karte fuhr, wurde angezeigt, welche Zahlen die Kandidaten dort erzielten. Präsidentschaftskandidaten wurden als lustige, verpixelte Avatare präsentiert. Da die Infografik in Echtzeit aktualisiert wurde, markierten die Personen die Bundesstaaten, in denen sie gewonnen hatten, mit einer Farbe. Von Zeit zu Zeit erschien in einer Sprechblase neben dem Kandidaten ein Zitat.

Darstellung der Wahlergebnisse in Echtzeit

Die Zukunft der Datenvisualisierung ist interaktiv.

Aber wie erstellt man wirklich erstaunliche interaktive Infografiken?

Infografiken sind überall und in letzter Zeit werden sie zunehmend interaktiv.

Im heutigen Artikel verraten wir Ihnen die Geheimnisse der Erstellung interaktiver Infografiken sowie Links zu nützlichen Ressourcen.

1. Psychologie verstehen

Bevor Sie eine Infografik interaktiv gestalten, ist es wichtig zu verstehen, warum Sie sie interaktiv gestalten möchten.

Wie in dieser Infografik beschrieben, nehmen Menschen visuelle Informationen besser wahr. Es ist viel wahrscheinlicher, dass wir eine Präsentation lesen, verstehen und uns daran erinnern, wenn sie ansprechende visuelle Elemente enthält. ist ein effektives Lernmittel, aber es kann noch besser werden.

Kinetisches Lernen ist eine großartige Alternative, da Menschen durch körperliche Aktivitäten besser lernen.

Deshalb kann Ihnen die Erweiterung des vielversprechenden Bereichs der Visualisierung durch Interaktivität dabei helfen, noch einprägsamere und effektivere Infografiken zu erstellen.

Diese Kombination aus visuellem und kinetischem Ansatz macht animierte Infografiken zum Inhalt der Zukunft. Natürlich ist es bei manchen Themen besser, auf interaktive Elemente zu verzichten, aber in den meisten Fällen verbessern sie nur den Inhalt.

Bewegung verleiht Informationen Bedeutung, ermöglicht es dem Benutzer, das Erlebnis zu kontrollieren, und regt die Fantasie auf eine Weise an, wie es statische Infografiken nicht können.

2. Scrolleffekte hinzufügen

Sie haben wahrscheinlich einen massiven Wandel in der Online-Welt von textbasierten Inhalten hin zu visuellen Inhalten bemerkt.

Die Macht von Bildern im Internet und in unserem täglichen Leben lässt sich nicht leugnen. Auf YouTube und Instagram dominieren visuelle Inhalte; YouTube ist die am dritthäufigsten besuchte Website im Internet und auf Instagram werden täglich über 80 Millionen Fotos gepostet.

Blogbeiträge und Artikel werden mit 80 % höherer Wahrscheinlichkeit konsumiert, wenn sie Farbbilder, Überschriften oder Miniaturansichten enthalten, und die Leute verbringen nicht mehr als 15 Sekunden auf einer Website, wenn sie nicht sofort ihre Aufmerksamkeit erregt.

Infografiken erfreuen sich bei Publikum und Einzelhändlern großer Beliebtheit und sind für die Menschen heute 800 % interessanter als im Jahr 2012.

Darüber hinaus werden Inhalte in einem alarmierenden Tempo erstellt – 60 % der Vermarkter erstellen jeden Tag mindestens eine kleine Menge neuer Inhalte! Mehr erfahren Sie im Rezensionsartikel.

Da immer mehr Menschen damit beginnen, Inhalte zu erstellen, wird eines klar: Um gesehen zu werden, muss man auffallen.

Natürlich denken Content-Vermarkter bereits über die Zukunft visueller Inhalte nach, überlegen, was sie jetzt tun können, was sie implementieren können und welche neuen Technologien am Horizont stehen. Diese Art von vorausschauendem Denken kann über Erfolg oder Misserfolg Ihrer Content-Marketing-Bemühungen entscheiden. Du musst dich anpassen, sonst wirst du ertrinken.

Mit visuellen Inhalten wie Infografiken haben Vermarkter eine einzigartige Gelegenheit, die Zukunft zu sehen, wie sie naht. Unternehmen, Grafikdesigner und Vermarkter beginnen, Infografiken zu verwenden und sie zu aktualisieren, um sie für ihr Publikum noch attraktiver zu machen. Selbst wenn Sie bereits regelmäßig Infografiken veröffentlichen, ist es nie zu früh, sich über Trends zu informieren, die sich gerade erst zu entwickeln beginnen, und es ist nie zu früh, zu lernen, wie Sie diese in Ihre Content-Marketing-Strategien integrieren können.

Wenn Sie in die Zukunft blicken und vielleicht sogar vor allen anderen ein paar Tricks lernen möchten, ist jetzt die richtige Zeit dafür!

Hier sind die drei Arten von Infografiken, die in (naher) Zukunft am häufigsten vorkommen werden.

Wenn Sie nach einem coolen Tool zur Erstellung von Infografiken suchen, empfehle ich Ihnen, sich Visme anzusehen. Zunächst einmal bieten sie ein kostenloses Konto und tolle benutzerfreundliche Funktionen für Nicht-Designer. Sie können jetzt ein kostenloses Konto erstellen.

1. Interaktive Infografiken

Obwohl wir die Schönheit interaktiver Websites und benutzerfreundlicher Spiele gesehen haben, sind interaktive Infografiken auf ihrem Gebiet noch recht neu. Wie Infografiken enthalten sie offensichtlich einige Informationen und sind normalerweise dynamisch. Durch die Verwendung interaktiver Elemente haben Benutzer jedoch die Möglichkeit, sich mit Informationen zu vernetzen und eigene Informationen zu erstellen.

Unabhängig von Ihrem Unternehmen, Produkt, Ihrer Dienstleistung oder Ihrer Botschaft können Sie eine interaktive Infografik erstellen, die es den Leuten ermöglicht, sich selbst zu bewerten (z. B. „Berechnen Sie hier Ihren BMI“). Benutzer können auch auf relevante Informationen klicken, um zu einer ausführlicheren Ressource oder zurück zu einer Zielseite weitergeleitet zu werden und so Traffic zu generieren. Es ist eine sehr anpassungsfähige und unterhaltsame Möglichkeit, Ihr Publikum einzubeziehen.

Viele Vermarkter haben sich bereits an diese Art von Infografik gewöhnt und sie überträgt sich schnell. Aber gleichzeitig nehmen viele es immer noch als Grundlage einfache Infografiken:

….Stellen Sie sich vor, was Sie sonst noch mit interaktiven Infografiken machen können.

Du kannst es versuchen:

• Verwenden Sie Bildlauftechniken, die Bilder oder Formen vom Hintergrund hervorheben
• Erstellen von „Popup-Fenstern“, die Textbereiche erweitern
• Wenn Sie darauf klicken, werden Bilder oder Statistiken eingeblendet
• Verwandeln Sie Ihre Infografiken in mehrere Seiten, die Benutzer anzeigen können

Ein detaillierteres Beispiel einer interaktiven Infografik finden Sie hier:

Um eine Infografik hochgradig interaktiv zu gestalten (mit Scrollen, Pop-ups usw.), müssen Sie ein wenig über HTML5 oder CSS lernen oder jemand anderen damit beauftragen, es für Sie herauszufinden.

Trotz des zusätzlichen Aufwands werden Sie mit einem einzigartigen, ansprechenden und effektiven Inhalt belohnt.

Warum sollten Sie in naher Zukunft versuchen, Infografiken zu implementieren?

• Dies ermutigt Ihr Publikum, mit Ihren Inhalten zu interagieren und diese zu teilen.
• Dadurch wird Traffic generiert (über Links)
• Dies beweist Ihrem Publikum, dass Sie innovativ und einfallsreich sind und aktuelle und interessante Inhalte bereitstellen möchten.
• Es gibt Schichten interaktiver Infografiken, die die Entwicklung überschaubar machen

2. Eingebettetes Video und GIF

Dies ist eine andere Art von Infografik, die wir heutzutage immer häufiger sehen. Infografiken, die kurze Videos oder sogar GIFs (Graphics Interchange Format) bieten, sind eine großartige Möglichkeit, Aufmerksamkeit zu erregen und Ihre Infografik aus der Masse hervorzuheben. Obwohl dies je nach Plattform begrenzt ist, können Sie Ihre Infografiken im Präsens teilen.

Viele einfache Infografik-Tools wie Easel.ly bieten die Option „Eingebettetes YouTube-Video“ oder Sie können einer in Photoshop erstellten Infografik mithilfe einer Videoebene ein Video hinzufügen. Sie können einer Powerpoint-Folie sogar ein Video hinzufügen, das Sie auch in eine Infografik umwandeln können.

Darüber hinaus können Sie Millionen von GIFs online finden und auf die gleiche Weise einfügen. Der Haken dabei ist, dass Sie Ihre Infografik als URL verbreiten müssen, um sicherzustellen, dass sie richtig in Ihre Website eingebettet ist. Sie dürfen solche Infografiken nicht im JPEG- oder PDF-Format verbreiten oder speichern. Da dies immer beliebter wird, wird es zweifellos weitere Tools zum Einfügen von Videos und GIFs geben, die den Vorgang noch einfacher machen.

Aber wenn Sie diese Art von Infografik verwenden möchten, bevor alle um Sie herum, sogar ihre Hunde, lernen, wie man es macht, beginnen Sie jetzt mit den Tools, die Sie online finden.

Wenn Sie die nächste Stufe erreichen möchten, können Sie aus einer bereits vorhandenen Infografik ein Video erstellen. Dies ist eine großartige Gelegenheit, auf YouTube, Instagram und sogar Videoplattformen wie Vimeo, Snapchat und anderen gesehen zu werden. Das folgende Video ist ein großartiges Beispiel dafür, wie man eine Infografik in ein Video umwandelt.

Warum ein Video oder GIF in eine Infografik einbetten?

• Das sorgt für einen Überraschungseffekt – die Leute erwarten nicht, dass sich das Bild bewegt!
• Es macht sehr viel Spaß und ist originell, was die Chance erhöht, dass Menschen interagieren und Ihre Infografik teilen.
• Das gute Möglichkeit Zeigen Sie allen die Einzigartigkeit Ihrer Marke

3. Animierte Infografiken

Animierte Infografiken weisen eine Vielzahl visueller Muster auf und erfordern viel Aufmerksamkeit. Wenn ein Benutzer eine Seite ansieht, erwartet er normalerweise nicht, dass sich etwas bewegt. Daher ist es eine gute Idee, alle diese Techniken zu erlernen, bevor es alle anderen tun.

Da viele animierte Infografiken recht komplex sind und möglicherweise Grafikdesign-, Programmier- und/oder Softwarekenntnisse erfordern, werden sie sehr geschätzt.

Hier ist ein Beispiel dafür, wovon ich spreche:

Wenn Sie mehr darüber erfahren möchten, wie Sie animierte Infografiken erstellen, schauen Sie sich diese Infografik von Tabletop Whale an. Darüber hinaus finden Sie verschiedene Dienste, die Sie bei der Erstellung solcher Infografiken unterstützen. Auf jeden Fall ist dies einer der schwierigsten Prozesse in der Entwicklung von Infografiken.

Warum sollten Sie Ihre Zeit, Energie und/oder Ihr Geld in die Erstellung animierter Infografiken investieren?

• Dadurch heben Sie sich tatsächlich von der Masse ab, da nicht jeder Zugriff auf diese Art von Tools hat Software oder Inhalt
• In nur wenigen Jahren wird das alltäglich sein – Sie werden einer der Ersten sein, die es tun!
• Durch Animationen werden die Informationen in der Infografik einprägsamer
• Dies wird Ihre Benutzer dazu inspirieren, mit Ihnen zusammenzuarbeiten.

Das ist keine Science-Fiction.

Das klingt vielleicht zu technisch und übersteigt derzeit Ihre Möglichkeiten, aber es ist wahrscheinlich, dass diese Art von Infografiken in zwei bis drei Jahren weit verbreitet sein wird. Wir können bereits einen starken Durchbruch bei animierten Infografiken und GIFs beobachten, insbesondere da GIFs immer beliebter werden. Infografiken werden zu einer der meistkonsumierten und am häufigsten erstellten Arten von Inhalten im Internet. Warum? Ja, denn das Gehirn benötigt nur 250 Millisekunden, um die Bedeutung eines Symbols zu akzeptieren und zu verarbeiten.

Wenn die durchschnittliche Person etwa 15 Sekunden auf einer Website verbringt und sich dann zu langweilen beginnt, möchten Sie natürlich alles auf dem Bildschirm aufrufen, was sie möglicherweise zurückhält – oder zumindest innerhalb von 15 Sekunden oder weniger eine Nachricht erhalten. Einige Studien haben sogar gezeigt, dass sich Menschen höchstens 8 Sekunden lang auf etwas konzentrieren können, und diese Zahl nimmt jedes Jahr ab.

Dies ist der Grund und möglicherweise ein Nebenprodukt unseres ständigen Informationsbedarfs. Wir leben im Informationszeitalter und alle Informationen stehen uns zur Verfügung. Das bedeutet aber auch, dass je mehr Menschen versuchen, Nachrichten zu teilen und jede mögliche Frage zu beantworten, desto mehr Inhalte werden zum Hintergrundrauschen.

Wenn die Verfügbarkeit von Infografiken heute ein Hinweis darauf ist, werden sie bald überall sein. Das bedeutet neue Veränderungen in Ihrer Arbeit. Keine Marketingkampagne in der Geschichte hat dadurch Erfolg gehabt, dass sie immer wieder das Gleiche getan hat.

Die Idee dabei ist, die Infografik als mehr als nur ein JPEG-Bild zu sehen. Infografiken können an verschiedene Medien angepasst und auf den unterschiedlichsten Plattformen eingesetzt werden. Unternehmer und Vermarkter haben das Potenzial darin bereits erkannt. Und Sie?