Funktionserweiterung «Bilder vergleichen» im Cranach Digital Archive


Beyza Kumas & Esra Sancak

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

Ein Projekt für das Modul Screendesign im Medieninformatik Bachelor an der TH Köln.

Das Projekt dreht sich um das Cranach Digital Archive (CDA). Im Rahmen des Projekts soll ein Gestaltungs- und Interaktionskonzept für die Funktionserweiterung «Bilder vergleichen» entwickelt werden. Hierbei kann der Nutzer Bilder auswählen und diese in einer Sammlung miteinander vergleichen.

Im ersten Schritt kann der Nutzer entscheiden welche Bilder man in die Sammlung hinzufügen, vergleichen oder anzeigen möchte. Diese wählt man aus, indem man das + Zeichen anklickt und dies wird dann gelb angezeigt. Wenn es gelb angezeigt wird, dann wurde es ausgewählt und wenn es grau angezeigt wird, dann wurde es nicht ausgewählt.

Im zweiten Schritt hat der Nutzer die Möglichkeit die Bilder nach Name, Datum, Maße, Auszügen und der zugehörigen Sammlung, also der Verwandtschaft zu sortieren. Diese werden dann entsprechend sortiert und angezeigt. Wenn der Nutzer die Bilder nach den Namen sortieren will, klickt man auf Name und es erscheint ein Häkchen daneben. Dies passiert auch bei den anderen Optionen. Der Nutzer kann Bilder aussuchen, die man vergleichen möchte, in dem man den Button unten klickt oder alles auswählt. Die Auswahl kann man auch mit dem Mülleimer-Icon löschen wobei ein neues Fenster den Nutzer fragt, ob man die Bilder löschen will oder nicht. Die Seite kann man dementsprechend schließen indem man das Kreuz anklickt. Auf der Seite unten mittig steht wie viele Bilder angezeigt und ausgewählt worden sind. Wenn man die Bilder vergleichen will, muss man den Button Bild vergleichen antippen. Man kann 2 bis 3 Bilder miteinander vergleichen, indem man diese auswählt und es erscheint dann ein neues Fenster wo der Nutzer gefragt wird, ob man die ausgewählten Bilder vergleichen will und wenn man auf JA anklickt kommt eine neue Seite wo die Bilder nebeneinander platziert stehen. Hier kann der Nutzer reinzoomen in dem er die Zoom Lupen-Icons anklickt. Die Bilder kann der Nutzer dann in groß oder in klein betrachten. Um die Bilder zu vergleichen, kann der Nutzer die + oder - Lupe verwenden, um dran zu zoomen und wenn man auf den Button Informationen anzeigen klickt werden alle Informationen angezeigt, die man bei der Option Sortieren nach nur einzeln einsehen kann. Wenn der Nutzer auf NEIN anklickt bleibt man auf der vorherigen Seite stecken und kann entweder die Seite ganz schließen oder die Bilder sortieren und neu auswählen.

Link zum Prototyp: https://www.figma.com/file/Fpgo42bq2uHRvkLIuRLbcd/PROJEKT-MIT-FUNKTION?node-id=0%3A1&viewport=222%2C337%2C0.020424040034413338

Style-Guide

Styleguide für das Projekt von Beyza Kumas & Esra Sancak