Bei der Navigationsstruktur darf sich gerne mal ausgetobt und verspielt ans Werk gegangen werden. Eins sollte man dabei aber nicht aus den Augen lassen, die Navigation soll für die Orientierung sorgen. Das letzte Wort hat immer noch der User, verlässt er die Seite weil es zu unübersichtlich ist hilft auch das beste Design nicht mehr weiter.

Navigation für Desktop

Hamburger-Navigation

Drei Balken die an einen Burger erinnern, findet auch immer mehr im Desktopbereich Verwendung, ihr Ursprüngliches zu Hause ist aber der mobile Bereich. Hier wird die Navigation erstmal minimalistisch hinter ein Icon verborgen, erst beim klicken öffnet sich das eigentliche Menü.

Hamburger-Full-Screen-Navigation

Beim klicken auf den "Hamburger" legt sich die Navigation über den ganzen verfügbaren Platz. Die Weiterentwicklung der "Hamburger"-Navigation eignet sich dadurch, einzelne Menüpunkte noch mehr Ausruck zu verleihen.

Multi-Level-Navigation

Top-and-Left-Navigation

Off-Canvas-Navigation

Collapsible-Menü

Button-Navigation

Full-Width-Tab-Navigation

Mega-Menü

In-Picture-Navigation

Gaming-Navigation

 

Navigation für Mobile

Mobile Button-Menü

Mobile Hamburger Navigation

Advanced Hamburger Navigation

Pull-Down-Menü

Mega-Drop-Down-Menü

Tab-Icon-Menü