Case Study
Lesezeit: ~
11 mins
Den Abschluss des Kurses bildet die Konzeption, Gestaltung, Umsetzung, Inszenierung und Dokumentation eines interaktiven Artefakts, das Sie auf Basis des Hackday-Themas entwickeln. Das Artefakt nutzt die im Kurs erarbeiteten gestalterischen und algorithmischen Mittel und reagiert auf Eingaben über Tastatur oder die GUI unseres Dev Environments. Es bildet zugleich den Ausgangspunkt für den anschließenden Kurs Interaction Design, in dem es um weitere Interaktionsformen erweitert wird.
Damit Ihr Projekt sichtbar, anschlussfähig und reflektiert wird, dokumentieren Sie es in einer Case Study: einer einseitigen Webseite, die Ihr Artefakt zeigt, seine Genese erzählt und die Erkenntnisse benennt, die Sie aus der Arbeit mitnehmen. Ihre Case Study Website muss über das Coco Gitlab veröffentlicht werden (Gitlab Page).
Ergänzend stellen Sie Ihr Artefakt am letzten Tag der Modulwoche, dem Freitagvormittag, im Rahmen eines gemeinsamen Rundgangs kurz persönlich vor.
Am Ende des Kurses haben Sie ein eigenes interaktives Artefakt entwickelt, das gestalterisch und algorithmisch trägt, sowie eine Case Study Website, die dieses Artefakt zeigt, erklärt, erlebbar macht und seinen Entstehungsweg erläutert. Das Artefakt ist die Substanz, die Website macht es zugänglich. Beides gehört zusammen, aber die Reihenfolge ist nicht beliebig: eine starke Website kann ein schwaches Artefakt nicht retten.
Aus dem Hackday-Thema entwickeln Sie eine eigene Idee, Zielsetzung als auch Aufgabenstellung und führen diese mit den im Kurs erarbeiteten Mitteln, also Punkt, Linie, Fläche, Farbe, Form und Bewegung, zu einem eigenständigen Artefakt. Sie üben den Schritt von der Idee zur Umsetzung und das Treffen gestalterischer Entscheidungen.
Sie beherrschen die Bausteine des Kurses soweit, dass Sie damit nicht nur ausführen, sondern entwerfen. Code wird zu einem Werkzeug, das Sie steuern, nicht zu einer Hürde, die Sie umgehen müssen.
Sie lernen, einen Entwicklungsweg in Stationen zu zerlegen, die einzelnen Schritte einzuordnen und das Ergebnis von der Reise zu unterscheiden, die dorthin geführt hat. Das ist eine Kompetenz, die Ihnen über das Studium hinaus in jeder gestalterischen Auseinandersetzung dient.
Sie üben, Ihr Projekt so darzustellen, dass es ohne Sie funktioniert: visuell, verständlich und prägnant. Diese Vermittlungsfähigkeit ist in der gestalterischen Praxis genauso wichtig wie die Gestaltung selbst.
Der Kurs ist als Bewegung von der Erkundung zur Verdichtung angelegt.
In der ersten Woche erweitern Sie Ihr gestalterisches und algorithmisches Repertoire entlang einzelner Themen. Sie probieren aus, variieren, sammeln. Diese Phase ist breit und experimentell, das Ziel ist nicht das fertige Artefakt, sondern Material und Sicherheit im Umgang mit den Mitteln.
In der zweiten Woche kommt mit dem Hackday-Thema ein Fokus dazu. Aus der Breite der Erkundung entscheiden Sie sich für eine Richtung und entwickeln das interaktive Artefakt. Der Weg dorthin verläuft in nachvollziehbaren Stationen, an denen Sie jeweils Feedback einholen können.
Der Abschluss ist die Verdichtung dieses Wegs in der Case Study Website. Hier treten Sie einen Schritt zurück und ordnen ein, was passiert ist. Diese Verdichtung ist nicht nur Dokumentation, sondern selbst ein Lernschritt: erst wenn Sie Ihren Prozess für andere lesbar machen, wird er auch für Sie selbst greifbar.
Feedback ist in diesem Kurs nicht Begleitmusik, sondern Hauptmedium des Lernens. Da der Kurs unbenotet ist, ersetzt das Feedback nicht eine Note, sondern es tritt an deren Stelle als das, woran Sie Ihre Entwicklung messen können. Sie holen es sich an Pflichtterminen, im Kurs und untereinander. Ihre Bereitschaft, früh zu zeigen, gezielt zu fragen und Rückmeldungen einzuarbeiten, ist der wichtigste Hebel für das, was Sie am Ende mitnehmen.
Die Case Study Website dokumentiert nicht nur das Endergebnis, sondern auch die Entwicklung. Sie zeigen, wo Sie gestartet sind, welche Stationen Sie auf dem Weg passiert haben und wo Sie schließlich angekommen sind. Damit erfüllt die Website drei Funktionen gleichzeitig.
Indem Sie Ihre Arbeit in Stationen zerlegen und diese kommentieren, treten Sie einen Schritt zurück und ordnen das eigene Vorgehen ein. Was war die Idee? Was hat funktioniert? Was hat sich verändert und warum?
Eine fremde dritte Person, etwa eine Besucherin einer Ausstellung oder Kommilitone aus einem späteren Semester, soll Ihr Projekt verstehen können, ohne dass Sie daneben stehen und erklären. Diese Vermittlungsfähigkeit ist eine Kernkompetenz im gestalterischen Beruf, und sie wird hier eingeübt.
Auf Basis der Website gebe ich Ihnen mein Feedback. Je präziser und ökonomischer die Website ist, desto fundierter und gezielter kann das Feedback ausfallen.
Das Herzstück der Case Study Website ist eine Abfolge von Stationen, die den Weg zum finalen Artefakt nachzeichnen. Insgesamt sind idealerweise drei Stationen sichtbar: ein bis zwei Vorstufen und der finale Sketch.
Eine Vorstufe ist ein eigenständiger Zwischenstand Ihrer Arbeit, der einen erkennbaren Unterschied zum nächsten Schritt aufweist. Das kann eine frühere Version desselben Sketches sein, ein verworfener Pfad, eine Variante mit anderem gestalterischem oder algorithmischem Ansatz, oder eine bewusst reduzierte Vorform, an der Sie ein einzelnes Element erprobt haben. Wichtig ist nicht, dass die Vorstufen schöner werden, sondern dass Sie den Entwicklungsweg sichtbar machen.
Pro Station zeigen Sie:
Die Stationen müssen nicht die geplanten Zwischenstände aus dem Kurs sein. Es ist ausdrücklich erlaubt und oft sogar interessanter, im Nachgang zwei Stadien aus dem eigenen Prozess auszuwählen, die die Genese des finalen Sketches am stärksten erzählen.
Beim finalen Sketch kommt zur Erläuterung das Video hinzu, das die zentralen Interaktionen zeigt, sowie eine verlinkte Version.
Am Vormittag des letzten Modultags treffen wir uns zu einem gemeinsamen Rundgang, bei dem alle Artefakte kurz vorgestellt werden. Sie zeigen Ihr Artefakt live, demonstrieren die zentralen Interaktionen und ordnen in wenigen Sätzen ein, worum es geht und welchen Weg Sie dorthin genommen haben. Der Rundgang ist verbindlicher Teil der Abgabe.
Der Rundgang erfüllt zwei Funktionen: Er ist eine letzte Probe Ihrer Vermittlungsfähigkeit, diesmal nicht über die Website, sondern im direkten Gespräch. Er macht den Jahrgang als Ganzes sichtbar, sodass Sie sehen, was an Ihrer Seite entstanden ist.
Abgabetermin ist das Ende der Modulwoche. Sie stellen Ihre Case Study Webseite via Gitlab Page zur Verfügung. Diese enthält:
Zur Abgabe gehört außerdem die Teilnahme am Rundgang am Vormittag des letzten Modultags, bei dem Sie Ihr Artefakt persönlich vorstellen.
Ihr Sketch läuft in der bereitgestellten Dev-Umgebung und nutzt deren Bausteine. Das hat zwei konkrete Folgen für Ihre Abgabe: Erstens nutzen Sie für die Steuerung Ihres Sketches ausschließlich die GUI-Elemente der Dev-Umgebung. Eigene Menüs, Bedienleisten oder andere selbstgebaute GUI-Elemente sind nicht zulässig. Damit bleibt die Bedienlogik aller Sketches im Kurs einheitlich und für die Übergabe in den anschließenden Kurs Interaction Design anschlussfähig.
Zweitens muss Ihr Sketch auf die in der Dev-Umgebung wählbaren Darstellungsflächen reagieren, also auf das quadratische Format, auf 16:9 und auf den Vollbildmodus. Ein Sketch, der nur in einer einzigen Darstellungsfläche funktioniert, erfüllt die Voraussetzungen nicht.
Diese beiden Punkte sind formale Mindestanforderungen und nicht Teil der inhaltlichen Bewertung. Wer sie nicht erfüllt, hat den Kurs nicht bestanden, unabhängig von der gestalterischen oder algorithmischen Qualität des Sketches im Übrigen.
Auch wenn der Kurs unbenotet ist, arbeite ich für das Feedback mit fünf Niveaustufen. Sie machen meine Einschätzung Ihrer Arbeit nachvollziehbar und geben Ihnen Orientierung, wo Sie stehen und wohin Sie sich entwickeln können. Ab der Stufe «Akzeptable Lösung» gilt der Kurs als bestanden.
Jede Stufe wird entlang von vier Dimensionen beschrieben: Auseinandersetzung & Iteration, Vermittlung, gestalterisches Repertoire und algorithmisches Repertoire. Diese vier Dimensionen ergeben sich direkt aus den Sektionen Ihrer Case Study und aus dem, was wir im Kurs zusammen erarbeiten.
Ergänzend finden Sie zu jeder Stufe eine Kundenperspektive. Sie übersetzt die jeweilige Bewertung in eine berufliche Alltagssituation: Wie würde ein Kunde reagieren, der eine Arbeit auf diesem Niveau erhält? Diese Perspektive ist nicht Teil der Bewertung selbst, sondern eine Einordnung. Sie soll Ihnen sichtbar machen, was die Stufen jenseits der Hochschule praktisch bedeuten, und Sie früh mit dem Maßstab in Berührung bringen, an dem gestalterische Arbeit später gemessen wird.
Die Case Study überzeugt, überrascht, lädt zur Interaktion und Diskussion ein, weil das Artefakt eine eigenständige gestalterische Position bezieht und der Weg dorthin nachvollziebar und interessant erzählt wird.
Auseinandersetzung & Iteration: Die Stationen zeigen einen substantiellen Entwicklungsweg, samt nachvollziehbarer Bruchstelle oder produktiver Sackgasse. Die Erkenntnis-Sektion enthält eine Einsicht, die über das Projekt hinaus trägt.
Vermittlung: Eine fremde dritte Person versteht ohne Rückfrage, was das Artefakt tut, warum es so aussieht und wie es entstanden ist. Captions sind präzise und ökonomisch, das Video setzt das Artefakt richtig in Szene. Beim Rundgang führen Sie souverän durch das Artefakt, nehmen Fragen auf und ordnen Ihre Entscheidungen sicher ein.
Gestalterisches Repertoire: Das Hackday-Thema wird eigenständig interpretiert. Die Case Study bringt etwas auf, das man so aus den Kursaufgaben nicht kennt.
Algorithmisches Repertoire: Bewusster, gezielter Einsatz der im Kurs eingeführten Techniken plus mindestens ein Schritt darüber hinaus.
Kundenperspektive: Ein Kunde wäre begeistert, würde die Arbeit ungefragt im eigenen Netzwerk zeigen und käme mit dem nächsten Auftrag zurück, bevor das Projekt überhaupt abgerechnet wäre.
Die Case Study ist souverän umgesetzt und trägt den Entwicklungsweg sicher durch und entwickelt Ansätze aus den Kursaufgaben sinnvoll weiter.
Auseinandersetzung & Iteration: Die Stationen zeigen einen nachvollziehbaren Entwicklungsweg, Veränderungen sind begründet. Die Erkenntnis ist substantiell und projektbezogen.
Vermittlung: Verständlich aufbereitet, kleine Lücken möglich. Video und Erläuterungen sind nachvollziehbar und verständlich. Beim Rundgang stellen Sie Ihr Artefakt klar vor und beantworten Rückfragen sicher.
Gestalterisches Repertoire: Sichere Anwendung des Repertoires mit eigenständiger Variation der Aufgabenstellung.
Algorithmisches Repertoire: Saubere Umsetzung, alle relevanten Techniken werden bewusst eingesetzt.
Kundenperspektive: Ein Kunde wäre zufrieden, nähme die Arbeit ohne Diskussion ab und behielte die Kontaktdaten für den nächsten Auftrag.
Die Case Study wirkt solide gebaut, bleibt in der Auseinandersetzung aber an der Oberfläche.
Auseinandersetzung & Iteration: Drei Stationen sind erkennbar, der Weg dazwischen lässt sich nachzeichnen, Begründungen bleiben jedoch teils oberflächlich. Die Erkenntnis ist knapp, aber vorhanden.
Vermittlung: Das Grundprinzip wird vermittelt, Dritte hätten Rückfragen. Erzählfluss mit Lücken. Beim Rundgang gelingt die Vorstellung im Kern, Erläuterungen wirken jedoch unvorbereitet oder ungeordnet.
Gestalterisches Repertoire: Aufgabenstellung wurde ordentlich umgesetzt, wenig eigene Akzente.
Algorithmisches Repertoire: Eingesetzte Techniken funktionieren, wirken aber eher übernommen als reflektiert.
Kundenperspektive: Der Kunde nähme die Arbeit ab, käme aber mit einer Liste an Änderungswünschen zurück und vergleicht beim nächsten Auftrag mit anderen Anbietern.
Das Case Study Website ist formal erfüllt, alle Sektionen sind da, der Sketch läuft. Die Bearbeitung bleibt jedoch auf Mindestniveau.
Auseinandersetzung & Iteration: Die drei Stationen sind sichtbar, wirken aber als Pflichterfüllung. Veränderungen werden behauptet, nicht eingeordnet. Die Erkenntnis ist ein Pflichtsatz, aber nicht leer.
Vermittlung: Reicht aus, um das Artefakt zu erkennen, bleibt visuell und sprachlich hinter dem Format zurück. Beim Rundgang ist Ihr Artefakt zu sehen, die mündliche Einordnung bleibt knapp und bleibt am Sketch selbst hängen.
Gestalterisches Repertoire: Mindestbearbeitung des Hackday-Themas erkennbar.
Algorithmisches Repertoire: Funktionsfähiger Sketch auf Basis der Kursaufgaben, ohne erkennbare Erweiterung.
Kundenperspektive: Der Kunde nähme die Arbeit ab, weil das Geforderte da ist, wäre aber nicht überzeugt und beauftragt beim nächsten Projekt jemand anderen.
Mindestens eine der vier Dimensionen ist substantiell unterschritten, sodass die Case Study ihre Funktion nicht erfüllt.
Auseinandersetzung & Iteration: Stationen fehlen, sind nicht voneinander unterscheidbar oder zeigen keinen nachvollziehbaren Weg. Erkenntnis fehlt oder ist beliebig.
Vermittlung: Ohne mündliche Erläuterung nicht verständlich. Beim Rundgang ist keine Einordnung möglich, oder die Teilnahme am Rundgang findet ohne triftigen Grund nicht statt.
Gestalterisches Repertoire: Hackday-Thema wird nicht erkennbar bearbeitet.
Algorithmisches Repertoire: Sketch unvollständig oder läuft nicht.
Algorithmisches Repertoire: Sketch unvollständig oder läuft nicht. Auch ein Sketch, der außerhalb der bereitgestellten Dev-Umgebung läuft, eigene GUI-Elemente verwendet oder nicht auf die Darstellungsflächen reagiert, fällt in diese Stufe.
Kundenperspektive: Der Kunde würde die Abnahme verweigern, das Honorar zurückfordern und im Kollegenkreis warnen vor einer weiteren Beauftragung.
Eine Case Study im Design ist eine strukturierte Darstellung eines Designprojekts also eine Art „Dokumentation mit Story“, die zeigt, wie ein Problem gelöst wurde. Sie wird häufig in Portfolios von Designer:innen verwendet, um nicht nur das Ergebnis zu zeigen, sondern vor allem den Denkprozess und die Entwicklungsschritte dahinter.