Gesamtzahl der Klicks:

28.09.2023

Fixierte Menüs
Herausforderungen und Alternativen

Webdesigner setzen oft auf fixierte Menüs (Menüs, die am Bildschirmrand haften), um deren einfache Erreichbarkeit auf langen Webseiten zu gewährleisten. Jedoch beeinträchtigt dies die Benutzererfahrung – sowohl negativ als auch positiv.  

Zum einen beanspruchen fixierte Menüs konstant Platz und nehmen permanent Raum ein. Damit können sie den eigentlichen Inhalt, besonders auf kleinen Bildschirmen, wo der Platz begrenzt ist, behindern. Indem sie zum Beispiel Inhalte verdecken, die beim Scrollen “hinter” das Menü wandern. 

Fixiertes Menü verdeckt Inhalt

Transparenzen können hier helfen, den Inhalt ein stückweit sichtbar zu lassen. Damit sollte jedoch behutsam umgegangen werden, damit nicht das Gegenteil erreicht und der Übersichtlichkeit geschadet wird. 

Transparenzen können fixierte Menüs auflockern

Beim Hineinzoomen kann die Größe des fixierten Menüs so groß werden, dass nur noch wenig Platz für den Inhalt übrigbleibt. Auf mobilen Geräten verschwinden fixierte Menüs manchmal nach oben oder sind schlecht ausgerichtet und beschnitten. Dies lässt sich lösen, indem das Menü so angelegt wird, dass es sich – je nach Zoom oder Bildschirmgröße - zum Beispiel zu einem Burgermenü ändert. 

Burgermenüs bieten bei kleineren Bildschirmen eine gute Alternative

Wenn ein fixiertes Menü größer ist als der Inhalt und der sichtbare Bereich, können Benutzer (je nach Browser) nicht auf den unteren Teil des Menüs zugreifen. Selbst wenn der Inhalt größer ist als das Menü, müssen Benutzer immer noch zum unteren Teil des Inhalts scrollen, um das Menü zu sehen. Das Hinzufügen eines inneren Scrollbalken zum Menü kann zwar eine Lösung sein, aber mehrere Scrollbalken sind schwer zu bedienen. 

Fixierte Menüs sind zwar immer sichtbar, aber für Tastaturnutzer, die mit der Tab-Taste navigieren, sind sie in Wirklichkeit weit entfernt. Benutzer, die mit der Tastatur auf der Seite zurücknavigieren, können auch auf einen Link fokussieren, der vom fixierten Menü verdeckt ist. 

Relevante Links sind im Kontext viel besser aufgehoben als in einem extra Menü. Ein Anmeldeformular kann am Ende eines Beitrags hinzugefügt oder ein Call-to-Action (CTA) in einem Abschnitt zu den Preisen platziert werden. 

BAUFA: Menü am linken Rand fixiert

Fixierte Menüs sind im Allgemeinen ein Symptom für lange Webseiten. Um die eigentliche Ursache anzugehen ist es ratsam die Website kurzhalten. Ist dies nicht möglich: Nutzer einfach scrollen lassen!  

Die Annahme, dass Scrollen ein Problem darstellt, ist ein Mythos. Spätestens seit Smartphones sind es Nutzer gewohnt zu scrollen – es ist Teil der Nutzererfahrung geworden.  Außerdem ist der oberste Teil der Seite meist nur einen Klick oder zwei entfernt. 

"Zurück nach oben"-Links sind relativ unauffällig und bieten eine schnelle Möglichkeit, um auf der Website wieder nach oben zum Menü zu scrollen.  

Back-to-Top-Buttons bieten eine Möglichkeit schnell nach oben zu scrollen