wistoff / interaction-design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

»Interaction Design« Course @CoCo

Thumbnail

This repo documents the Interaction Design course for the Code & Context Bachelor's program at TH-Köln during the summer term of 2024.

View Course Description The course "Interaction Design (DF22)" offers an in-depth examination of the principles and methodologies involved in shaping interactions with digital artifacts and processes. It encompasses the study of various interaction paradigms such as GUIs and TUIs, supplemented by an exploration of Interaction Design history and interface materiality. Through practical exercises and projects, participants engage in the experimentation of prototypes and Creative Coding techniques, while critically analyzing established methods within the field.

Slides

Exercises

Timetable

01.04 Monday: Holiday
02.04 Tuesday: Introduction & History of Interaction Design
03.04 Wednesday: Self-learning day, Research Exercise
04.04 Thursday: The User and the Square World, Exercise 1
05.04 Friday: Naturalness || Conditioning, Exercise 2

08.04 Monday: Exercise 2
09.04 Tuesday: Exercise 3
10.04 Wednesday: Self-learning day, Group work, Feedback
11.04 Thursday: Exercise 3
12.04 Friday: Presentations 

Course Requirements and Evaluation

View Course Requirements and Evaluation

Dokumentation

Die Dokumentation ist das Kernelement des Kursergebnisses. Sie sollte die Bearbeitung der drei 3 Teilaufgaben als Prozess darstellen. Besondere Wichtigkeit liegt auf den verschiedenen Iterationen und der Begründung von Entscheidungsfindungen. Warum wurden bestimmte Formen der Interaktion anderen Gegenüber bevorzugt? Was war das Spannende, was hat warum funktioniert? Das finale Ergebnis der selbstgewählten Interaktion sollte in der Dokumentation enthalten sein, jedoch nicht den Fokus der Dokumentation einnehmen. Die Darstellung und das Medium (PDF, Website, Videodokumentation, ...) ist frei wählbar.

Präsentation (approx. 15min)

Die Präsentation hat das Ziel, die selbstdefinierte Aufgabe darzustellen. Sie dient dazu, die Milestones des Prozesses darzustellen. Beantwortet auch hier die „Warum“-Fragen. Warum wurde sich für diese Form der Interaktion entschieden, welche Iterationen gab es, warum wurden bestimmte wieder verworfen? Was kam am Ende dabei raus und was ist an der gewählten Interaktion so spannend? Die Präsentation ist kein Pitch des Endergebnisses!

Bewertung

60% Bewertung der Abgabe (Dokumentation)

  • Ausführliche Dokumentation der Teilaufgaben
  • Nachvollziehbarkeit des Prozesses und Begründbarkeit der getroffenen Entscheidungen, in allen 3 Teilaufgaben
  • Qualität der Dokumentation (passend gewähltes Medium, Prozessdarstellungen, Fotos, Texte, ...)

30% Bewertung der Präsentation (selbstdefinierte Aufgabe)

  • Iterativer Gestaltungsprozess (es wurden verschiedene Experimente durchgeführt)
  • Begründbarkeit der getroffenen Entscheidungen
  • Präsentationsweise
  • Konzeptuelle und gestalterische Umsetzung der „selbstgewählten Interaktion“

10% Bewertung des Arbeitsprozess in Einzel & Gruppenarbeit

  • Zwischenpräsentationen
  • konstruktive Diskussionen

About


Languages

Language:Vue 66.9%Language:TypeScript 16.8%Language:CSS 16.3%