Structure de page · l’en-tête
L’en-tête : trois formats à comparer
L’en-tête, c’est la zone entre la barre de navigation et le filet. Sans fil d’Ariane : elle porte le titre, une éventuelle méta (compteur, date) et les actions (tri, filtres, plage de dates).
Chaque format est montré sur deux pages aux actions différentes — Articles et Statistiques — pour voir si le filet reste à la même hauteur.
Minimal
Filet aligné partout ✓L’en-tête ne contient que le titre (et sa méta). Toutes les actions passent sous le filet, en barre d’outils au-dessus du contenu. Comme l’en-tête ne dépend jamais des actions, le filet tombe exactement au même niveau sur toutes les pages.
Articles
Statistiques
Le point clé — filet identique sur les deux pages ; les actions, plus nombreuses côté Statistiques, ne le font pas bouger puisqu’elles sont sous le filet.
Compact
Filet variable ✗Le titre à gauche, les actions à droite sur la même ligne. Ramassé et élégant quand il y a peu d’actions — mais sur une page chargée (la plage de dates des Statistiques), les actions passent à la ligne et le filet redescend : plus aligné avec Articles.
Articles
Statistiques
Le point clé — regarde les deux filets : côté Statistiques il est plus bas car la barre de dates a débordé sur une 2ᵉ ligne. C’est exactement le défaut que tu avais repéré.
Aéré
Filet aligné (en-tête plus haut) ✓Le titre, puis une ligne d’actions dédiée en dessous, puis le filet. Très lisible et spacieux. Pour garder le filet aligné, on réserve la ligne d’actions même vide — l’en-tête est donc plus haut partout.
Articles
Statistiques
Le point clé — filet aligné sur les deux pages, actions bien visibles dans l’en-tête ; en contrepartie, l’en-tête « mange » plus de hauteur avant le contenu.
Mon conseil : le Format 1 (Minimal) garantit le filet au même niveau partout, sans compromis, et c’est déjà l’esprit de Statistiques/Roadmap (titre + barre d’outils). Le Format 3 reste bon si tu tiens à voir les actions dans l’en-tête. Le Format 2 est joli mais ne tient pas la promesse d’alignement.