Journey-Nutzeroberfläche
Inhaltsverzeichnis
Wie du vielleicht bereits in unseren Release Notes gelesen hast, wurde die Nutzeroberfläche der Journeys Schritt für Schritt weiterentwickelt. Unser Ziel ist es, die Benutzererfahrung deiner Kunden während des Journey-Prozesses deutlich zu verbessern. Keine Sorge – an den Funktionen ändert sich nichts, lediglich das Design und die Darstellung wurden optimiert.
In diesem Artikel erhältst du einen umfassenden Überblick über die Neuerungen in der Ansicht. Wir zeigen dir:
- Wie du die neue Journey-Nutzeroberfläche 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
Die neue Journey Nutzeroberfläche im Überblick
Wir zeigen dir hier jetzt für jede Block-Kategorie, wie sich das Layout der neuen Blöcke für dich ändert. Für eine kurze Übersicht, zeigen wir dir pro Kategorie die Darstellung in der “alten” Version sowie in der neuen Journey Nutzeroberfläche und gehen auf nennenswerte Veränderungen ein.
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.

Wie kann man zur die neue Journey-Nutzeroberfläche aktivieren?
Folge ein paar einfachen Schritten, um die neue Journey-Nutzeroberfläche in deine Journey zu bekommen.
1. Öffne eine bestimmte Journey oder erstelle eine neue Journey.
2. Klicke auf Einstellungen

3. Schalte den Schalter “Neue Journey Nutzeroberfläche verwenden.” ein.


Die neue Nutzeroberfläche ist nun für die Journey aktiviert. Die Einstellung muss für jede Journey, für die du die neue Journey-Nutzeroberfläche verwenden möchtest, aktiviert werden.