DE
Wir können die selbe Webseite besuchen und doch etwas unterschiedliches sehen. Durch Personalisierung, Individualisierung und Einstellungen ist dein Web-Erlebnis so einzigartig wie dein Fingerabdruck. Webseiten verändern ihre Form je nach User*in: Das Layout passt sich an, wenn man die Seite auf dem Handy öffnet, persönliche Präferenzen manifestieren sich im Dark oder Light Mode, Location-Tracking und User-Profiling bestimmen unsere Feeds sowie die Werbung darin.
Filterblasen, undurchsichtige Feed-Algorithmen und Datenschutzbedenken sind die eine Seite der Personalisierung im Netz. Was bedeutet Personalisierung darüber hinaus aus der Perspektive von Design und Code? Welche Herausforderungen stellt Responsiveness im Web für dessen Gestaltung? Wie kann der Einfluss der User*in auf die Webseite sichtbar gemacht werden? Welche User-Daten können wir sammeln – und sollten wir?
Wir erforschen, wie wir Webseiten gestalten und entwickeln, die sich an die User*in anpassen. Interaktive Benutzererfahrungen ermöglichen persönliche Designanpassungen, bedingte Verfügbarkeiten und verschiedene Ebenen der Autor*innenschaft: Die Erzählung schreibt sich in Abhängigkeit von den geklickten Links jedes Mal neu. Farb-Variablen können von Benutzerdaten abhängig gemacht werden – sei es von der Mausposition oder der Tageszeit. Wir können sogar unsere Designentscheidungen ganz deligieren – durch Einstellungsmöglichkeiten zum Beispiel.
Der Kurs besteht aus einer Einführung in die Grundlagen von HTML, CSS und JS, verschiedenen Inputs, Coding Sessions und Konsultationen. Einzeln oder in Gruppen werdet ihr kleine Web-Experimente zu verschiedenen Aspekten der Personalisierung designen und coden. Am Ende werden wir diese Experimente in Form eines digitalen Glossars veröffentlichen. Es sind keine Programmierkenntnisse erforderlich. Studenten ohne Coding-Erfahrung werden besonders zur Teilnahme ermutigt und es wird verschiedene Einstiegspunkte für unterschiedliche Erfahrungsstufen geben.
Seminar-Webseite
www.the-internet-of-me.katharinanejdl.com
Allgemeiner Coding-Support
Dieser Kurs kann auch als Raum für generellen Coding Support genutzt werden. Bring gerne dein Web-Projekt (z.B. aus einem anderen Kurs) mit und wir vereinbaren individuelle Feedbacks zu Design- & Develp0mentfragen, um die Umsetzung zu realisieren
EN
We can visit the same website but see different things. Through personalization, individualization and customization your web-experience becomes as unique as your fingerprint. Websites constantly change their shape depending on the user: The layout transforms responsively when you open it on the phone, personal preferences are manifested in the light or dark mode, location-tracking and user profiling tailors our feeds as well as the ads in it.
Filter bubbles, opaque feed algorithms and privacy concerns are one aspect of personalization on the Internet. Furthermore, what does personalization mean from a design and development point of view? What challenges does the responsive nature of the web pose for its design? How can the user’s influence on a website be made visible? Customization or personalization – what agency do we give the user?
We want to explore how we can design and develop websites that adapt to the user. What data can you collect from users to make a website more personal – and should you? Interactive user experiences allow for personal styles, conditional availabilities and different levels of authorship. The user can rewrite the narration depending on the links they click. Design variables can be made dependent on the user’s data, whether it is the mouse position or the time of day. We can even delegated our design decisions through customization options.
The course will consist of an introduction to the basics of HTML, CSS and JS, various inputs, coding sessions and consultations. Individually or in groups you will design and code small web experiments concerning different aspects of personalization. In the end we will published these experiments in form of a digital glossary. No coding skills are required. Students without prior programming experience are especially encouraged to attend and there will be different entry points for different experience levels.
Course Website
www.the-internet-of-me.katharinanejdl.com
General Coding Support
This course can also be used as a space for general coding support. Feel free to bring your website project (e.g. from another course) and we will arrange individual web design & development feedbacks to realize the implementation.
