← Kurse
Basiskurs Interaction Design
Prozess
Projekte
Vorlagen
How-To
Zeitplan
Winter 2025/2026
Woche 4
Agenda
Links von letzter Woche anschauen
Portraits & <img> Collagen anschauen
Aufgaben reflektieren
position fixed & sticky (
Bsp. 1
,
Bsp. 2
)
Kickoff nächstes Projekt:
Delight
TODO
für
Delight
mitbringen: „Storyboard“ auf Papier oder digital (was ist zu sehen, was ist die Interaktion, was passiert). Erste Skizzen (z.B. Papier, Code, Collagen mit Grafikprogramm). Wird besprochen
Woche 3
Links zum Thema Kamera & Computer
Lenna / JPG
Shrub
poetry.camera
Camera Restricta
Public Face II (Hamburg)
(
A Camera Drama
)
Berghain-Trainer
Heutiges Projekt
Portrait
TODOs
Portrait
fertig machen. Idealerweise per
:hover
mindestens eine Interaktion hinzufügen
eine
<img> Collage
gestalten
Woche 2
Materialien
Input CSS
Link-Dump zum Thema Navigation, Bewegung, umherschweifen
Laura Defayes
FOMO Survival Kit
Julius von Bismarck
Top Shot Helmet
Chris Woebken & Kenichi Okada
Animal Superpowers
Tim Knowles
Windwalks
(
mehr Bilder
)
OpenGuessr
(kostenlose Variante von GeoGuessr)
Wonders of Street View
Radio Garden
LandLines
(siehe auch
Oko
)
Trailblazers Event
Wikipedia Game
TODOs
Walk
fertig machen und bis 5.1.2026 10 Uhr hochladen (Upload-Link und -Informationen am Ende der
Walk
-Seite)
Walk bis zum nächsten Treffen durchführen (ich schicke euch eine E-Mail, sobald der Walk startklar ist)
Bonus
Bsp. 4
und
ein Video als Erklärung
Woche 1
Wir haben heute
uns darauf geeignet, ab kommender Woche den Laborkurs auf Donnerstagnachmittag von 14:00-15:30 Uhr zu verlegen
die Übungen
„hack“
und
„un/lesbar“
gemacht
über das erste Projekt
„Walk“
gesprochen
TODOs
einen der Walks ausführen (
hier
)
sechs Anweisungen für
„Walk“
als sechs einzelne HTML-Dateien (technischen Input dazu im Laborkurs)