Neue Ansicht für das Cranach Digital Archive «Ortsbezogene Dartstellung der Artefakte»


Cansel Altunok & Vanessa Nussbaum

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

Im Rahmen des Screendesign Projekts soll ein Gestaltungs- und Interaktionskonzept für die neue Ansicht «Bildstandorte anzeigen» entwickelt werden, bei dem die Nutzer von der Ansichtsseite auf eine Weltkarte weitergeleitet werden. Diese Erweiterung soll dabei entweder auf der redaktionellen Startseite oder auf der Suchseite erreichbar sein und zur Weltkarte führen. Ebenfalls soll die Karte dem Nutzer interaktiv, eine Zoom- sowie Fullscreen- Möglichkeit bieten. Zuletzt soll die Funktion auf den verschiedenen Ansichten von Mobilgeräten, Tablets und WIMP-fähigen Geräten funktionieren.

Um diese Ziele umzusetzen, wurde die vorhandene redaktionelle und Suchseite von dem Cranach Archiv nach Farben, Abständen, Schriftart und Schriftgröße und Grundelemente analysiert. Diese Informationen dienten als Leitfaden zur Erstellung der Weltkartenansicht und wurden in einem Styleguide festgehalten. Nachdem die grundlegenden Aspekte des Stils festgelegt wurden, wurde zunächst die Funktionserweiterung geplant. Hauptziel der Weltkarten-Erweiterung ist es, dem Nutzer eine klare Übersicht über alle vorhandenen Artefakte weltweit zu bieten und gegebenenfalls eine Filterfunktion anzulegen, um ihm die Suche nach bestimmten Artefakten zu erleichtern. Um den Nutzer auf die Weltkarte zu leiten, wurde für die redaktionelle Seite ein Button erstellt, auf dem eine Landkarte abgebildet ist. Dieser wurde mit einer gelben Farbe gefüllt und rechts an den Unteren Bildrand platziert. Die Farbe zieht die Aufmerksamkeit des Nutzers auf sich, und die Position ist unübersehbar, sodass der Nutzer nicht danach suchen muss. Sobald man auf den Button klickt, wird man auf die Kartenansicht weitergeleitet. Auf dieser ist eine Karte, sowie eine Suchleiste mit verschiedenen Filteroptionen abgebildet. Am rechten unteren Bildrand der Karte ist zum zoomen, jeweils ein Button mit einem Plus und einem Minus. Am linken unteren Bildrand ist ein Fullscreen-Button angelegt worden. Wenn man auf diesen klickt, wird die Karte im Vollbildmodus angezeigt und die Suchleiste verschwindet. Wenn man zur Suchoption zurückkehren will, klickt man erneut auf den Full-Screen Button und die Suchleiste mit den Suchfiltern wird wiedergegeben. Auf der Weltkarte wird mit Viewports jeweils die Gesamtanzahl an Artefakten eines Landes angezeigt. Wenn man auf einen Viewport eines Landes klickt, wird ihm das Land größer angezeigt, indem weitere Viewports mit der Anzahl der Artefakten ,der jeweiligen Städte sind. Durch einen erneuten Mausklick auf einen Viewport werden ihm die genauen Standorte der Artefakte einer Stadt gezeigt. Die Anzeige, durch die Auswahl eines bestimmten Standortes, unterscheidet sich dann zwischen der Mobilen- und Desktop/Tablet-Version.

Auf der mobilen Version wird einem eine Kurzansicht von den Artefakten des Standortes angezeigt. Auf dieser kann man sich durch die verschiedenen Bilder des Standortes klicken. Gleichzeitig werden einem der Name und das Entstehungsjahr des Artefakts wiedergegeben . Ein Bild kann dann durch die Icons darunter gespeichert und geteilt werden, oder man wird durch das Klicken auf das Informations-Icon auf die Detailseite des Bildes weitergeleitet. Man kann diese Ansicht verlassen, indem man auf den kleinen Pfeil rechts unten drückt und kommt auf die Kartenansicht zurück. Auf der Desktop/Tablet-Version werden die Bilder unmittelbar über dem Standort auf der Karte angezeigt. Über dem Bild steht der Name des Standortes. Durch das klicken auf den Pfeil, jeweils links und rechts des Bildes, werden die weiteren Artefakte des Standortes angezeigt. Auf dem linken unteren Bildrand des Artefakts steht die Anzahl und auf der rechten Seite ein kleines Informations Icon. Wenn man auf diesen klickt, geht ein kleiner Kasten rechts von dem Artefakt auf, auf dem Kurzinfomationen angezeigt werden. In dem Kasten sind ebenfalls wieder Icons enthalten, mit denen man das Bild speichern und teilen kann oder man wird auf die Detailseite weitergeleitet. Wenn man auf die Detailseite kommt, kann man diese verlassen, indem man auf den Button mit der Landkarte auf dem rechten unteren Bildrand klickt, oder indem man auf der Header Navigationsleiste auf “Ortsbezogene Darstellung” auswählt.

Style-Guide

Styleguide für das Projekt von Cansel Altunok & Vanessa Nussbaum