Neue Ansicht für das Cranach Digital Archive — “Ortsbezogene Dartstellung der Artefakte”​


Justin Penner & Paul Strebinger

Kontext
Cranach Digital Archive (CDA)
Modul
Screendesign
Semester
Wintersemester 2022/23
Studiengang
Medieninformatik Ba.

Die Projektaufgabe des Moduls Screendesign im Wintersemester 2022/23 ist das Hinzufügen einer Karten-Funktion, welche eine kompakte Übersicht über die Lokalitäten der Gemälde bieten soll.

Um die Aufgabe bestmöglich erfüllen zu können, haben wir uns zunächst eine Übersicht über das Cranach Digital Archive verschafft und wichtige Grundkonzepte der Seite festgehalten. Um die neuen Funktionen auf die bestehende Seite übertragen zu können, wurde im nächsten Schritt die Seite nachgebaut. Anschließend wurden Konzepte für die neue Karten-Funktion entwickelt und diskutiert. Im nächsten Schritt wurden verschiedene Möglichkeiten betrachtet, die neue Funktion in die bestehende Seite einzubetten und Verbindungspunkte, z.B. in Form von Buttons, zu implementieren. Auf Grundlage von Feedback näherten wir das Design der neuen Screens an das Design der bestehenden Seite an. Hierbei war vor allem die Berücksichtigung der verschiedenen Zoom-Stufen innerhalb der Karte eine große Herausforderung, da ab einem gewissen Punkt die Darstellung der Bilder an ihren Lokalitäten zu unübersichtlich wurde und wir eine neue Ansicht entwerfen mussten. Dabei haben wir uns dazu entschieden anstatt der Bilder, Kreise darzustellen, deren Größe im Verhältnis zu der Anzahl der Bilder an einem Ort variiert. Im Prozess der Umsetzung der Karten-Funktion, haben wir festgestellt, dass eine Favoriten-Funktion die Nutzerfreundlichkeit verbessern würde. Daher haben wir zu der eigentlichen Aufgabenstellung eine Like-Funktion hinzugefügt. Im letzten Schritt überarbeiteten wir die genannten Funktionen und überführten die entstandenen Screens in eine Tablet- und Smartphone-Version.

In diesem Projekt lernten wir, fortlaufende Designs zu entwickeln, die die Nutzerfreundlichkeit erweitern und verbessern können. Außerdem lernten wir neue Design-Konzept kennen, die bei der Umsetzung Schritte vereinfacht haben.

Style-Guide

Styleguide für das Projekt von Justin Penner & Paul Strebinger