Webseite für Designlabor Gutenberg-Intermedia © Christian Weber – Büro für Gestaltung und Kommunikation

Webdesign: Design for Participation – Timeline


Interactive- & Webdesign

Design for Participation – Eine interaktive Webseite zur Geschichte der Partizi­pation in der Gestaltung

Design for Partici­pation, Interactive- & Web­design, Grafikdesign

Entstanden in Kooperation mit Philipp Fauser

Abstract

Im Rahmen des Master­studien­gangs »Gutenberg-Intermedia«, Thema: »Design for Partici­pation« forschten 13 Studierdende und drei Professoren, zwei Semester lang nach partizi­pativen Projekten aus Kunst und Design, um die Geschichte der Partizi­pation in diesem Feld nach­voll­zieh­bar zu machen. Die gesamm­elten Ergeb­nisse sowie weitere Beiträge, u. a. in Form von Interviews, sollen nach einer Auswertung in einer gedruckten Publi­kation erscheinen. Gleich­zeitig ist Vorgesehen, die Inhalte auch in Form einer inter­aktiven Timeline der Öffent­lich­keit zugänglich gemacht werden.



Vorgehen

Hand in Hand mit der Gestal­tung des Buches wurde das Konzept, sowie die Gestal­tung für die inter­aktive Timeline entwickelt. Alle gesammelten Beiträge werden in chrono­logischer Reihen­folge darge­stellt. Durch verschiedene Filter­möglich­keiten kann die Menge der Inhalte reduziert werden bzw. nur Inhalte aus einem bestimmten Themen­gebiet angezeigen werden.

Das zentrale Navi­gations­element befindet sich am unteren Bild­schirm­rand. Es bildet die komplette Timeline von Anfang bis Ende ab. Um sich durch die Timeline zu bewegen, kann man diese Navigation benutzen oder horizontal scrollen. In jedem einzelnen Jahr kann man vertikal scrollen und sich so alle Bei­träge des Jahres anzeigen lassen. Mehr Infor­mationen zu einem Bei­trag erhält man in Form einer »Lightbox«, die sich über die eigent­liche Timeline legt.

Die komplette Webseite ist responsive konzi­piert und lässt sich dadurch auf ver­schie­denen Geräten perfekt dar­stellen und bedienen.

Startseite mit Begrüßungstext Webseite für Designlabor Gutenberg-Intermedia © Christian Weber – Büro für Gestaltung und KommunikationTimeline mit Projekteinträge Navigation mit Filtermöglichkeit und Suchfunktion am unteren Bildschirmrand Webseite für Designlabor Gutenberg-Intermedia  © Christian Weber – Büro für Gestaltung und KommunikationGefilterte Einträge Webseite für Designlabor Gutenberg-Intermedia  © Christian Weber – Büro für Gestaltung und KommunikationVertikale Scrollmöglichkeit je Zeiteinheit Webseite für Designlabor Gutenberg-Intermedia  © Christian Weber – Büro für Gestaltung und KommunikationVerbreiterung des Ansichtsbereichs je Zeiteinheit Webseite für Designlabor Gutenberg-Intermedia  © Christian Weber – Büro für Gestaltung und KommunikationLightbox mit Detailinformationen und Bildern je Projekteintrag Webseite für Designlabor Gutenberg-Intermedia  © Christian Weber – Büro für Gestaltung und KommunikationInformationsseite mit Projektinfo und Beteiligten Impressum Webseite für Designlabor Gutenberg-Intermedia  © Christian Weber – Büro für Gestaltung und Kommunikation