Les fenêtres modales du Design System

Formatez votre application de sorte qu'elle corresponde à l'environnement. Les fenêtres modales attirent l'attention des utilisateurs sur un sujet précis. Elles créent une rupture avec ce qui se passe dans l'application, permettant une réelle focalisation. Elles sont centrées à l'écran et leur objectif débouche sur une action.

 

Fenêtres modales de création

Les fenêtres modales de création ont pour but de permettre aux utilisateurs de créer un élément. Ces éléments se présentent sous diverses formes dans la plateforme, c'est-à-dire que la création de tout élément contenant un certain nombre de caractéristiques à définir doit passer par une fenêtre modale de création. Les fenêtres modales de création sont composées de trois parties :

  • Un titre
  • Un corps avec les champs requis à la création de l'élément
  • Une section de validation

Modal_Creation_FR.png

 

Fenêtres modales de confirmation

Les fenêtres modales de confirmation garantissent que les utilisateurs sont bien conscients de l'action qu'ils vont exécuter. Elles s'affichent lorsqu'une action importante est déclenchée, et juste avant que cette action se produise.  Elles aident les utilisateurs à se focaliser sur l'action et leur donne une dernière chance de l'annuler.

  1. Si l'action est destructrice, assurez-vous que le bouton de validation est rouge.

Modal_Confirmation_Destructive_FR.png

  1. Si l'action n'est pas destructrice, le bouton de validation est vert.

Modal_Confirmation_Destructive_Non_FR.png

Lorsque l'action de la fenêtre modale est déclenchée et pendant la fermeture de la fenêtre, une bulle de notification s'affiche pour indiquer l'action exécutée.

  

Pour plus d'informations, voir Finance Active's Design System (en anglais).

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0