Web Design

Vor- und Nachteile von Sticky Navigation

Navigieren auf Webseiten und die Schnelligkeit dies zu tun sind Grundlagen, die wesentlich zur Benutzerfreundlichkeit beitragen. Die sogenannte “Sticky Navigation” ist ein gutes Werkzeug um das Navigieren der Webseite effektiv und schnell zu gestalten. Wir erklären Funktionsweise, Vor- und Nachteile.

Was ist Sticky Navigation?

Die Navigationsleiste und die Elemente einer Homepage sind standardmäßig statisch: Das heißt, sie verschwinden beim Scrollen. Im Gegensatz dazu bleiben Sticky Menüs immer sichtbar und erlauben eine ständige Navigation der Webseite. Dadurch wird Scrollen für die Menüführung bedeutungslos.

Facebook ist ein gutes Beispiel für Sticky Navigation - die obere Menüleiste ist immer sichtbar!
Quelle: www.facebook.com/thehundreds?fref=ts
Facebook ist ein gutes Beispiel für Sticky Navigation - die obere Menüleiste ist immer sichtbar!

Weitere Funktionen können eine dauernd sichtbare Einbindung von Social Media Buttons, der Seitenleiste oder dem Footer sein. Das kann je nach Bedarf für das Design angepasst werden.

Sticky Menüs haben viele Vorteile gegenüber statischen Menüs, sind aber nicht für jede Webseite die richtige Lösung. Wann wird die “klebende” Navigation am Besten eingesetzt?

Vorteile von Sticky Navigation

Während der Nutzung einer Webseite ist die dauerhaft verfügbare Navigation ein offensichtlicher Vorteil. Bei Facebook, Twitter und Konsorten ist der Vorteil besonders groß. Trotz des endlos scrollenden News Feed kann jederzeit auf Chat, Nachrichten und andere Funktionen zurückgegriffen werden. Das spart viel Zeit.

Elemente, wie eine Seitenleiste, können ebenfalls “Sticky” werden. So werden dem Nutzer bestimmte Inhalte permanent vor Augen geführt. Ob Social Media Buttons oder die Seitenleiste während dem Scrollen angezeigt werden sollen, kann ganz nach Bedarf entschieden werden. Falls die mitscrollenden Elemente aufdringlich sind, lenken sie vom eigentlichen Inhalt ab - dazu aber mehr in den Nachteilen.

James Blake bindet Social Media Buttons mit fixierter Seitenleiste ein.
Quelle: www.jbiwebdesign.co.uk
James Blake bindet Social Media Buttons mit fixierter Seitenleiste ein.

Eine Studie von Hyrum Denney, Experte für Webdesign und -entwicklung belegt, dass Sticky Navigation zu einer 22% schnelleren Nutzung führt. Das klingt im ersten Moment unwichtiger als es ist. Bei der vielen Zeit, die im Internet verbracht wird, addiert sich 22% schnell zu einer oder mehreren Stunden am Tag. Die Versuchspersonen befanden fixierte Menüs einstimmig für angenehmer als statische.

Nachteile von Sticky Navigation

Wo Licht ist, entsteht auch Schatten. Sticky Navigation klingt im ersten Moment nach Win-Win, allerdings existieren auch Nachteile. Die Menüs verdecken immer einen Teil des Inhalts, je nachdem wie groß die jeweilige Navigationszeile ist. Eine wichtige Frage muss daher immer lauten: Sind die Menüs wichtiger als der Inhalt der Seite?

Ein Kompromiss kann eine Verkleinerung des mitgezogenen Menüs sein. Bei einer Verkleinerung sollten die Elemente gut erkennbar bleiben. Allerdings verdeckt auch eine schmalere Menüzeile noch Inhalt.

TechCrunch verkleinert das Logo beim Scrollen.
Quelle: www.techcrunch.com
TechCrunch verkleinert das Logo beim Scrollen.

Die mitscrollenden Elemente lenken schnell ab und können aufdringlich wirken. Logos, Farben und Bilder werden vom menschlichen Auge als Eckdaten wahrgenommen und ziehen Aufmerksamkeit auf sich. Das ist aber das Gegenteil von dem, was erreicht werden soll. Der Hauptaugenmerk sollte auf dem Inhalt der Seite liegen und nicht auf den Menüs. Schlimmstenfalls werden Elemente als irritierend empfunden und werfen somit ein schlechtes Licht auf die Webseite - unabhängig von der Qualität des Inhalts.

Fazit

Der wichtigste Punkt für die Verwendung von Sticky Navigation ist die individuelle Nützlichkeit. Bei Twitter oder Facebook machen die Menüs Sinn, da der Nutzer verschiedene Elemente zur Verfügung haben will. Bei einer Webseite mit kurzen Inhalten ist der Aufwand des Scrollens minimal. Daher bringen dauernd sichtbare Menüs wenig Nutzen.

Falls Sticky Menüs eingesetzt werden, dann müssen sie so klein wie möglich gehalten werden - ansonsten verdecken sie wichtige Inhalte! Hier gilt abzuwägen, wie schmal die Menü-Zeile werden kann um alle wichtigen Funktionen zu beinhalten und diese angenehm darzustellen.

Es existiert keine allgemeingültige Regel für die Navigation. Wenn bestimme Funktionen oder eine Menüzeile immer Relevanz haben und sichtbar sein sollten, dann ist Sticky Navigation die richtige Wahl. Soll der Inhalt im Vordergrund stehen, ist es besser auf alles Klebende zu verzichten.