Expand Menu

Was bedeutet Expand Menu?

Ein Expand Menu ist ein UI-Steuerelement, das sich nach einer Benutzeraktion (zum Beispiel ein Klick) erweitert und so weiteren Inhalt freigibt. Anwender klicken auf Kopfzeilen, um Inhalt, der in logische Abschnitte unterteilt ist, zu erweitern und vollstÀndig sichtbar zu machen. Optional können Abschnitte beim Mouseover geöffnet oder geschlossen werden.

Ein Expand Menu macht Webseiten ĂŒbersichtlicher

Das Expand Collapse Menu ist auf vielen Webseiten Teil der Navigation und wird gerne als Accordion Menu umgesetzt. Accordions in der BenutzeroberflĂ€che können sich auf MenĂŒs, Widgets oder Inhaltsbereiche beziehen, die sich wie das Musikinstrument ausdehnen (expand) und wieder zusammenziehen (collapse). Diese Schnittstellen sind in den letzten Jahren mit der Erweiterung von JavaScript-FunktionalitĂ€ten und vor allem mit dem JS-Framework jQuery beliebter geworden. Eine Alternative zu JavaScript ist die erweiterbare Akkordeon-BenutzeroberflĂ€che mit CSS3. Der wesentliche Vorteil bei dieser Herangehensweise ist, dass CSS3 nicht so viel Code benötigt und eine einfachere Methode der Animation bietet. Accordions sind beliebt, weil sie es Entwicklern ermöglichen, große Mengen an Inhalten in relativ kleine Bereiche auf der Seite zu zwingen – damit sind sie auch prĂ€destiniert fĂŒr Expand Menus. Diese Inhaltsanzeigen erfordern allerdings auch dynamische Effekte, um zwischen Seitenelementen zu wechseln – also gibt es Vor- und Nachteile fĂŒr Akkordeons.

Warum Akkordeon MenĂŒs benutzen?

Nicht jede Website benötigt ein Expand Collapse Menu und Anwender begegnen diesen Navigationshilfen auch nicht ĂŒberall. Der Zweck von einem Expand-Menu ist es, eine Vielzahl an Inhalten durch dynamisches Umschalten ĂŒbersichtlicher zu gliedern. Entwickler sollten sicherstellen, dass jede Expand- oder Akkordeonkomponente einen wirklichen Zweck hat. Wenn MenĂŒpunkte oder Inhalte auf der Seite auch ohne Expand/Collapse-FunktionalitĂ€t ĂŒbersichtlich aufgelistet werden können, sollten Betrachter nicht dazu gezwungen werden zu klicken, bevor sie Inhalte betrachten können. Dynamisch erweiterbare Elemente in BenutzeroberflĂ€chen sind hilfreich mit grĂ¶ĂŸeren MenĂŒs oder Inhalten, die sich mit erweiterbaren Abschnitten sauberer darstellen lassen. Dies können UnterĂŒberschriften oder sogar mehrere Ebenen sein – der Zweck besteht darin, Inhalte so zu organisieren, dass die Navigation einfacher wird als endloses Scrollen.

Schiebe-MenĂŒ Effekte im Expand Menu

Eine der gebrĂ€uchlichsten Animationen zur Darstellung der Erweiterung im Expand Menu ist der gleitende MenĂŒeffekt. Dies geschieht normalerweise vertikal mit einer Reihe von untergeordneten Links innerhalb von ĂŒbergeordneten, gruppierenden Links. Durch Klicken auf einen primĂ€ren Link wird die Liste der Unterlinks in einer gleitenden Animation erweitert. Manchmal baut das gesamte NavigationsmenĂŒ einer Website auf diesem Expand Menu-Effekt auf.


Sie haben noch Fragen?

Kontaktieren Sie uns

Kostenloser SEO-Check der OSG


Weitere Inhalte