Neues Journey-Design
Inhaltsverzeichnis
Wie du vielleicht bereits in unseren Release Notes gelesen hast, wurde das Journey-Design Schritt für Schritt weiterentwickelt. Unser Ziel ist es, die Benutzererfahrung deiner Kunden während des Journey-Prozesses deutlich zu verbessern.
Ab dem 28.06.2025 tritt das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft – auch Journeys auf Websites sind davon betroffen. Deshalb empfehlen wir dir, alle Journeys bereits jetzt auf das neue Journey-Design umzustellen. Das neue Design ist nicht nur schneller, stabiler und moderner, sondern erfüllt auch die Anforderungen des BFSG in Bezug auf digitale Barrierefreiheit. Außerdem stehen alle neuen Journey-Features ausschließlich im neuen Design zur Verfügung.
⚠️ Wichtig:
Der Support für das alte Journey-Design endet am 01.06.2025.
Keine Sorge – an den Funktionen ändert sich nichts. Lediglich das Design und die Darstellung wurden optimiert.
Was erwartet dich in diesem Artikel?
In diesem Artikel erhältst du einen umfassenden Überblick über die Neuerungen im Journey-Design. Wir zeigen dir:
- Wie du das neue Journey-Design aktivieren kannst
- Welche allgemeinen Designänderungen es gibt
- Einen Vergleich zwischen der bisherigen und der neuen Darstellung von Blöcken
- Detaillierte Informationen zu ausgewählten spezifischen Blöcken
Das neue Journey-Design im Überblick
Im Folgenden zeigen wir dir für jede Block-Kategorie, wie sich das Layout im neuen Journey-Design verändert hat. Für eine bessere Übersicht stellen wir dir jeweils die Darstellung in der bisherigen Version der Journey sowie die neue Variante gegenüber – inklusive aller nennenswerten Änderungen.
Kategorie: Einfache Eingabe
In der Kategorie “Einfache Eingaben” findest du sechs verschiedene Block Typen.
Binäre Eingabe
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Wenn der Schalter auf „An“ steht, wird nun ein Haken angezeigt. Dies macht deutlicher erkennbar, dass die Option ausgewählt wurde.
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Datum
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Auch die Datumsauswahl wurde verbessert. Sie öffnet sich jetzt direkt beim Klicken auf das Eingabefeld, wodurch die Nutzung intuitiver wird. Zudem sind Monate und Jahre nun besser voneinander getrennt, um eine klarere Struktur und eine einfachere Auswahl zu ermöglichen. Darüber hinaus stehen erweiterte Konfigurationsmöglichkeiten zur Verfügung, die es ermöglichen, beispielsweise die Uhrzeit präziser einzustellen. Weitere Details zur Konfiguration des Blocks findest du in der Dokumentation zur Konfiguration.
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Einfachauswahl
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Mehrfachauswahl
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Nummerneingabe
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Texteingabe
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Kategorie: Strukturierte Eingaben
In der Kategorie “Strukturierte Eingaben” findest du fünf verschiedene Block Typen.
Adresse
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Digitale Signatur
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Persönliche Informationen
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Upload
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Verfügbarkeitsprüfung
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Kategorie: Produkte
In der Kategorie “Produkte” findest du fünf verschiedene Block Typen.
Eingabenrechner
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Produkte
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Die neuen Produktkacheln sind mit sanften Animationen, intelligenter Farbverwendung und Schattierung entwickelt, um die Produkte besser hervorzuheben.
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Produktkategorien
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Warenkorb
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Zahlungsmethoden
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Kategorie: Struktur und Inhalt
In der Kategorie “Struktur und Inhalt” findest du acht verschiedene Block Typen.
Abschluss
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Auch hier haben wir eine weitere Animation im neuen Design eingebaut:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Aktions-Buttons
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Auch hier haben wir eine weitere Animation im neuen Design eingebaut:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Bild
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Einwilligungen
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Hyperlink-Button
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
PDF-Zusammenfassung der Eingaben
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Textblock
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Zusammenfassung
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Kategorie: Erweitere Blöcke
In der Kategorie “Erweitere Blöcke” findest du fünf verschiedene Block Typen.
Attribute-Editor
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Was im Attribut-Editor-Block angezeigt wird, hängt von der gewählten Attributtyp ab. Handelt es sich beispielsweise um ein Attribut vom Typ „Einfachauswahl“, wird der Blocktyp „Einfachauswahl“ angezeigt, wie unten dargestellt.
Du kannst die Änderungen in der neuen Journey-Nutzeroberfläche für alle Blocktypen oben finden.
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Entitätssuche
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Portal Login und Registrierung
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
PV Dach Navigator
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Strom: bisheriger Anbieter
Neue Ansicht des Blocks innerhalb der Journey Vorschau:
Alte Ansicht des Blocks innerhalb der Journey Vorschau:
Generelles
Reaktive Blöcke
Einzelne Eingaben sind jetzt reaktiv. Wie du im kurzen Video siehst, wird der Name des Blocks zunächst im Eingabefeld angezeigt und wandert dann nach oben, sobald der Nutzer beginnt, Daten einzugeben.
Diese Änderung sorgt dafür, dass jeder Block deutlicher hervorgehoben wird und die Eingabe von Informationen noch intuitiver und benutzerfreundlicher erfolgt.
Icons in Blockfeldern
Die Icons in Blockfeldern sind nun verbessert, das Icon wird nun links von der Feldbeschreibung platziert.
Animationen zwischen Schritten
Beim Wechsel zwischen zwei Schritten in einer Journey sorgt jetzt eine dezente, minimalistische Animation für einen flüssigeren Übergang.
Animationen innerhalb von Schritten
Auch innerhalb eines Schrittes haben wir dezente Animationen hinzugefügt. Wenn du beispielsweise eingestellt hast, dass bestimmte Blöcke nur unter bestimmten Bedingungen angezeigt werden, erscheinen diese jetzt flüssiger und natürlicher.
Anpassbares Journey-Layout
Mit dem neuen Design kannst du die Layoutgröße pro Schritt individuell anpassen – von Klein bis Extra Groß. So lässt sich jeder Schritt optimal auf Inhalt und Nutzerführung abstimmen.
Neues Layout für Schaltflächen in Auswahlblöcken
In den Einfach- und Mehrfachauswahl-Blöcken kannst du jetzt zwischen drei Layouts für die Schaltflächen wählen: Chips, Zeile und Stapel. So lässt sich die Darstellung der Auswahloptionen noch besser an das gewünschte Look & Feel deiner Journey anpassen.
Wie kann ich das neue Journey-Design aktivieren?
Folge diesen einfachen Schritten, um das neue Journey-Design für eine Journey zu aktivieren:
1. Öffne eine bestehende Journey oder erstelle eine neue.
2. Klicke auf Einstellungen
3. Aktiviere den Schalter “Neues Journey-Design verwenden”.
💡 Hinweis
Die Einstellung muss für jede Journey einzeln aktiviert werden, für die du das neue Design nutzen möchtest.