Alle Besucher, die sich auf deiner Webseite tummeln, navigieren über einen wesentlichen Bestandteil. Genau, die Rede ist von der Seitennavigation. Der dataloft Blog zeigt dir heute einige Tipps für den Aufbau einer ansprechenden und zugleich effizienten Seitennavigation.
Seitennavigation – das wichtigste Menü einer Webseite
Elemente für die Navigation auf einer Webseite findest du zwar an unterschiedlichen Positionen und in den verschiedensten Aussehen. Trotzdem bleibt deren Funktion im Kern immer dieselbe: Die Einträge dienen dazu, dass der Besucher sich von A nach B bewegt. Die Links verbinden einzelne Seiteninhalte und vorhandene Unterseiten miteinander.
Gezielte Tipps zur optischen Gestaltung oder Positionierung sind schwierig — zu viel hängt vom Einzelfall ab. Was sich aber durchzieht: Die Optik sollte zur Gesamtheit des Webauftritts passen und sich angenehm ins Gesamtbild einfügen. Bei der Positionierung gilt: Die Seitennavigation muss jederzeit sichtbar bleiben.
Sichtbarkeit der Seitennavigation
Beginnen wir mit der Sichtbarkeit. Oben, unten, links oder rechts — das ist letztlich Geschmackssache. Bewährt haben sich aber jene Gestaltungsformen, die eine permanente Sichtbarkeit gewährleisten. Du möchtest als Betreiber, dass Besucher sich auf bestimmte Inhalte konzentrieren. Aber wer über ein Menü woanders hingelangt ist, findet schlimmstenfalls nicht mehr zurück, wenn die Navigation plötzlich verschwindet.
Orientierung ist die Hauptdevise. Das gilt auch für die Benennung der Menüpunkte: Eine gute Navigation ist so gestaltet, dass der Besucher genau weiss, was passiert, sobald er klickt. Alle Menüpunkte sind daher klar verständlich.
Kontraste bewähren sich
Eine Hervorhebung des aktiv ausgewählten Menüeintrags gilt als Best Practice. Das funktioniert über eine Farbwahl, die sich vom Rest abhebt. Bei einer Webseite mit weissem Hintergrund erscheinen die schwarzen Menüpunkte beispielsweise blau, sobald du mit dem Mauszeiger darüberfährst.
Seitennavigation inklusive Suchfunktion
Du kennst es von den Suchmaschinen im Internet. Mach auch deine Webseite zur eigenen Suchmaschine. Der Effekt: Du machst alle Webseiteninhalte auffindbar, ohne dafür einen eigenen Menüpunkt zu «vergeuden». Denn bei einem Menü gilt nicht: je länger, desto besser. Eine ansprechende Seitennavigation ist nicht nur hübsch, sondern auch übersichtlich.
Für die Positionierung der Suchfunktion gibt es verschiedene Ansätze. Manche Betreiber integrieren das Suchfeld direkt ins Menü, andere wählen ein eigenständiges Suchfeld. Das separate Feld bietet den Vorteil, dass es schon beim ersten Besuch sofort sichtbar ist.
Inhalte des Menüs
Schau dir als Beispiel den Aufbau unserer dataloft Webseite an. Du befindest dich gerade auf unserem Blog — und siehst trotzdem weiterhin das obere Menü. Die Unterseite, auf der du dich aufhältst, ist blau hervorgehoben.
Bei uns erfolgt die Navigation über 7 grundsätzliche Einträge (Online, Marketing, Agentur, Blog, Safe, Web sowie Work) — eine Form der Kategorisierung. Die Bewegung des Mauszeigers bestimmt das Aufklappen der darunterliegenden Menüeinträge.
Bei der Reihenfolge bist du zwar flexibel, aber auch hier gibt es Orientierungspunkte. Abhängig von deiner Zielgruppe bietet sich die alphabetische Sortierung an — oder eben eine Sortierung nach der Gewichtung der Inhalte. Besonders prominenter Content mit den meisten Klicks sollte an oberer Stelle stehen, ehe weniger relevante Inhalte folgen.