HeaderPanel
Verwendung
Überblick
Die Kopfzeile erstreckt sich über die gesamte Breite des Viewports und ist das oberste Element im Browserfenster. Sie bleibt während der gesamten Produkterfahrung bestehen und gewährleistet die Konsistenz bei der Navigation. Als flexible zusammengesetzte Komponente kann die Kopfzeile je nach Anwendungsfall verschiedene Elemente enthalten. Derzeit verwenden wir als Ausgangspunkt das Kopfzeilen-Muster, um die Ausrichtung und Konsistenz zwischen den Produkten aufrechtzuerhalten.
Zu verwenden
Die globale Kopfzeile ist ein obligatorisches Element in jeder Anwendung, das eine konsistente Navigation und eine einheitliche Benutzererfahrung über alle Produkte hinweg gewährleistet.
Aufbau
Die Kopfzeile besteht aus den folgenden Elementen:
- Produktname/Logo: Steht für die Marke oder Anwendung.
- Suchleiste: Ermöglicht es Benutzern, Inhalte schnell zu finden.
- Globale Aktionen: Können Hilfe, Benachrichtigungen, Einstellungen und Benutzerprofile umfassen.
Nicht alle Elemente sind erforderlich. Nur das, was für Ihren spezifischen Anwendungsfall notwendig ist. Die Kopfzeile ist eine offene und flexible Komponente, die je nach Anwendungsfall mit verschiedenen Elementen versehen werden kann. Teams können sie anpassen, indem sie bei Bedarf verschiedene Komponenten, Tools und Funktionen hinzufügen und gleichzeitig für optimale Bedienerfreundlichkeit sorgen.
Best Practices
- Die globale Kopfzeile muss immer einen Produktnamen enthalten. Der Produktname in der Kopfzeile und im Navigationsbereich muss identisch und großgeschrieben sein (Überschriften-Großschreibung).
- Das Guidewire-Logo „G“ fungiert als Schaltfläche. Wenn Sie darauf klicken, werden Benutzer zur Startseite weitergeleitet.
Reaktionsfähigkeit
- Die globale Kopfzeile ist für Standard-Desktop- und Tablet-Displays optimiert.
- Auf Tablets sind das Guidewire-Logo „G“ und der Produktname zentriert und die Kontexttextzeichenfolge ist ausgeblendet. Benutzer müssen auf das Einstellungssymbol klicken, um die Kontextinformationen in einem Bereich anzuzeigen.
