Migration der Kontaktbox

Im Rahmen der Migration wird die bisherige Kontaktbox in das neue Inhaltselement Kontakt-Karte überführt. Die Kontakt-Karte ersetzt die bisherige Kontaktbox und bietet eine modernisierte Darstellung, auswählbare Hintergrundfarben sowie eine angepasste Bild- und Symbolausgabe.

Allgemeine Hinweise

Dabei gilt grundsätzlich:

Die bisherigen Kontaktboxen werden automatisiert in Kontakt-Karten migriert.
Vorhandene Inhalte werden soweit möglich übernommen.
Die Darstellung wird sich nach der Migration verändern.
Bitte prüfen Sie Kontakt-Karten nach der Migration im Frontend.

Neues Inhaltselement „Kontakt-Karte“

Für die Migration wurde ein neues Inhaltselement Kontakt-Karte angelegt.

Was ändert sich?

Die bisherige Kontaktbox wird in das neue Inhaltselement Kontakt-Karte migriert.
Die Kontakt-Karte verfügt über ein angepasstes Styling.
Für Kontakt-Karten stehen auswählbare Hintergrundfarben zur Verfügung.
Standardmäßig wird die Kontakt-Karte mit dunkelblauem Hintergrund ausgegeben.
Die Darstellung der Kontakt-Karte wurde an die Darstellung der Teaser-Karte angelehnt.
Die Kontakt-Karte verwendet einen vereinfachten Rich-Text-Editor.

Hintergrundfarben

Für Kontakt-Karten stehen künftig mehrere Hintergrundfarben zur Auswahl.

Was ändert sich?

Kontakt-Karten können mit unterschiedlichen Hintergrundfarben ausgegeben werden.
Standardmäßig wird die Kontakt-Karte mit dunkelblauem Hintergrund ausgegeben.
Zur Auswahl stehen:
- Dunkelblau als Standard
- Gelb
- Hellgrau
- Hellblau
- ohne Hintergrundfarbe

Vereinfachter Rich-Text-Editor

Die Kontakt-Karte verwendet einen reduzierten Rich-Text-Editor.

Was ändert sich?

Es stehen nur die für die Kontakt-Karte vorgesehenen Formatierungen zur Verfügung.
Neu ist außerdem, dass die über die Stilauswahl ausgewählten Icons direkt im Textfeld des Rich-Text-Editors angezeigt werden. Dadurch ist bereits bei der Bearbeitung besser erkennbar, welches Icon einem Kontakt-Eintrag zugeordnet ist.
Für einen Textabschnitt darf jeweils nur ein Icon-Stil ausgewählt werden. Werden versehentlich mehrere Icon-Stile auf denselben Textabschnitt angewendet, ist diese Kombination unzulässig. Im Rich-Text-Editor wird dies durch ein rotes X dargestellt. Im Frontend wird in diesem Fall kein Icon ausgegeben.
Dadurch bleibt die Darstellung der Kontaktinformationen einheitlicher und besser steuerbar.

Bitte prüfen Sie nach der Migration insbesondere längere Kontaktangaben, Links und zusätzliche Hinweise, da sich die Formatierung gegenüber der bisherigen Kontaktbox verändern kann.

Darstellung der Kontaktinformationen

Die Kontaktinformationen werden in der Kontakt-Karte optisch strukturiert ausgegeben.

Was ändert sich?

Kontaktangaben werden einheitlicher dargestellt.
Die Ausgabe orientiert sich an einer Listendarstellung mit Icons.
Icons können über eine Stilauswahl hinzugefügt werden.
Absätze innerhalb der Kontaktinformationen werden technisch so ausgegeben, dass sie wie einzelne Einträge dargestellt werden.

Bitte prüfen Sie nach der Migration, ob die Kontaktinformationen weiterhin vollständig, verständlich und in der gewünschten Reihenfolge dargestellt werden.

Eingaberegeln

Bitte beachten Sie beim Erfassen von Kontaktdaten die folgenden Eingaberegeln:

Mehrzeilige Angaben innerhalb eines Kontakt-Eintrags
Zusammengehörige Informationen, zum Beispiel eine vollständige Adresse, bleiben in einem gemeinsamen Kontakt-Eintrag. Für einen Zeilenumbruch innerhalb dieses Eintrags verwenden Sie Shift + Enter unter Windows/Linux beziehungsweise Shift + Return unter macOS.
Alternativ können Sie im Rich-Text-Editor das Symbol für den manuellen Zeilenumbruch verwenden.
Neuer Kontakt-Eintrag mit eigenem Icon
Soll ein neuer Kontakt-Eintrag angelegt werden, der ein eigenes Icon erhalten kann, verwenden Sie einen einfachen Zeilenabschluss mit Enter unter Windows/Linux beziehungsweise Return unter macOS.
Wichtig
Verwenden Sie Enter beziehungsweise Return nicht für zusammengehörige mehrzeilige Angaben. Dadurch wird ein neuer Kontakt-Eintrag erzeugt. Für Adressen oder andere zusammengehörige Informationen nutzen Sie stattdessen den manuellen Zeilenumbruch.

Icons

Die Iconausgabe wurde angepasst und erweitert.

Was ändert sich?

Über die Stilauswahl können folgende Icons beziehungsweise Darstellungsvarianten ausgewählt werden:

Telefon
Fax
E-Mail
Verlinkung
Postanschrift
Öffnungszeiten
ORCID
Information
kein Icon

Für Informationen sowie ORCID stehen neue Icons zur Verfügung. Das bisherige Skype-Icon entfällt.

Wenn kein Icon ausgewählt wird, wird kein Symbol ausgegeben.

Bitte beachten Sie: Pro Kontakt-Eintrag sollte nur ein Icon-Stil verwendet werden. Werden mehrere Icon-Stile auf denselben Textabschnitt angewendet, zeigt der Rich-Text-Editor dies mit einem roten X an. Im Frontend wird dann kein Icon ausgegeben.

Bitte prüfen Sie nach der Migration, ob die passenden Symbole angezeigt werden und ob Kontaktinformationen weiterhin verständlich dargestellt sind.

Faxnummern

Die Ausgabe von Faxnummern wurde angepasst.

Was ändert sich?

Faxnummern werden weiterhin angezeigt.
Faxnummern werden nicht mehr verlinkt.

Bilder in der Kontakt-Karte

Die Bilddarstellung der Kontakt-Karte wurde überarbeitet. Dabei wird zwischen bereits vorhandenen, migrierten Bildern und neu hochgeladenen Bildern unterschieden.

Was ändert sich?

Bereits vorhandene Bilder aus den bisherigen Kontaktboxen werden bei der Migration übernommen.
Diese migrierten Bilder können in der neuen Kontakt-Karte zunächst kleiner dargestellt werden, damit sie nicht künstlich vergrößert werden.
Eine automatische Vergrößerung würde bei vielen älteren Bildern zu sichtbaren Qualitätsverlusten führen.
Neu hochgeladene Bilder verwenden das neue Darstellungskonzept der Kontakt-Karte.
Für eine gute Darstellungsqualität empfehlen wir, Bilder mit einer Bildbreite von mindestens 500 Pixeln zu verwenden.

Bitte beachten Sie: Wenn Sie ein migriertes Element nach der Migration bearbeiten und speichern, wird das vorhandene Bild nach den neuen Darstellungsregeln der Kontakt-Karte ausgegeben. Dabei kann es stärker hochskaliert werden und dadurch unscharf oder qualitativ schlechter wirken. Tauschen Sie das Bild in diesem Fall möglichst direkt gegen eine ausreichend große Bilddatei aus.

Desktop-Darstellung

In der Desktop-Darstellung gilt:

Das Bild wird nicht abgeschnitten.
Das Bild wird vollständig dargestellt.
Bild- und Textbereich werden innerhalb der Karte nebeneinander ausgegeben.
Je nachdem, welcher Bereich weniger Höhe einnimmt, wird die kleinere Spalte optisch aufgefüllt.
Das kann entweder den Bildbereich oder den Textbereich betreffen.
Das Bild wird nicht verzerrt.

Mobile Darstellung

In der mobilen Darstellung wird die Kontakt-Karte anders ausgegeben:

Bei hochformatigen Bildern nimmt das Bild die volle Höhe des vorgesehenen Bildbereichs ein.
Falls rechts und links freie Flächen entstehen, werden diese mit einem dunkelgrauen Hintergrund aufgefüllt.
Bei querformatigen Bildern nimmt das Bild die volle Breite des vorgesehenen Bildbereichs ein.
Falls oben und unten freie Flächen entstehen, werden diese ebenfalls mit einem dunkelgrauen Hintergrund aufgefüllt.
Das Bild wird nicht verzerrt.

Je nach Bildformat und Ausgabegerät kann die Darstellung daher unterschiedlich wirken.

Cropping

Für Bilder in der Kontakt-Karte ist Cropping möglich. Zur Verfügung stehen:

Hochformat
Querformat
freies Cropping

Damit kann der Bildausschnitt je nach verwendetem Bild und gewünschter Darstellung angepasst werden.

Bitte prüfen Sie nach der Migration, ob migrierte Bilder in der Kontakt-Karte ausreichend groß und qualitativ passend dargestellt werden. Falls ein Bild zu klein wirkt oder nicht mehr stimmig erscheint, sollte es bei Bedarf neu hochgeladen und anschließend über das Cropping-Tool angepasst werden.

Was sollten Sie nach der Migration prüfen?

Bitte prüfen Sie insbesondere:

ob alle Kontaktinformationen vollständig übernommen wurden,
ob Kontaktdaten weiterhin aktuell sind,
ob Links weiterhin korrekt funktionieren,
ob die passenden Icons ausgegeben werden,
ob im Rich-Text-Editor ein rotes X angezeigt wird und die Icon-Auswahl gegebenenfalls korrigiert werden muss,
ob pro Kontakt-Eintrag nur ein Icon-Stil ausgewählt wurde,
ob Text und Links gut lesbar sind,
ob die gewählte Hintergrundfarbe passend ist,
ob migrierte Bilder ausreichend groß dargestellt werden,
ob neu hochgeladene Bilder im neuen Darstellungskonzept stimmig wirken,
ob Bildausschnitte bei Bedarf über das Cropping-Tool angepasst werden sollten,
ob die mobile Darstellung weiterhin stimmig ist.

Die Migration übernimmt die vorhandenen Inhalte technisch, ersetzt aber keine redaktionelle Prüfung der Kontaktdaten, Links, Bilder, Bildausschnitte und Darstellung.