Formatez votre application de sorte qu'elle corresponde à l'environnement.
Aperçu
L'aperçu est une mise en page affichant des éléments visuels, tels que les graphiques ou les chiffres.
Cette mise en page est principalement utilisée dans les pages d'analyse, qui affichent les graphiques avec les données saisies dans le système. Les graphiques facilitent la lecture des données et permettent aux utilisateur de manipuler ces dernières.
Tableau de bord
Le tableau de bord est l'une des mises en pages les plus vues. Les utilisateurs passent la première partie de leur flux sur le tableau de bord, pour notamment revoir les éléments qui leur sont importants.
Le tableau de bord est composé d'un certain nombre d'éléments. En haut de la page, la barre du haut et l'en-tête indiquent où l'utilisateur(trice) se trouve. Le coeur de la page est composé de plusieurs widgets, sélectionnés par l'utilisateur(trice), que vous pouvez retrouver dans les Building Blocks (en anglais). Cinq mises en pages sont disponibles pour répartir les widgets, avec 1, 2 ou 3 colonnes.
Liste
En finance, la liste est très utilisée. Elle affiche les éléments, tels que les chiffres, d'une manière permettant aux utilisateurs de travailler avec. Ces éléments peuvent être cliquables et s'affichent donc sur plus d'informations. Les utilisateurs peuvent voir un maximum d'éléments sans avoir besoin d'ouvrir une seconde page.
Menu
Le menu affiche une liste de liens menant aux différentes parties de l'application. Chaque lien est composé de 3 éléments :
- Un logo à droite
- Un nom
- Une description
Chaque lien utilise la même structure : un logo à droite et le nom au-dessus de la description.
Détails
Une page de détails affiche les informations d'un élément en particulier. Elle est présentée par des cartes contenant des informations détaillées, telles que les listes, les graphiques, etc. À droite de la page, vous pouvez voir un menu facilitant la navigation.
Résultat d'importation de fichiers
Cette mise en page s'affiche lorsque l'utilisateur(trice) a importé un fichier dans le système.
Elle indique le résultat de l'importation : si l'importation a été un succès ou si des erreurs se sont produites. Les utilisateurs peuvent ensuite corriger le fichier pour que l'importation soit un succès.
Pas à pas
Cette mise en page s'affiche lorsque les utilisateurs doivent exécuter une action, pas à pas. Réaliser une étape à la fois facilite la procédure en évitant le débordement d'informations. Les lignes du haut indiquent les étapes réalisées et les étapes restantes.
Calendrier
Cette mise en page permet aux utilisateurs de naviguer à travers les différentes vues du calendrier : hebdomadaire, mensuelle ou annuelle. Dans le panneau latéral, une vue détaillée de chaque événement du calendrier est affichée.
Pour plus d'informations, voir Finance Active's Design System (en anglais).