Mise à jour
Aperçu
Cette mise à jour introduit une refonte complète de l’en-tête et de l’expérience de navigation de l’application, conçue pour moderniser l’interface, améliorer la cohérence de la navigation, optimiser l’utilisation de l’espace à l’écran et offrir une meilleure expérience sur ordinateur et appareils mobiles.
État précédent
Auparavant, l’application utilisait plusieurs implémentations différentes de l’en-tête entre les pages Razor et React. Les titres de page étaient affichés séparément du fil d’Ariane, ce qui créait un dédoublement d’information et des présentations incohérentes. Les boutons d’action occupaient davantage d’espace, le comportement du fil d’Ariane variait selon les pages et certaines pages React ne bénéficiaient pas des fonctionnalités d’accès rapide déjà disponibles dans les pages Razor. L’expérience mobile manquait également d’uniformité.
Nouveautés
Avec cette mise à jour :
- Le grand titre des pages a été retiré de l’en-tête.
- Le titre est maintenant intégré directement dans le fil d’Ariane.
- Le style du fil d’Ariane a été modernisé avec des séparateurs en chevrons.
- Le fil d’Ariane et les boutons d’action sont affichés sur une même ligne lorsque nécessaire.
- La taille des boutons a été réduite afin d’optimiser l’espace disponible.
- L’icône du menu d’actions a été remplacée par une icône de crayon.
- Une zone configurable permet maintenant l’ajout de contenu contextuel à la suite du titre.
- Une nouvelle expérience mobile responsive a été implantée selon les maquettes de conception.
- Le comportement de l’en-tête est maintenant harmonisé entre les pages Razor et React.
- La fonctionnalité d’Accès rapide (Quick Access) a été ajoutée aux pages React.
- Les longs chemins de navigation sont maintenant tronqués intelligemment avec un menu extensible lorsque nécessaire.
- Le rendu de l’en-tête a été standardisé dans l’ensemble de l’application afin de faciliter la maintenance et les évolutions futures.
Fonctionnement
L’en-tête utilise désormais une structure uniforme à travers l’application.
Plutôt que d’afficher séparément un titre et un fil d’Ariane, le titre fait maintenant partie intégrante du fil d’Ariane. Les boutons d’action demeurent accessibles directement dans l’en-tête lorsqu’ils sont disponibles, ce qui réduit l’encombrement visuel tout en conservant un accès rapide aux fonctionnalités importantes.
Lorsque le chemin de navigation contient plusieurs niveaux, certains éléments intermédiaires peuvent être regroupés dans un menu déroulant afin d’améliorer la lisibilité.
Sur mobile, l’en-tête s’adapte automatiquement à l’espace disponible. Les actions, outils et options contextuelles demeurent accessibles grâce au nouveau design responsive.
Les pages React bénéficient désormais également du comportement Accès rapide déjà présent dans les pages Razor. Lorsqu’un utilisateur fait défiler une page et que l’en-tête n’est plus visible, un bouton flottant permet d’accéder rapidement aux actions, outils, paramètres, raccourcis et ressources de soutien.
Où la trouver
Vous pouvez accéder à cette fonctionnalité dans : toutes les pages de l’application utilisant l’en-tête standard et la navigation par fil d’Ariane.
Pour y accéder :
- Accédez à n’importe quel module de l’application.
- Ouvrez une page contenant un fil d’Ariane et des actions de page.
- Observez le nouvel en-tête, le fil d’Ariane repensé et l’expérience mobile améliorée.
Avantages
- Interface plus moderne et uniforme dans l’ensemble de l’application.
- Meilleure utilisation de l’espace disponible sur ordinateur et mobile.
- Accès plus rapide aux actions, outils, paramètres et ressources de soutien
Notes importantes
- Cette mise à jour touche les pages utilisant l’en-tête standard de l’application.
- Les affichages mobiles ont été revus afin d’offrir une expérience plus cohérente sur tous les appareils.
- Le fonctionnement de la navigation demeure inchangé; seules la présentation et l’accessibilité des éléments de navigation ont été améliorées.
- Les longs fils d’Ariane peuvent désormais être condensés automatiquement afin d'améliorer la lisibilité et l’expérience utilisateur