Une galerie qui ne fait que des barres de navigation
La barre de navigation est le composant qu'on expédie le plus volontiers : logo à gauche, menu à droite, on passe à autre chose. Navbar Gallery prend le contre-pied et ne collecte que des barres de navigation, avec une seule mission, bien remplie : réunir celles qui sont bien exécutées pour vous laisser choisir.
Le site indexe aujourd'hui plusieurs centaines de navigations issues de sites réels, avec une navigation paginée, et chaque entrée conserve le lien vers le site d'origine : on y voit l'interaction réelle en fonctionnement, pas une maquette.
Comment c'est classé
Le classement se fait par type de structure, ce qui correspond assez bien à la façon dont on choisit en pratique :
- Static / Sticky : navigation fixe en haut, sans menu déroulant
- Dropdown / Flyout : sous-menus rattachés à l'élément parent
- Mega Menu : menus déroulants sur plusieurs colonnes et sur une grande surface, adaptés aux sites à nombreuses catégories
- Side Bar : navigation verticale sur le côté
- Search Bar : le champ de recherche comme élément principal de la navigation
- Announcement Bar : bandeau fin en haut de page, souvent pour une promotion ou une annonce de version
- Full Screen Menu : menu plein écran, fréquemment accompagné d'éléments graphiques
- Breadcrumbs : fil d'Ariane pour la hiérarchie de navigation
Comment s'en servir
C'est moins un outil qu'un manuel de référence pour choisir. Quand un nouveau projet arrive et qu'il faut définir la structure de navigation, filtrer par type et observer comment des sites comparables gèrent le repli sur mobile, l'emplacement du CTA ou le changement de couleur au scroll va bien plus vite que de tâtonner. Cela fait aussi baisser le coût de communication à l'étape des maquettes : envoyer un lien explique beaucoup mieux qu'une longue description.
Le site est sponsorisé par Mobbin et propose également un formulaire de soumission et un abonnement par e-mail.
