Überblick über Muster

Was sind Jutro-Muster?

Jutro-Muster sind bewährte Lösungen für wiederkehrende Designanforderungen (Abläufe, Verhalten oder Interaktionen) innerhalb desselben Produkts, in Produktfamilien oder in verschiedenen Produkten. Beachten Sie, dass es sich hierbei ausschließlich um UX-Muster handelt. Sie bieten eine dokumentierte Designanleitung, enthalten jedoch weder Code noch Implementierungen.

Diese sind:

• Wiederverwendbar: Ein und dasselbe Muster kann mit geringen oder gar keinen Änderungen für mehrere Szenarios angewendet werden, sodass in allen Verwendungsbereichen Einheitlichkeit erreicht wird.
• Erweiterbar: Muster sind für einen allgemeinen Anwendungsfall konzipiert, lassen sich leicht testen und können für andere Anwendungsfälle angepasst und erweitert werden.
• Gut dokumentiert: Muster enthalten gut dokumentierte Verwendungsszenarios, Dos and Don'ts und genaue Richtlinien zur Verwendung und Erstellung von Mustern.
• Bewährte Verfahren zur einfachen Erstellung: Verwenden Sie vorhandene Muster als Vorlagen, um neue zu erstellen, ohne dass Sie sie von Grund auf neu erstellen müssen. Vorhandene Muster dienen als Vorlage für das Entwerfen und Erstellen von Best Practices in den Bereichen Barrierefreiheit, Reaktionsfähigkeit, Lokalisierung und Analyse.

Jutro-Muster umfassen die folgenden zwei Typen:

• Auf die Schaden- und Unfallversicherung ausgerichtete Muster: Muster, die wiederkehrende Anforderungen in der Schaden- und Unfallversicherungsbranche lösen, zum Beispiel das Hinzufügen eines Fahrers und von Zahlungsabläufen.

• Unabhängige UX-Muster zur Behebung gängiger Probleme bei der Gebrauchstauglichkeit: Muster, die universelle Probleme aller UI-Elemente oder -Abläufe lösen, z. B. Validierung und Meldungen, und Zeitstrahlen.

Muster und Komponenten im Vergleich

Wenn Sie mit Mustern noch nicht vertraut sind, finden Sie hier Kriterien zur Unterscheidung von Mustern und Komponenten:

	KOMPONENTEN	MUSTER
Was ist das	Eindeutige Einzelelemente oder die grundlegendsten Bausteine einer Benutzeroberfläche.	Kombinationen von nicht teilbaren Komponenten („Atome“) zu einer „auszuführenden Aufgabe“
Typen	„Atome“: einfachste Bausteine. Zum Beispiel Schaltflächen. „Moleküle“: Kombination von Atomen. Zum Beispiel Kalender.	Prozessabläufe: z. B. der Ablauf zum Hinzufügen eines Fahrers. Verhaltensweisen: z. B. deaktivierte Zustände. Interaktionen: z. B. Suchabläufe, Zeitstrahl
Verwendung	Zusammenfügen verschiedener Komponenten zur Erstellung eines Ablaufs oder einer Seite	Zur sofortigen Verwendung in unveränderter Form (oder angepasst) als Ablauf oder Teil einer Seite
Anwendungsfälle	Alle für Jutro genehmigten Anwendungsfälle. Wir bieten keine Designs für Sonderfälle an.	Gestaltet und entwickelt für allgemeine Anwendungsfälle, und angepasst für andere Anwendungsfälle
Standardfunktionen	Responsiv, barrierefrei, aktualisierbar, Sicherheit, Lokalisierung, i18n, Analyse	Responsiv, barrierefrei, aktualisierbar, Sicherheit, Lokalisierung, i18n, Analyse
Kontaktpunkte	Figma Komponentenbibliothek, Dokumentation, Komponentenbibliothek-Pakete	Figma Musterbibliothek und Dokumentation
Vorgaben	Kann nur wie im System definiert verwendet werden und muss genau den Designs und Richtlinien für Jutro entsprechen.	Anwendung in unveränderter Form oder Erweiterung der Muster für Anwendungsfälle anhand der Dokumentation statt strikter Konformität
Anpassung	Änderungen am Design oder an der Implementierung sind nicht zulässig.	Muster sind als Startpakete erhältlich und sollten an den jeweiligen Anwendungsfall angepasst werden.
Entwicklung	Langsamer aufgrund der Komplexität und der Abhängigkeiten, die mit Testverfahren verbunden sind	Muster entwickeln sich viel schneller, da sie als einzelne Blöcke getestet und entsprechend geändert werden können.
Verantwortlichkeit	Jutro UX-Team, Jutro-Entwicklungsteam, Jutro-Dokumentationsteam	Jutro UX; Produkte, in denen Muster angepasst und genutzt werden (Standardfunktionen werden bei Anpassung beeinträchtigt)
Mitwirkung	Jutro UX, Product UX	Jutro UX stellt ein Starterset bereit. Product UX, BA, Produktmanager, digitale Dienste