🟡 Boîte de dialogue - Dialog

Fenêtre venant interrompre le flux d'utilisation de l'utilisateur pour exiger une action ou remonter une alerte importante

Component dialog

Usages

Utilisez des boîtes de dialogue pour vous assurer que les utilisateurs réagissent à l'information.

Elles doivent être dédiées à l'achèvement d'une tâche unique et peuvent également afficher des informations pertinentes concernant cette tâche.

Les boîtes de dialogue sont fréquemment utilisées pour confirmer des actions à haut risque, comme la suppression de progrès dans un parcours.

 

✅ Usage correct :

Informations critiques : Utilisez une boîte de dialogue lorsque vous devez afficher des informations critiques qui nécessitent une attention immédiate de l'utilisateur. Les boîtes de dialogue sont plus intrusives et attirent davantage l'attention.

Validation ou confirmation : Pour des actions nécessitant une confirmation explicite de l'utilisateur, comme la suppression d'un élément important, une boîte de dialogue est appropriée pour éviter toute action accidentelle.

Interruption du flux principal : Lorsque l'action nécessite que l'utilisateur prenne une décision avant de poursuivre, une boîte de dialogue peut être plus adaptée, car elle interrompt le flux principal jusqu'à la prise de décision.

 

Localisation :

La boîte de dialogue est positionnée au centre de l'écran pour attirer l'attention de l'utilisateur de manière claire et centrale. Elle est modale, ce qui signifie qu'elle bloque temporairement l'interaction avec le reste de l'interface jusqu'à ce que l'utilisateur ait traité celle ci.



Comportement général

Le comportement général d'une alerte (ou boîte de dialogue) dans une interface utilisateur suit généralement ces principes :

 

Apparition modale

Les alertes sont souvent modales, ce qui signifie qu'elles bloquent temporairement l'interaction avec le reste de l'interface jusqu'à ce que l'utilisateur réponde à l'alerte.

 

Fermeture

Elles peuvent être fermées en appuyant sur un bouton d'action ou en effectuant une action spécifique pour répondre à l'alerte.

 

Gestion de la réponse

Le comportement de l'application en réponse à l'action de l'utilisateur est déterminé par la nature de l'alerte. Par exemple, la suppression d'un élément, la confirmation d'une action, etc.