Was ist die Website-Navigation?
Die Navigation (häufig einfach “Menü” genannt) ist ein elementarer Bestandteil der Benutzeroberfläche (UI). Sie ist das “Straßenschild” deiner Webseite. Ohne eine gute Menüstruktur wissen Benutzer nicht, wo sie sich befinden, wo sie hin können, und verlassen frustriert deine Seite.
Bekannte Navigations-Pattern
- Top Navigation (Header-Menü): Der absolute Standard. Meistens horizontal am oberen Rand der Seite verankert. Häufig bleibt sie “sticky” am oberen Bildschirmrand kleben, während man nach unten scrollt.
- Hamburger-Menü: Ein Icon aus drei horizontalen Strichen (☰), das vor allem auf mobilen Endgeräten verwendet wird, um Platz zu sparen. Beim Klick öffnet sich das eigentliche Navigationsmenü.
- Footer-Navigation: Ein Block am äußersten unteren Ende der Seite. Hier finden sich meist rechtliche Seiten (Impressum, Datenschutz, AGB), oft aber auch ausführlichere “Sitemaps” mit Deep-Links in die Seite.
- Breadcrumb-Navigation: Ein kleiner Pfad (z.B. Startseite > Produkte > Schuhe > Sneaker), der anzeigt, wie tief der Nutzer aktuell in der Struktur der Seite steckt und es ermöglicht, schnell eine Ebene nach oben zu springen (“Brotkrümel”).
Die wichtigste Regel für Navigationen
“Klarheit schlägt Kreativität”. Das Navigationsmenü ist der schlechteste Ort für experimentelles Design. Nutzer erwarten Konventionen: Das Logo (links oder mittig) führt zurück zur Startseite, Kontaktinformationen finden sich rechts, Dropdowns klappen auf. Eine verwirrende Navigation schadet der User Experience massiv.