Eine Galerie nur für Navbars
Die Navigation ist die Komponente, die am ehesten lieblos abgehakt wird: Logo nach links, Menü nach rechts, fertig. Navbar Gallery macht es umgekehrt und sammelt ausschließlich Navbars – nur gut gemachte, direkt nebeneinander gestellt, damit man auswählen kann.
Aktuell sind Hunderte echte Websites erfasst, durchblätterbar Seite für Seite, und jeder Eintrag behält den Link zum Original. Man landet also bei der echten Interaktion im Live-Zustand, nicht bei einem Entwurf.
Wie die Einträge geordnet sind
Die Filter folgen dem Typ, und das passt recht gut zur tatsächlichen Auswahl:
- Static / Sticky: fest oben, ohne Dropdown
- Dropdown / Flyout: Untermenüs, die unter dem Elterneintrag liegen
- Mega Menu: breite, mehrspaltige Menüs für Sites mit vielen Kategorien
- Side Bar: vertikale Seitennavigation
- Search Bar: das Suchfeld als Hauptelement der Navigation
- Announcement Bar: schmaler Streifen oben, oft für Aktionen oder Versionshinweise
- Full Screen Menu: Menüs über den ganzen Bildschirm, häufig mit grafischen Elementen
- Breadcrumbs: Breadcrumb-Navigation für die Hierarchie
Wie man es nutzt
Eher ein Nachschlagewerk für Entscheidungen als ein Werkzeug. Wenn in einem neuen Projekt die Navigationsstruktur festgelegt wird, erst nach Typ filtern und schauen, wie vergleichbare Sites das Menü auf dem Smartphone einklappen, wo sie den CTA platzieren und wie sie beim Scrollen die Farbe wechseln – das geht deutlich schneller, als selbst herumzuprobieren. Auch die Abstimmung in der Designphase wird einfacher: ein Link sagt der Gegenseite mehr als eine lange Beschreibung.
Die Seite wird von Mobbin gesponsert, außerdem gibt es Einreichungen und einen Newsletter.