Funktionserweiterung «Bilder vergleichen» im Cranach Digital Archive


Tom Gerold & Jannis Klein

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

Der Auftrag: Das Lucas Cranach Digital Archive soll um die Funktionen “Bilder sammeln” und “Bilder vergleichen” erweitert werden. Der zur Verfügung gestellte Prototyp in Form eines Figma-Dokumentes gibt einen für den weiteren Workflow nützlichen Anfangspunkt. Die Archivansicht wird aus dem Prototypen ohne große Mühen übernommen. Um ein intuitives Verständnis der funktion “Bilder Sammeln” zu gewährleisten kommt ein runder Knopf mit zwei Zuständen zum Einsatz - Ein “+” im inneren als Indikation, dass ein Bild noch nicht in der Sammlung enthalten ist und dieser hinzugefügt werden kann und ein Häkchen, welches anzeigt, dass das Bild bereits teil der Sammlung ist. Bei Betätigung des Knopfes wechselt das Bild seinen Status in der Sammlung. Der Vorteil dieses Knopfes ist eine platz-sparende Integration in das Design, da die Knöpfe über den einzelnen Auszügen der Werke platziert sind. In der Archivansicht indiziert eine Nummer am unteren rechten Bildrand die Anzahl an Abzügen des Werkes, die in der Sammlung vorhanden sind. Die Sammlung wird durch betätigen des Switches in der oberen rechten Ecke des Screens angezeigt. Dieser Switch kann entweder auf “Archiv” oder “Sammlung” stehen; Der zur Zeit angezeigte Screen (Die Sammlung oder das Archiv) wird durch ein Highlight des dazugehörigen Bereiches des Switches indiziert. Die Sammlungsansicht verfügt über die selbe Such-/Filter-/Sortierfunktion wie die Archivansicht; Es ist dem Nutzer so müglich, nach spezifischen Werken innerhalb der Sammlung zu suchen beziehungsweise die Sammlung nach bestimmten Filtern zu sortieren. Des Weiteren verfügt die Sammlung über den Sortierfilter “Hinzugefügt am”, wodurch dem Benutzer die zur Sammlung hinzugefügten Bilder in chronologischer Reihenfolge bezüglich des Zeitpunktes, an dem sie zur Sammlung hinzugefügt wurden, angezeigt werden. Der Knopf “Vergleich starten” befindet sich in dem Header der Sammlung und dient der gleichnamigen Aufgabe. Wird der Knopf betätigt ist die Möglichkeit gegeben, zwei bis vier Bilder auszuwählen. Es werden nicht mehr als 4 Bilder zugelassen, da die einzelnen Bereiche, die den Bildern während des Vergleichs zur Verfügung gestellt werden sonst unsinnig groß ausfallen würden. Die zur Zeit ausgewählten Bilder werden mit einer Umrandung dargestellt. Nach der Auswahl wird der Knopf erneut betätigt und ein neuer Screen geöffnet, in dem die ausgewählten Bilder in für diese vorgesehenen Bereichen angezeigt werden. Es ist wichtig zu beachten, dass diese Bereiche den Großteil des Screens einnehmen, damit dem Vergleich der nötige Platz zur Verfügung steht. Es ist dem Nutzer möglich, die einzelnen Bilder in ihrem Bereich zu verschieben und in einzelne Teile der Bilder zu zoomen. Um den vorhandenen Platz so effizient wie möglich auszunutzen bedient sich der Screen, in dem dem Bilder verglichen werden eines Drop-Down Menüs. Diese Menüart hat den Vorteil, dass man insgesamt mehr Platz für den Screen zur Verfügung stellen kann, da der vorhandene Platz doppelt belegt werden können. Das Menü beinhaltet Slidebars, die den Zoom des jeweiligen Bildes verändern. Es ist durch die Schloss-Icons möglich, den Zoom der Bilder zu sperren. Sollte ein Slider gelockt sein und ein anderer bewegt werden, so bewegt sich der gelockte Slider mit. Des Weiteren befinden sich die Checkboxen mit dem Text “Lock Panning” in dem Menü. Diese Checkboxen bewirken bei aktivierung, dass Bilder gemeinsam verschoben werden können. Die Checkboxen können unabhängig voneinander aktiviert werden, wodurch die Bilder in beliebiger Kombination gelockt werden können. Durch die Pfeile zwischen den einzelnen Bildbtereichen ist es möglich, Bilder untereinander zu tauschen. Der Header des Screens beinhaltet drei Knöpfe: “Auswahl ändern”, “Ausschnitt wählen” und “Vergleich beenden”. Durch betätigen des Knopfes “Auswahl ändern” gelangt der Nutzer zurück in die Sammlung mit den bereits für den Vergleich markierten Bildern. Nun können neue Bilder dem Vergleich hinzugefügt oder bereits ausgewählte wieder entfernt werden. Der Knopf “Ausschnitt wählen” lässt den Nutzer einen Auschschnitt aus einem der Bilder wählen, der dem Vergleich daraufhin hinzugefügt wird. Es gilt zu beachten, dass diese Ausschnitte als eigenes Bild zählen und ihren eigenen Bereich zur Verfügung gestellt bekommen. Der Knopf “Ausschnitt wählen” ist dementsprechend nicht verfügbar, wenn bereits vier Bilder in der Auswahl vorhanden sind. Der Knopf “Vergleich beenden” beendet den Vorgang und öffnet die Standard-Sammlungsansicht.

Style-Guide

Styleguide für das Projekt von Tom Gerold & Jannis Klein