Zum Hauptinhalt springen

FooterPanel

FooterPanel in Storybook

Verwendung​

Überblick​

Die Fußzeile ist eine persistente UI-Komponente, die sich am unteren Rand des Fensters befindet. Sie dient als ergänzender Navigations- oder Funktionsbereich, in dem Benutzern zusätzliche Steuerelemente, sekundäre Navigationslinks oder Kontextinformationen bereitgestellt werden, die für den aktuellen Seiten- oder Anwendungsstatus relevant sind.

Zu verwenden​

  • Um Links zu wichtigen, aber nicht primären Seiten bereitzustellen, z. B. „Über uns“, „Karriere“, „Hilfe-Center“, „Blog“ oder „Kontakt“.
  • Wenn Benutzer eine schnelle Möglichkeit benötigen, um zu häufig gesuchten Abschnitten zu navigieren, ohne wieder nach oben scrollen zu müssen.
  • Wenn die Seite Datenschutzrichtlinien, Nutzungsbedingungen, Erklärungen zur Barrierefreiheit oder Haftungsausschlüsse erfordert, ist eine Fußzeile der beste Ort, um sie zu platzieren.

Aufbau​

Beispiel für ein UI-Fenster mit Fußzeile

  1. Fußzeilen-Container: Die Fußzeilenkomponente wird am unteren Rand der Seite positioniert und dient als einheitlicher Bereich für die Anzeige von sekundären Inhalten.

Best Practices​

  • Stellen Sie sicher, dass die Fußzeile leicht und nicht aufdringlich ist.
  • Fügen Sie nur das hinzu, was für Ihren spezifischen Anwendungsfall notwendig ist. Die Fußzeile ist eine offene und flexible Komponente, die je nach Anwendungsfall verschiedene Elemente aufnehmen kann. Teams können sie anpassen, indem sie bei Bedarf verschiedene Komponenten, Tools und Funktionen hinzufügen und gleichzeitig für optimale Bedienerfreundlichkeit sorgen.

Anwendungsbeispiele​

Das folgende Beispiel mit Kontaktinformationen und Links zu rechtlichen Inhalten verdeutlicht den offenen und flexiblen Charakter der Fußzeile.

Beispiel für eine Fußzeile mit Navigationslinks und Kontaktinformationen