{"id":608,"date":"2018-01-16T09:06:15","date_gmt":"2018-01-16T08:06:15","guid":{"rendered":"https:\/\/hub.hslu.ch\/informatik\/?p=608"},"modified":"2026-02-11T14:52:33","modified_gmt":"2026-02-11T13:52:33","slug":"digital-ideation-wie-man-aus-daten-storys-zeichnet","status":"publish","type":"post","link":"https:\/\/hub.hslu.ch\/informatik\/digital-ideation-wie-man-aus-daten-storys-zeichnet\/","title":{"rendered":"Digital Ideation: Wie man aus Daten Storys zeichnet"},"content":{"rendered":"\n
By Simon Hischier am 12.01.2018<\/div>\n\n\n\n\n\n

Unsere Modulklasse aus dem Studiengang Digital Ideation<\/a> erhielt im Modul \u00abInformation Aesthetics & Engineering\u00bb die Aufgabe, aus einem Datensatz des Bundesamtes f\u00fcr Statistik, eine gute Infografik zu erarbeiten. Das h\u00f6rte sich einfach an \u2013 kam aber wie so oft ganz anders. Doch alles von Anfang an:<\/p>\n\n\n\n

Gestartet haben wir das Modul mit Papier und Schere. Die Aufgabe bestand darin, mit einem Satz verschiedene Bedeutungen auszusagen, indem wir die einzelnen W\u00f6rter an verschiedenen Stellen platzierten.<\/p>\n\n\n\n

Dabei lernten wir: \u00abAusdrucken\u00bb und \u00abKonzepte auf Papier ausarbeiten\u00bb geh\u00f6ren zu den wichtigsten Arbeitsmethoden unserer Gastdozenten Nicole Lachenmeier, Darjan Hil und Danilo Wanner von YAAY<\/a> (Informationsdesign Agentur).<\/p>\n\n\n\n

Information Aesthetics & Engineering: Dieses Modul untersucht die Rolle von Informationsgrafiken f\u00fcr eine verst\u00e4ndliche Kommunikation und somit auch Fragen der \u00c4sthetik sowie visuellen Gestaltung von informativen Darstellungen.<\/p><\/blockquote>\n\n\n\n

Nach dieser simplen \u00dcbung freuten wir uns auf die Arbeit mit grossen Datenmengen. Als n\u00e4chstes lernten wir, nach Stories zu suchen. H\u00f6rte sich spannend an, die Ern\u00fcchterung folgte nach kurzer Zeit mit einer Einf\u00fchrung in Excel und Tableau (Visualisierungssoftware). Es w\u00e4re zu sch\u00f6n, um wahr zu sein, h\u00e4tten wir einfach einen \u00abfind-story-button\u00bb klicken k\u00f6nnen und schon entsteht eine sch\u00f6ne Info-Grafik.<\/p>\n\n\n\n

Wir lernten, was Storytelling in der Statistik bedeutet, was verschiedene Grafen unterscheidet und wof\u00fcr welche Grafen geeignet sind. Das Wichtigste f\u00fcr eine gute Grafik ist, dass verschiedene Informationen ausgedr\u00fcckt werden k\u00f6nnen und dass der Leser die Grafik \u00aberforschen\u00bb m\u00f6chte.<\/p>\n\n\n\n

Was hatten wir auch von Story kreieren erwartet, einen \u00abfind story\u00bb-Knopf dr\u00fccken und fertig?<\/p><\/blockquote>\n\n\n\n

Modularbeit mit viel Fleiss und Schweiss<\/h5>\n\n\n\n

Nach diesen Einf\u00fchrungen starteten wir mit der Modularbeit. Um uns einen \u00dcberblick zu verschaffen, durchst\u00f6berten wir als erstes den Datenw\u00fcrfel des Bundesamtes f\u00fcr Statistik. Meine Klasse einigte sich darauf, dass alle aus dem Datengebiet \u00abBev\u00f6lkerung\u00bb<\/a> Zahlen herauspickten und daraus eine Infografik entwickelten.<\/p>\n\n\n\n

Daraufhin hiess es f\u00fcr uns, zur\u00fcck an den Arbeitsplatz und Ideen aufs Papier bringen. In regelm\u00e4ssigen Abst\u00e4nden trafen wir uns in der Klasse und pr\u00e4sentierten den Projektstand. Durch die Diskussionen im Plenum erhielten wir weitere Ideen und Ans\u00e4tze. Die Gastdozierenden, welche mit etlichen Tricks und Vorgehensweisen aus der Praxis auftrumpfen konnten, standen uns dabei tatkr\u00e4ftig zur Seite.<\/p>\n\n\n\n

Wie typisch f\u00fcr Studierende wurde gegen Ende die Zeit immer knapper und alle arbeiteten mit Hochdruck an der Umsetzung \u2013 so auch ich.<\/p>\n\n\n\n

\"Wie
Wie aus Zahlen Grafiken werden: Ausarbeitung auf Papier <\/figcaption><\/figure>\n\n\n\n
Die Schwierigkeit sich festzulegen<\/h5>\n\n\n\n

In meinem Fall konnte ich mich bis zum Schluss nicht f\u00fcr einen Datensatz festlegen und verfolgte deshalb mehrere Ziele. Auf Dr\u00e4ngen der Dozierenden entschied ich mich f\u00fcr eine konkrete Basis. Leider hatte ich mir in den Kopf gesetzt, mit Skripten (kleine Computerprogramme, die die Arbeit automatisieren) f\u00fcr die Umsetzung zu arbeiten.<\/p>\n\n\n\n

Dies brachte bis zum Schluss eigentlich nichts, denn es war das falsche Programm f\u00fcr die Visualisierung. Am Abend vor der finalen Pr\u00e4sentation liess ich das Skripten schliesslich sein und versuchte mich mit dem Illustrator (ein Grafikprogramm zum Erstellen von Vektorgrafiken).\u00a0Ich stellte fest, dass ich mich verzweifelt ans Skripten geklammert hatte, damit ich Illustrator nicht auf die Schnelle lernen musste. Zum Gl\u00fcck war das Modul gemischt mit Studierenden aus dem Fokus Design<\/a> und dem Fokus Informatik<\/a>.<\/p>\n\n\n\n

Meine designaffinen Mitstudenten konnten mir die wichtigen Funktionen schnell beibringen. Und so sass ich bis in die Nacht hinein an der Arbeit und war am n\u00e4chsten Tag nicht wirklich zufrieden.<\/p>\n\n\n\n

Studenten und Deadlines<\/h5>\n\n\n\n

Am letzten Tag des Modul-Unterrichts fanden die Pr\u00e4sentationen statt. Am Vormittag war die letzte Gelegenheit, um die Arbeit fertigzustellen. Sofort holte ich mir einen Dozenten, mit dem ich meine Arbeit durchgehen konnte. Wir stellten fest, dass meine Arbeit nicht \u00fcberzeugend war \u2013 am Pr\u00e4sentationstag! Deshalb erarbeitete ich gemeinsam mit dem Dozierenden eine neue Idee und ich fing nochmals bei der Umsetzung an. Es reichte mir gerade so bis zum Pr\u00e4sentationstermin, die neue Idee auszuarbeiten. An der Pr\u00e4sentation fehlte dann etwas der Feinschliff, gl\u00fcckerweise nicht nur bei mir. Deshalb erhielten wir sp\u00e4ter die Gelegenheit YAAY in Basel zu besuchen und die \u00fcberarbeitete Version vorzustellen.<\/p>\n\n\n\n

Mein Fazit aus dieser Projektarbeit ist, dass ich vermehrt das Fachwissen von Studierenden und Dozierenden nutzen werde. Ebenfalls versuche ich, wann immer m\u00f6glich, Neues auszuprobieren \ud83d\ude42<\/p>\n\n\n\n

Der Studiengang, sein Leiter und die Idee dahinter<\/h5>\n\n\n\n

Ein Interview von Christoph Schmitt<\/a> mit Studiengangleiter Andres Wanner \u00fcber Digital Ideation, Interdisziplinarit\u00e4t und wie Lernen in Zukunft sein k\u00f6nnte.<\/p>\n\n\n\n

\n