Projekt 2020

Das diesjährige Projekt dreht sich um das Cranach Digital Archive (CDA), eine Initiative der Stiftung Museum Kunstpalast, Düsseldorf und der Technischen Hochschule Köln in Zusammenarbeit mit über 270 Museen, Forschungseinrichtungen und Kirchgemeinden in 30 Ländern, gefördert durch die Andrew W. Mellon Foundation.

Im Oktober 2009 begannen acht große Museen in Europa und den USA gemeinsam mit dem Museum Kunstpalast in Düsseldorf und der Technischen Hochschule Köln ein Forschungsprojekt zur digitalen Erschließung der Gemälde eines der bedeutendsten Maler der deutschen Renaissance: Lucas Cranach der Ältere. Gefördert wird das Projekt von der Andrew W. Mellon Foundation als Teil einer größeren Initiative, deren Ziel es ist, eine internetbasierte Infrastruktur für den Austausch und die Vermittlung neuer kunsthistorischer, technologischer und naturwissenschaftlicher Forschungsergebnisse zu entwickeln, welche die Grenzen von Institutionen und internationalen Grenzen überschreitet. Der umfangreiche Fundus an Bild- und Textinformationen soll der Öffentlichkeit ein tieferes Verständnis der Kunst Lucas Cranachs ermöglichen und die Forscher künftig dabei unterstützen, u. a. Fragen zu Zuschreibung und Werkstattorganisation zu beantworten.

Cranach Bildvergleich

Im Rahmen des Screendesign Projekts soll ein Gestaltungs- und Interktionskonzept für die Funktionserweiterung «Bilder vergleichen» entwickelt werden. Hierbei kann der Nutzer zwei oder mehrere Bilder miteinander vergleichen. Die Funktionserweiterung richtet sich an Experten. Orientieren Sie sich dabei an folgendem, groben User Flow.

#01 Bilder sammeln

Im ersten Schritt muss es Nutzern möglich sein Bilder zu merken oder zu sammeln, um sie später vergleichen zu können. Hierbei geht es um konkrete Bilder zu einem Werk, z.B. eine Gesamtaufnahme, eine Detailaufnahme oder eine Infrarotreflektographie.

#02 Bilder vergleichen

Im nächsten Schritt muss es dem Nutzer möglich sein, zwei der gemerkten Bilder zu vergleichen. Hier könnten einige Funktionen hilfreich sein, z.B. vergleichen von Stapeln, gleichzeitiges Zoomen, gleichzeitiges Panning, Ausschnitte wählen und vergleichen etc. Welche Funktionen hier interessant und wichtig sind, müssen Sie erarbeiten.

Screendesign
Projektaufgabe

Entwickeln Sie ein Gestaltungs- und Interktionskonzept für die Funktionserweiterung «Bilder vergleichen». Analysieren Sie das bestehende Design des Grafikbereichs und bauen Sie Ihre Erweiterung darauf auf. Berücksichtigen Sie die funktionalen und kommunikativen Ziele. Die Erweiterung muss für größere Touchdevices (z.B. Tablets) und WIMP-fähige Computer funktionieren.

Funktionen & erforderliche Screens

Welche Screens sind zu gestalten, welche Aufgabe haben sie und welche Funktionen enthalten sie?

Funktionsgruppe/ Screen	Funktion/ Erläuterung
Bilder sammeln	Hinzufügen & Entfernen: Es muss die Möglichkeit bestehen, einzelne Bilder zu einer Sammlung hinzufügen und entfernen zu können. Sammlung anzeigen: Es muss die Möglichkeit bestehen, sich alle gesammelten Bilder in einer Übersicht anzeigen zu lassen. Indikation: Überall, wo Bilder angezeigt werden, muss erkennbar sein, ob dieses Bild bereits Teil der Sammlung ist oder nicht. Sortierung: Eventuell sollten Bilder in der Sammlung sortiert werden können.
Bilder vergleichen	Bildauswahl: Sollte die Sammlung mehr als zwei Bilder enthalten, muss die Möglichkeit zur Auswahl von zwei Bildern gegeben werden, die dann schlussendlich verglichen werden. Vergleich starten und beenden: Der Vergleich muss gestartet und beendet werden können. Für die Vergleich sollte möglichst viel Fläche zur Verfügung gestellt werden. Aufteilung ändern (opt): Für bestimmte Use Cases könnte es hilfreich sein die Aufteilung der Darstellungsfläche zu ändern, so dass z.B. einem Bild mehr Platz zur Verfügung gestellt wird, als dem anderen. Lock Zoom (opt): Für bestimmte Use Cases könnte es hilfreich sein den Zoom für beide Bilder zu verriegeln, so dass dann in beide Bilder synchron gezoomt werden kann. Lock Panning (opt): Für bestimmte Use Cases könnte es hilfreich sein das Panning für beide Bilder zu verriegeln, so dass dann beide Bilder synchron verschoben werden können. Multi Compare (opt): Für bestimmte Use Cases könnte es hilfreich sein mehr als nur zwei Bilder vergleichen zu können. Stacks (opt): Für bestimmte Use Cases könnte es hilfreich sein ein Bild mit vielen anderen zu vergleichen. Die anderen Bilder könnten auf eine Art Stapel gelegt werden und dann kann in dem Stapel navigiert werden. Ausschnitte vergleichen (opt): Für bestimmte Use Cases könnte es hilfreich sein Ausschnitte aus den Bilder zu wählen und diese vergleichen zu können.

Funktionsgruppe/ Screen

Funktion/ Erläuterung

Bilder sammeln

Hinzufügen & Entfernen: Es muss die Möglichkeit bestehen, einzelne Bilder zu einer Sammlung hinzufügen und entfernen zu können.

Sammlung anzeigen: Es muss die Möglichkeit bestehen, sich alle gesammelten Bilder in einer Übersicht anzeigen zu lassen.

Indikation: Überall, wo Bilder angezeigt werden, muss erkennbar sein, ob dieses Bild bereits Teil der Sammlung ist oder nicht.

Sortierung: Eventuell sollten Bilder in der Sammlung sortiert werden können.

Bilder vergleichen

Bildauswahl: Sollte die Sammlung mehr als zwei Bilder enthalten, muss die Möglichkeit zur Auswahl von zwei Bildern gegeben werden, die dann schlussendlich verglichen werden.

Vergleich starten und beenden: Der Vergleich muss gestartet und beendet werden können. Für die Vergleich sollte möglichst viel Fläche zur Verfügung gestellt werden.

Aufteilung ändern (opt): Für bestimmte Use Cases könnte es hilfreich sein die Aufteilung der Darstellungsfläche zu ändern, so dass z.B. einem Bild mehr Platz zur Verfügung gestellt wird, als dem anderen.

Lock Zoom (opt): Für bestimmte Use Cases könnte es hilfreich sein den Zoom für beide Bilder zu verriegeln, so dass dann in beide Bilder synchron gezoomt werden kann.

Lock Panning (opt): Für bestimmte Use Cases könnte es hilfreich sein das Panning für beide Bilder zu verriegeln, so dass dann beide Bilder synchron verschoben werden können.

Multi Compare (opt): Für bestimmte Use Cases könnte es hilfreich sein mehr als nur zwei Bilder vergleichen zu können.

Stacks (opt): Für bestimmte Use Cases könnte es hilfreich sein ein Bild mit vielen anderen zu vergleichen. Die anderen Bilder könnten auf eine Art Stapel gelegt werden und dann kann in dem Stapel navigiert werden.

Ausschnitte vergleichen (opt): Für bestimmte Use Cases könnte es hilfreich sein Ausschnitte aus den Bilder zu wählen und diese vergleichen zu können.

Zahlen & Fakten

Die wesentlichen Informationen rund um die Funktionserweiterung.

Anwendung	Funktionserweiterung «Bilder vergleichen»
unterstütze Geräte	Touchdevices ab 9" WIMP Geräte
Zielgruppe	Experten
Aktueller Prototyp	lucascranach.org: Übersichtsseite lucascranach.org: Detailseite (Zugangsdaten befinden sich im Ilias) Als Grundlage für den Prototyp kann diese Figma-Datei verwendet werden.
Kommunikationsziele/ Leitplanken	Das Cranach Digital Archive ist professionell, klar, möglichst einfach, reduziert, akzentuiert und zeitlos. Einige Gestaltungslemente sind bereits definiert. Alle Schriftgrößen und Abstände folgen der Renard 10 Serie. Das Farbschema kann auch invertiert werden, sprich: weiße Schrift auf dunklem Grund.

Deliverables, Projektteam & Prüfung

Die Arbeit erfolgt in 2er Teams. Im Rahmen des Screendesign Projekts müssen folgende Deliverables via Übergabepunkt abgegeben werden: Designkonzept als Mockup, Patternlab/Styleguide und Kurzdokumentation. Weitere Informationen dazu, auch zur Bewertung, finden Sie unter Niveaustufen und Deliverables.

Die Prüfung findet in Form einer Projektpräsentationsprüfung statt. Zur Prüfung müssen Sie sich im PSSO anmelden und einen Termin im Ilias buchen. Die Bewertung erfolgt mit Hilfe der Niveaustufen. Dies sollten Sie sich unbedingt zur Projektlaufzeit und vor der Prüfung anschauen, um zu wissen, was erwartet wird und ihre Arbeit entsprechend ausrichten. Hier finden Sie weitere Informationen zur Projektpräsentationsprüfung.