Was ist ein Flyout?
Ein Flyout ist ein Navigationselement auf Websites oder in Anwendungen, das sich beim Überfahren oder Anklicken eines Menüpunktes seitlich oder nach unten ausklappt. Es zeigt zusätzliche Inhalte oder Unterpunkte an, ohne dass eine neue Seite geladen werden muss.
Wie funktioniert ein Flyout?
Ein Flyout wird in der Regel durch Hover Effekte (Mauszeiger darüber bewegen) oder Klickaktionen ausgelöst. Es erweitert die Hauptnavigation und blendet weitere Optionen ein, die sich in einem übersichtlichen Menü darstellen lassen.
Beispiele:
- Website Menü: Unter „Produkte“ klappt ein Flyout mit den verschiedenen Produktkategorien auf
- E-Commerce: Beim Überfahren des Warenkorb Symbols öffnet sich ein Flyout mit den aktuellen Artikeln
- Apps: Ein Einstellungsmenü, das als Flyout an der Seite eingeblendet wird
Warum ist ein Flyout wichtig?
Flyouts erleichtern die Benutzerführung, sparen Platz auf der Seite und machen Informationen schnell zugänglich. Sie tragen zu einer klaren und nutzerfreundlichen Navigation bei.
Tipp:
Flyouts sollten in jedem Fall mobilfreundlich gestaltet sein und sich auch auf Touch Geräten leicht bedienen lassen.
Verwandte Begriffe:
Navigationselement, Dropdown Menü, Sidebar
