Differences

This shows you the differences between two versions of the page.

--- teaching:ba:courses:design-basics:sose26:semester-schedule [2026/03/22 14:02] – Felix Hardmood Beck
+++ teaching:ba:courses:design-basics:sose26:semester-schedule [2026/04/01 07:08] (current) – Leonie Winkelmann
@@ Line 4: / Line 4: @@
 ^   ^**Datum**   ^**Ort **   ^**Seminaristischer Unterricht** \\ Impuls, Kontext, Analyse, Aufgabe einführen ^**Praktikum** \\ technischer Einstieg, erste Übungen, Start der Mini-Challenges  ^**Aufgaben für den jeweiligen Tag** |
-^01|[[teaching:ba:courses:design-basics:sose26:25_03_26|Mi., 25.03.2026]]              |Raum E-015  |Kursauftakt. Einführung in Aufbau, Ziele und Arbeitsweise des Kurses. \\ \\ Überblick über die vier Leitfragen A–D und ihre Verbindung im späteren Kurzzeitprojekt: \\ \\ A. Wie entsteht visuelle Ausdrucksform? \\ B. Wie entsteht Bedienbarkeit und Interface-Logik? \\ C. Wie entsteht Verhalten, Dynamik oder Spiellogik? \\ D. Wie entsteht physische Verkörperung und prototypische Umsetzung? \\ \\ Gemeinsame Einordnung der Arbeitsweise im Kurs: Mini-Challenges als vorbereitende Teilaufgaben, die jeweils im seminaristischen Unterricht kontextualisiert, besprochen und für die praktische Arbeit geöffnet werden. |Einrichtung der Arbeitsumgebung. [[extras:codikon:p5js:einfuehrung_in_p5js|Einführung in p5.js]], Editor, Canvas, Grundstruktur eines Sketches, einfache Shapes, Farben, Text und Export. Erste kleine Übung: visuelle Reaktion auf Maus oder Tastatur. |– |
+^01|[[teaching:ba:courses:design-basics:sose26:25_03_26|Mi., 25.03.2026]]              |Raum E-015  |Kursauftakt. Einführung in Aufbau, Ziele und Arbeitsweise des Kurses. Überblick über die vier Leitfragen |[[extras:codikon:p5js:einfuehrung_in_p5js|Einführung in p5.js]] |– |
-^02|[[teaching:ba:courses:design-basics:sose26:01_04_26|Mi., 01.04.2026]]              |Raum E-015  |<color /#99d9ea>Block A1:</color> Wie entsteht visuelle Ausdrucksform? \\ \\ Impuls zu Typografie als Form, Rhythmus, Muster und Variable. Analyse ausgewählter Beispiele aus generativer Typografie, experimenteller Schrift und digitalen Zeichen-Systemen. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]]: Was bedeutet es, Buchstaben nicht nur zu setzen, sondern als gestaltbares Material zu verwenden? Welche Parameter erzeugen Wiedererkennbarkeit, Variation und eine erste visuelle Sprache? |Einführung Schrift und Typografie anhand von Indesign |[[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]] untersucht, wie aus Schrift, Form, Rhythmus und Variation eine visuelle Ausdrucksform entstehen kann. Im Mittelpunkt stehen Buchstaben als grafisches Material, der Umgang mit typografischen Parametern und die Entwicklung einer ersten kleinen visuellen Sprache in p5.js. Damit verbindet die Aufgabe typografische Grundlagen mit generativer Gestaltung im digitalen Medium. |
+^02|[[teaching:ba:courses:design-basics:sose26:01_04_26|Mi., 01.04.2026]]              |Raum E-015  |<color /#99d9ea>Block A1:</color> Wie entsteht visuelle Ausdrucksform? \\ \\ Impuls zu Typografie als Form, Rhythmus, Muster und Variable. Analyse ausgewählter Beispiele aus generativer Typografie, experimenteller Schrift und digitalen Zeichen-Systemen. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]]: Was bedeutet es, Buchstaben nicht nur zu setzen, sondern als gestaltbares Material zu verwenden? Welche Parameter erzeugen Wiedererkennbarkeit, Variation und eine erste visuelle Sprache? |[[..:einfuehrung_schrift_und_typografie_anhand_von_indesign|Einführung Schrift und Typografie anhand von Indesign]] |[[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]] untersucht, wie aus Schrift, Form, Rhythmus und Variation eine visuelle Ausdrucksform entstehen kann. Im Mittelpunkt stehen Buchstaben als grafisches Material, der Umgang mit typografischen Parametern und die Entwicklung einer ersten kleinen visuellen Sprache in p5.js.|
 ^03|<del>[[teaching:ba:courses:design-basics:sose26:08_04_26|Mi., 08.04.2026]]</del>   | heute kein Kurs wg. Osterferien  ||||
-^04|[[teaching:ba:courses:design-basics:sose26:15_04_26|Mi., 15.04.2026]]              |Raum E-015  |<color /#99d9ea>Block A2:</color> Besprechung der Hausaufgaben und Zwischenstände zu [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]] als Überleitung zu [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A2]]. Fokus auf Unterschied zwischen Effekt und System, Konsistenz und Variation, Lesbarkeit und Abstraktion. Vertiefungsimpuls zur Frage, wie aus typografischen Regeln, Entscheidungen und Parametern eine tragfähige visuelle Sprache für ein digitales Projekt entsteht und wie diese in A2 gezielt weiterentwickelt werden soll. |Format & Layout in Indesign |[[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A2]] vertieft die in A1 begonnene Arbeit zu einer konsistenteren und zugleich variablen visuellen Sprache. Im Mittelpunkt stehen der Unterschied zwischen Effekt und System, die Steuerung von Parametern sowie das Verhältnis von Lesbarkeit und Abstraktion. Damit zeigt die Aufgabe, wie aus einzelnen typografischen Entscheidungen ein nachvollziehbares gestalterisches System für digitale Anwendungen entstehen kann. |
+^04|[[teaching:ba:courses:design-basics:sose26:15_04_26|Mi., 15.04.2026]]              |Raum E-015  |<color /#99d9ea>Block A2:</color> Besprechung der Hausaufgaben und Zwischenstände zu [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A1]] als Überleitung zu [[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A2]]. Fokus auf Unterschied zwischen Effekt und System, Konsistenz und Variation, Lesbarkeit und Abstraktion. Vertiefungsimpuls zur Frage, wie aus typografischen Regeln, Entscheidungen und Parametern eine tragfähige visuelle Sprache für ein digitales Projekt entsteht und wie diese in A2 gezielt weiterentwickelt werden soll. |Format & Layout in Indesign |[[minichallenges#mini-challenge_a_wie_entsteht_visuelle_ausdrucksform|Aufgabe A2]] vertieft die in A1 begonnene Arbeit zu einer konsistenteren und zugleich variablen visuellen Sprache. Im Mittelpunkt stehen der Unterschied zwischen Effekt und System, die Steuerung von Parametern sowie das Verhältnis von Lesbarkeit und Abstraktion. |
-^05|[[teaching:ba:courses:design-basics:sose26:22_04_26|Mi., 22.04.2026]]              |Raum E-015  |<color /#99d9ea>Block B1:</color> Wie entsteht Bedienbarkeit und Interface-Logik? \\ \\ Impuls zu Interface als vermittelnder Schicht zwischen Mensch und System. Themen: Buttons, Zustände, Orientierung, Lesbarkeit, Hierarchie, Rückmeldung. Analyse einfacher Menü- und UI-Beispiele. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]]: Welche gestalterischen und funktionalen Entscheidungen machen eine Interaktion verständlich, erwartbar und benutzbar? |UI-Design |[[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]] untersucht, wie Bedienbarkeit und Interface-Logik aus klarer visueller und funktionaler Ordnung entstehen. Im Mittelpunkt stehen anklickbare Elemente, Zustände, Rückmeldungen und die Frage, wie Orientierung und Interaktion in p5.js verständlich gestaltet werden können. Damit verbindet die Aufgabe grafische Reduktion mit grundlegenden Prinzipien digitaler Benutzeroberflächen. |
+^05|[[teaching:ba:courses:design-basics:sose26:22_04_26|Mi., 22.04.2026]]              |Raum E-015  |<color /#99d9ea>Block B1:</color> Wie entsteht Bedienbarkeit und Interface-Logik? \\ \\ Impuls zu Interface als vermittelnder Schicht zwischen Mensch und System. Themen: Buttons, Zustände, Orientierung, Lesbarkeit, Hierarchie, Rückmeldung. Analyse einfacher Menü- und UI-Beispiele. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]]: Welche gestalterischen und funktionalen Entscheidungen machen eine Interaktion verständlich, erwartbar und benutzbar? |UI-Design |[[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]] untersucht, wie Bedienbarkeit und Interface-Logik aus klarer visueller und funktionaler Ordnung entstehen. Im Mittelpunkt stehen anklickbare Elemente, Zustände, Rückmeldungen und die Frage, wie Orientierung und Interaktion in p5.js verständlich gestaltet werden können. |
-^06|[[teaching:ba:courses:design-basics:sose26:29_04_26|Mi., 29.04.2026]]              |Raum E-015  |<color /#99d9ea>Block B2:</color> Besprechung der UI-Zwischenstände und Rückblick auf [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]] als Grundlage für [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B2]]. Fokus auf Verständlichkeit, Bedienbarkeit und grafische Kohärenz. Kurzer Impuls zur Reduktion im Interface-Design: Was ist notwendig, was ist überflüssig, und wie wird aus einzelnen Bedienelementen eine nachvollziehbare Interaktionslogik? |Einführung in XD |[[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B2]] vertieft den Aufbau eines nutzbaren Interface-Prototyps durch mehrere Zustände, Navigation und konsistente Rückmeldungen. Im Mittelpunkt stehen Verständlichkeit, Reduktion und die gestalterische Kohärenz zwischen einzelnen Bedienelementen. Damit zeigt die Aufgabe, wie aus ersten Interface-Bausteinen eine klar strukturierte und funktionierende Interaktionslogik entsteht.|
+^06|[[teaching:ba:courses:design-basics:sose26:29_04_26|Mi., 29.04.2026]]              |Raum E-015  |<color /#99d9ea>Block B2:</color> Besprechung der UI-Zwischenstände und Rückblick auf [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B1]] als Grundlage für [[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B2]]. Fokus auf Verständlichkeit, Bedienbarkeit und grafische Kohärenz. Kurzer Impuls zur Reduktion im Interface-Design: Was ist notwendig, was ist überflüssig, und wie wird aus einzelnen Bedienelementen eine nachvollziehbare Interaktionslogik? |Einführung in Figma |[[minichallenges#mini-challenge_b_wie_entsteht_bedienbarkeit_und_interface-logik|Aufgabe B2]] vertieft den Aufbau eines nutzbaren Interface-Prototyps durch mehrere Zustände, Navigation und konsistente Rückmeldungen. Im Mittelpunkt stehen Verständlichkeit, Reduktion und die gestalterische Kohärenz zwischen einzelnen Bedienelementen. |
 ^07|[[teaching:ba:courses:design-basics:sose26:06_05_26|Mi., 06.05.2026]]              |Raum E-015  |<color /#99d9ea>Block C1:</color> Wie entsteht Verhalten, Dynamik oder Spiellogik? \\ \\ Impuls zu Verhalten als Kern interaktiver Systeme. Themen: Regeln, Bewegung, Reaktion, Kollision, Ziel, Schwierigkeit, Punktelogik. Analyse kleiner Game-Mechaniken und Mikrospiele. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C1]]: Wie wird aus grafischen Elementen ein System, das auf Eingaben reagiert, Ziele formuliert und Spielverhalten erzeugt? |Einführung Illustrator |[[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C1]] untersucht, wie Verhalten, Bewegung und einfache Spiellogik in einem interaktiven System entstehen. Im Mittelpunkt stehen Regeln, Kollisionen, Reaktionen, Ziele und erste Formen der Punktevergabe. Damit erschließt die Aufgabe zentrale Grundlagen digitaler Medien, da Anwendungen nicht nur gestaltet, sondern auch in ihrem zeitlichen und systemischen Verhalten entworfen werden. |
-^08|[[teaching:ba:courses:design-basics:sose26:13_05_26|Mi., 13.05.2026]]              |Raum E-015  |<color /#99d9ea>Block C2:</color> Besprechung der Mikrospiele und Zwischenstände zu [[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C1]] als Ausgangspunkt für [[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C2]]. Fokus auf Lesbarkeit der Spielidee, Verständlichkeit der Regeln, Feedback und Motivation. Kurzer Vertiefungsimpuls zu Balancing, Wiederholung und Komplexitätsreduktion: Welche Elemente braucht ein kleines Spiel wirklich, damit es nachvollziehbar und spielbar bleibt? |Einführung in TinkerCAD |[[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C2]] vertieft das in C1 entwickelte Spielsystem zu einem kleinen spielbaren Prototyp mit mehreren Zuständen und klarerem Feedback. Im Mittelpunkt stehen Game Over, Neustart, steigende Schwierigkeit, Balancing und die Lesbarkeit der Spielidee. Damit zeigt die Aufgabe, wie aus einer einfachen Mechanik ein nachvollziehbares interaktives System mit Dynamik, Motivation und strukturiertem Verhalten entsteht. |
+^08|[[teaching:ba:courses:design-basics:sose26:13_05_26|Mi., 13.05.2026]]              |Raum E-015  |<color /#99d9ea>Block C2:</color> Besprechung der Mikrospiele und Zwischenstände zu [[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C1]] als Ausgangspunkt für [[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C2]]. Fokus auf Lesbarkeit der Spielidee, Verständlichkeit der Regeln, Feedback und Motivation. Kurzer Vertiefungsimpuls zu Balancing, Wiederholung und Komplexitätsreduktion: Welche Elemente braucht ein kleines Spiel wirklich, damit es nachvollziehbar und spielbar bleibt? |Einführung in TinkerCAD |[[minichallenges#mini-challenge_c_wie_entsteht_verhalten_dynamik_oder_spiellogik|Aufgabe C2]] vertieft das in C1 entwickelte Spielsystem zu einem kleinen spielbaren Prototyp mit mehreren Zuständen und klarerem Feedback. Im Mittelpunkt stehen Game Over, Neustart, steigende Schwierigkeit, Balancing und die Lesbarkeit der Spielidee. |
-^09|[[teaching:ba:courses:design-basics:sose26:20_05_26|Mi., 20.05.2026]]              |Raum E-015  |<color /#99d9ea>Block D1:</color> Wie entsteht physische Verkörperung und prototypische Umsetzung? \\ \\ Impuls zu physischen Interfaces, Ergonomie, Materialität, Gehäusen und Bedienhandlungen. Analyse einfacher Controller und Eingabegeräte. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D1]]: Wie lässt sich ein digitales Prinzip, eine Spielfunktion oder eine grafische Idee in eine physische Form, ein Objekt oder einen Controller übersetzen? |Einführung in Adobe Dimension, 3D Stager |[[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D1]] untersucht, wie ein digitales Zeichen in eine physische Form überführt werden kann. Im Mittelpunkt stehen Übersetzung, Reduktion, räumliches Denken und die Frage, wie Wiedererkennbarkeit auch im dreidimensionalen Objekt erhalten bleibt. Damit verbindet die Aufgabe grafische Gestaltung, digitale Modellierung und erste praktische Erfahrungen mit additiver Fertigung. |
+^09|[[teaching:ba:courses:design-basics:sose26:20_05_26|Mi., 20.05.2026]]              |Raum E-015  |<color /#99d9ea>Block D1:</color> Wie entsteht physische Verkörperung und prototypische Umsetzung? \\ \\ Impuls zu physischen Interfaces, Ergonomie, Materialität, Gehäusen und Bedienhandlungen. Analyse einfacher Controller und Eingabegeräte. Einführung und gemeinsame Besprechung von [[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D1]]: Wie lässt sich ein digitales Prinzip, eine Spielfunktion oder eine grafische Idee in eine physische Form, ein Objekt oder einen Controller übersetzen? |Einführung in Adobe Dimension, 3D Stager |[[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D1]] untersucht, wie ein digitales Zeichen in eine physische Form überführt werden kann. Im Mittelpunkt stehen Übersetzung, Reduktion, räumliches Denken und die Frage, wie Wiedererkennbarkeit auch im dreidimensionalen Objekt erhalten bleibt. |
-^10|[[teaching:ba:courses:design-basics:sose26:27_05_26|Mi., 27.05.2026]]              |Raum E-015  |<color /#99d9ea>Block D2:</color> Besprechung der Entwürfe und Modelle zu [[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D1]] als Vorbereitung auf [[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D2]]. Fokus auf Verhältnis von Spielmechanik, Bedienhandlung und physischer Form. Kurzer Vertiefungsimpuls zu prototypischem Denken: testen statt perfektionieren. Dabei wird geklärt, wie konstruktive, funktionale und gestalterische Entscheidungen in D2 gezielt weitergeführt werden. |Einführung Photoshop |[[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D2]] vertieft die Überführung eines digitalen Zeichens in ein physisches Objekt durch eine zusätzliche konstruktive oder funktionale Ebene. Im Mittelpunkt stehen Variation, technische Umsetzung und die Frage, wie ein formal reduziertes App-Icon durch Bewegung, Verbindung oder Materialergänzung erweitert werden kann. Damit verbindet die Aufgabe digitale Formentwicklung mit prototypischem Denken, Design for Fabrication und weiterführenden Erfahrungen im 3D-Druck. |
+^10|[[teaching:ba:courses:design-basics:sose26:27_05_26|Mi., 27.05.2026]]              |Raum E-015  |<color /#99d9ea>Block D2:</color> Besprechung der Entwürfe und Modelle zu [[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D1]] als Vorbereitung auf [[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D2]]. Fokus auf Verhältnis von Spielmechanik, Bedienhandlung und physischer Form. Kurzer Vertiefungsimpuls zu prototypischem Denken: testen statt perfektionieren. Dabei wird geklärt, wie konstruktive, funktionale und gestalterische Entscheidungen in D2 gezielt weitergeführt werden. |Einführung Photoshop |[[minichallenges#mini-challenge_d_wie_entsteht_physische_verkoerperung_und_prototypische_umsetzung|Aufgabe D2]] vertieft die Überführung eines digitalen Zeichens in ein physisches Objekt durch eine zusätzliche konstruktive oder funktionale Ebene. Im Mittelpunkt stehen Variation, technische Umsetzung und die Frage, wie ein formal reduziertes App-Icon durch Bewegung, Verbindung oder Materialergänzung erweitert werden kann. |
-^11|[[teaching:ba:courses:design-basics:sose26:03_06_26|Mi., 03.06.2026]]              |Raum E-015  |Einführung in das <color /#b5e61d>Kurzzeitprojekt</color>. Zusammenführung der Ergebnisse aus A–D. Impuls zu Scope, Reduktion und sinnvoller Projektgröße: kleines, klares und funktionierendes Game statt überladener Komplexität. Gemeinsame Besprechung der Projektaufgabe: Aus den bisherigen Mini-Challenges werden visuelle Sprache, Interface, Spiellogik und ggf. physische Komponente zu einem eigenständigen Vorhaben gebündelt. Projektteams bzw. Einzelarbeiten festlegen, Spielideen besprechen und Projektbriefing präzisieren. |Technische Projektstart-Phase. Struktur eines kleinen Game-Projekts in p5.js, Ordnung im Code, Assets, Zustände und Arbeitsaufteilung. Beginn der Projektarbeit auf Basis vorhandener Mini-Challenges. |Projektidee schriftlich konkretisieren: Spielprinzip, visuelle Sprache, Interface, benötigte Inputs und geplanter Controller oder physische Komponente. |
+^11|[[teaching:ba:courses:design-basics:sose26:03_06_26|Mi., 03.06.2026]]              |Raum E-015  |Einführung in das <color /#b5e61d>Kurzzeitprojekt</color>. Zusammenführung der Ergebnisse aus A–D. Impuls zu Scope, Reduktion und sinnvoller Projektgröße: kleines, klares und funktionierendes Game statt überladener Komplexität. Gemeinsame Besprechung der Projektaufgabe: Aus den bisherigen Mini-Challenges werden visuelle Sprache, Interface, Spiellogik und ggf. physische Komponente zu einem eigenständigen Vorhaben gebündelt. Projektteams bzw. Einzelarbeiten festlegen, Spielideen besprechen und Projektbriefing präzisieren. |Einführung in Miro |Finden Sie sich in [[teaching:ba:courses:design-basics:sose26:gruppen|Teams]] zusammen und entwickeln Sie ein erstes Konzept für Ihr Mini-Projekt: ein kleines Game in p5.js. Konkretisieren Sie Spielidee, Ziel, Grundmechanik, visuelle Richtung und mögliche Interaktion. Erstellen Sie ein [[extras:wissikon:kreativitaetstechniken:moodboard|Moodboard]] zur gestalterischen Ausrichtung sowie ein [[extras:wissikon:design-development:storyboarding|Storyboard]] mit gescribbelten Vorschaubildern zum geplanten Spielablauf, zu Screens, Situationen oder Interaktionen. Die Ergebnisse werden in der kommenden Woche im Seminar besprochen. |
-^12|[[teaching:ba:courses:design-basics:sose26:10_06_26|Mi., 10.06.2026]]              |Raum E-015  |<color /#b5e61d>Projektbesprechung I.</color> Vorstellung und Diskussion der Konzepte, erste Zwischenstände und auftretende Probleme. Kurzer Impuls zu Iteration, Testing und klarer Nutzerführung im Spiel. Die Tagesaufgabe wird gemeinsam verortet: Was muss bis zum nächsten Termin in einen wirklich spielbaren Zwischenstand überführt werden, welche Kernfunktionen haben Priorität und welche Entscheidungen können vorerst zurückgestellt werden? |Begleitete Projektarbeit. Technische Betreuung bei Spiellogik, Interface, Feinschliff, Debugging und Integration einzelner Komponenten. |Projekt weiterentwickeln. Bis zum nächsten Termin soll ein spielbarer Zwischenstand vorliegen. |
+^12|[[teaching:ba:courses:design-basics:sose26:10_06_26|Mi., 10.06.2026]]              |Raum E-015  |<color /#b5e61d>Projektbesprechung I.</color> Vorstellung und Diskussion der Konzepte, erste Zwischenstände und auftretende Probleme. Kurzer Impuls zu Iteration, Testing und klarer Nutzerführung im Spiel. Die Tagesaufgabe wird gemeinsam verortet: Was muss bis zum nächsten Termin in einen wirklich spielbaren Zwischenstand überführt werden, welche Kernfunktionen haben Priorität und welche Entscheidungen können vorerst zurückgestellt werden? |Begleitete Projektarbeit |Entwickeln Sie auf Basis von Konzept, Moodboard und Storyboard einen ersten spielbaren Prototypen in p5.js. Setzen Sie zentrale Elemente Ihres Spiels um, etwa Grundmechanik, einfache Steuerung, erste visuelle Gestaltung und einen klar lesbaren Ablauf. Überarbeiten Sie bei Bedarf Storyboard und Konzept und halten Sie wichtige Iterationen und Zwischenstände mit Screenshots fest. Bis zum nächsten Termin soll ein spielbarer Zwischenstand vorliegen. |
-^13|[[teaching:ba:courses:design-basics:sose26:17_06_26|Mi., 17.06.2026]]              |Raum E-015  |<color /#b5e61d>Projektbesprechung II.</color> Sichtung der spielbaren Zwischenstände. Fokus auf Funktion, Verständlichkeit, visuelle Kohärenz und Spielerfahrung. Kurzer Impuls zu Testbeobachtung und gezielter Verbesserung. Die Tagesaufgabe wird konkret eingeführt: Wie führt man einen einfachen Test mit einer anderen Person durch, worauf sollte beobachtet werden und wie lassen sich die wichtigsten Erkenntnisse knapp, aber brauchbar dokumentieren? |Begleitete Projektarbeit mit Fokus auf Integration: UI, Spielmechanik, visuelle Sprache und ggf. physischer Controller zusammenführen. |Projekt gezielt überarbeiten. Mindestens einen Test mit einer anderen Person durchführen und die wichtigsten Erkenntnisse notieren. |
+^13|[[teaching:ba:courses:design-basics:sose26:17_06_26|Mi., 17.06.2026]]              |Raum E-015  |<color /#b5e61d>Projektbesprechung II.</color> Sichtung der spielbaren Zwischenstände. Fokus auf Funktion, Verständlichkeit, visuelle Kohärenz und Spielerfahrung. Kurzer Impuls zu Testbeobachtung und gezielter Verbesserung. Die Tagesaufgabe wird konkret eingeführt: Wie führt man einen einfachen Test mit einer anderen Person durch, worauf sollte beobachtet werden und wie lassen sich die wichtigsten Erkenntnisse knapp, aber brauchbar dokumentieren? |Einführung Keynote |Überarbeiten Sie Ihr Mini-Projekt auf Grundlage der Besprechung und testen Sie das Spiel mit mindestens einer anderen Person. Dokumentieren Sie die wichtigsten Erkenntnisse aus dem Test und leiten Sie daraus konkrete Verbesserungen für Spielmechanik, Lesbarkeit, Interface, Tempo oder Feedback ab. Finalisieren und schärfen Sie außerdem Moodboard, Storyboard und Konzept, sodass die gestalterische und spielerische Richtung konsistent nachvollziehbar bleibt. |
-^14|[[teaching:ba:courses:design-basics:sose26:24_06_26|Mi., 24.06.2026]]              |Raum E-015  |<color /#b5e61d>Projektbesprechung III.</color> Auswertung der Testläufe. Fokus auf letzte Anpassungen, Reduktion von Fehlern und Verbesserung des Gesamteindrucks. Kurzer Impuls zur Präsentation von Prototypen. Die Tagesaufgabe wird gemeinsam strukturiert: Was gehört in eine überzeugende Abgabe, wie werden Dateien, Modelle und Dokumentationen sinnvoll geordnet, und wie lässt sich das Projekt in der Präsentation knapp, nachvollziehbar und anschaulich darstellen? |Finale Produktionsphase. Technische Unterstützung bei Bugfixing, Export, Druck oder Montage letzter Bauteile, Dokumentation und Präsentationsvorbereitung. |Projekt finalisieren und Präsentation vorbereiten. Alle relevanten Dateien, Modelle und Dokumentationen geordnet ablegen. |
+^14|[[teaching:ba:courses:design-basics:sose26:24_06_26|Mi., 24.06.2026]]              |Raum E-015  |<color /#b5e61d>Projektbesprechung III.</color> Auswertung der Testläufe. Fokus auf letzte Anpassungen, Reduktion von Fehlern und Verbesserung des Gesamteindrucks. Kurzer Impuls zur Präsentation von Prototypen. Die Tagesaufgabe wird gemeinsam strukturiert: Was gehört in eine überzeugende Abgabe, wie werden Dateien, Modelle und Dokumentationen sinnvoll geordnet, und wie lässt sich das Projekt in der Präsentation knapp, nachvollziehbar und anschaulich darstellen? |Begleitete Projektarbeit. Fokus auf Dokumentation und Präsentationsvorbereitung |Finalisieren Sie Ihr Game in p5.js und bereiten Sie die Präsentation Ihres Projekts vor. Ordnen Sie Ihre Materialien so, dass Konzeptentwicklung, [[extras:wissikon:kreativitaetstechniken:moodboard|Moodboard]], [[extras:wissikon:design-development:storyboarding|Storyboard]], Prototyping, Iterationen und Verbesserungen nachvollziehbar dargestellt werden können. Sammeln Sie dafür aussagekräftige Screenshots der Zwischenstände und des finalen Spiels und strukturieren Sie Ihre Dateien, Dokumentationen und Präsentationsinhalte. |
-^15|[[teaching:ba:courses:design-basics:sose26:01_07_26|Mi., 01.07.2026]]              |Raum E-015  |<color /#b5e61d>Abschlusspräsentationen</color> und gemeinsame Reflexion. Präsentation der Kurzzeitprojekte mit Fokus auf Prozess, Entscheidungen, Funktion und Übertragbarkeit der vier Leitfragen A–D in das Endergebnis. Gemeinsame Auswertung des Kurses. Die Abschlussaufgabe wird im Seminarrahmen noch einmal gebündelt: Welche Bestandteile sind Teil der finalen Abgabe, wie werden Code, ggf. 3D-Modell, Dokumentation und Bildmaterial nachvollziehbar zusammengeführt und was lässt sich aus dem eigenen Prozess für weitere Projekte mitnehmen? |Präsentation, Spieltests und Sichtung der Ergebnisse im Kurs. Dokumentation der Projekte und Abschlussfeedback. |Abgabe des finalen Projekts mit Code, ggf. 3D-Modell, kurzer Dokumentation und ausgewählten Screenshots oder Fotos. |
+^15|[[teaching:ba:courses:design-basics:sose26:01_07_26|Mi., 01.07.2026]]              |Raum E-015  |<color /#b5e61d>Abschlusspräsentationen</color> und gemeinsame Reflexion. Präsentation der Kurzzeitprojekte mit Fokus auf Prozess, Entscheidungen, Funktion und Übertragbarkeit der vier Leitfragen A–D in das Endergebnis. Gemeinsame Auswertung des Kurses. Die Abschlussaufgabe wird im Seminarrahmen noch einmal gebündelt: Welche Bestandteile sind Teil der finalen Abgabe, wie werden Code, ggf. 3D-Modell, Dokumentation und Bildmaterial nachvollziehbar zusammengeführt und was lässt sich aus dem eigenen Prozess für weitere Projekte mitnehmen? ||Abgabe des finalen Projekts mit Code, ggf. 3D-Modell, kurzer Dokumentation in Form eines [[poster_mini-projekt|Posters mit ausgewählten Screenshots]]. |