Was ist ein Off-Canvas Menu?

Ein Off-Canvas Menu ist ein Navigationsmenü, das sich außerhalb des sichtbaren Bereichs („Canvas“) einer Webseite oder App befindet und erst eingeblendet wird, wenn es vom Nutzer aktiviert wird.

So zum Beispiel durch das Tippen auf ein „Hamburger-Icon“ oder einen Button. Beim Öffnen schiebt sich das Menü typischerweise von der Seite (links, rechts, oben oder unten) ins Sichtfeld, während der restliche Seiteninhalt vornehmlich abgedunkelt oder verschoben wird.

Off-Canvas Menus sind besonders im Responsive Design und bei mobilen Webseiten und Apps beliebt, weil sie viel Platz sparen und auch auf kleinen Bildschirmen eine übersichtliche Navigation ermöglichen. Sie bieten eine nutzerfreundliche Lösung, um große oder komplexe Menüs zugänglich zu machen, ohne das Hauptlayout zu überladen.

Vorteile:

• Platzsparend und übersichtlich
• Ideal für mobile Geräte und kleine Bildschirme
• Modernes, ansprechendes Nutzererlebnis