Das Problem
In einer Welt voller schnelllebigen sozialen Medien ereignet sich der nächste Skandal bevor man den vorigen überhaupt verstehen konnte. Digitale Inhalte haben eine abnehmende Halbwertszeit und verfliegen rapide.
Um diese Phänomene über verschiedene Anbieter hinweg verfolgen zu können, haben wir das folgende Interface erarbeitet.
Design Prozess
Während unserer Erkundungsphase kamen uns viele Ideen und Funktionen in den Sinn, die unser Tool in der Endfassung enthalten könnte.
Über einfache Graphen, die Aktualitäten zwischen verschiedenen sozialen Plattformen vergleicht, bis hin zu Zeitleisten über die Entstehung unterschiedlicher Anbieter.
Sobald wir uns darauf festgelegt hatten einen Vergleich im Interface zu visualisieren, haben wir versucht diesen Ansatz mit Python zu realisieren. Anfangs waren Twitter, Reddit und Facebook unsere Wunschplattformen, mit denen wir das zeitliche Aufkommen von Themen verdeutlichen wollten.
Da Facebook und Twitter leider seit einiger Zeit ihre APIs, sprich die Schnittstellen für solche Datenanfragen, geschlossen hatten, war es uns nicht möglich diese Daten zu sammeln.
Insofern blieb uns lediglich der Reddit-Datensatz den wir mithilfe von Jan Meissner beliebig nach Themen durchsuchen konnten.
User Interface
Die Benutzeroberfläche zielt auf die Nutzung im Browser ab und bietet eine klassische Ansicht mit Navigationsleiste.
Mittig wird die aktuelle Datenansicht je nach Auswahl dargestellt, welche über die Filter links in der Navigation angepasst werden kann, um bestimmte Websites ein- oder auszuschalten.
Hinzu kommen Ansichten für verschiedene Zeiträume, wie beispielsweise unsere Jahresansicht, die populäre oder kontroverse Themen hervorhebt.
Für einen Blick in die Details bieten wir ebenfalls eine Darstellung, wobei einzelne Postings oder Artikel ausgewählt werden können und die wichtigsten Informationen inklusive Kommentaren anzeigen.
Unsere Jahresübersicht zeigt Ereignisse in einem Kreis an, wobei große Kreise wichtigen Ereignissen entsprechen. Twitter wird mit Blau repräsentiert, Reddit ist orange.
Mit einem Klick auf große Kreise können Details über dieses Ereignis angezeigt werden inklusive Ursprung.
In der losen Graphansicht werden die Gesamtposts auf der jeweiligen Plattform dargestellt, große Kreise zeigen erneut wichtige, sowie große Themen an.
Für eine möglichst exakte Darstellung lässt sich das Gesamtaufkommen ebenfalls mithilfe eines Graphen darstellen, der einzelne Aktivitäten hervorhebt.
Die Diskussionsansicht zeigt einen Post mit der darunter verfügbaren Kommtentarstruktur, sowie einer zeitlichen Einordnung. War ein Post beispielsweise in den ersten 24h sehr populär, hat danach aber stark abgenommen, werden viele große Kugeln vor der 24h-Linie angezeigt.
Kleinere Kreise verdeutlichen die Ebenen der Kommentare, da im spezifischen Fall von Reddit Kommentare aufeinander Bezug nehmen können.
Prototyp
Hierunter befindet sich unser interaktiver Prototyp, der im Browser getestet werden kann. Nachdem man den Banner von Adobe verscheucht hat, lässt sich mehr erkennen und gegebenenfalls in den Vollbildmodus wechseln.
Möglicherweise verhalten sich manche Inhalte noch nicht, wie es Nutzer:innen erwarten würden, da es sich zur Zeit um eine statische Reihe von Screens handelt, die wir verbunden und animiert haben.
Insofern bitten wir um Verständnis, sollten während der Nutzung unerwartete Interaktionen stattfinden.
Mit einem Klick auf die dunkle Hintergrundfläche werden interaktive Oberflächen angezeigt.
.svg){kind=small}
