Dialog - Boîte de dialogue

Fenêtre simulée qui apparait au dessus du composant principal permettant de concentrer l’attention de l’utilisateur exclusivement sur une tâche ou un élément d’information, sans perdre le contexte de la page en cours.

 

Dialog - Bandeau

Les boîtes de dialogue sont utilisées pour interrompre le parcours d'un utilisateur. Il est ensuite bloqué sur le contenu de celle ci et doit effectuer une action pour revenir sur son parcours.

Elles sont couramment utilisées pour des taches peu fréquentes et/ou courtes. Si un utilisateur doit effectuer une tâche de manière répétée, il faut envisager de rendre celle ci réalisable à partir de la page principale.

 


Quand utiliser une boîte de dialogue

  • Demander une réponse immédiate de l'utilisateur
  • Informer l'utilisateur d'une information urgente
  • Confirmer une décision de l'utilisateur

Comportement général

Le comportement général d'une boîte de dialogue comprend les aspects suivants :

 

Déclenchement :

Les boîtes de dialogue sont généralement déclenchées par une action spécifique de l'utilisateur, telle qu'un clic sur un bouton, un lien ou une commande dans l'application. Elles apparaissent généralement au-dessus du contenu principal de la page ou de l'application, et elles sont conçues pour attirer l'attention de l'utilisateur.

 

Modalité :

Les boîtes de dialogue sont modales, ce qui signifie qu'elles bloquent l'interaction avec le reste de l'interface tant qu'elles sont affichées. L'utilisateur doit d'abord traiter la boîte de dialogue avant de pouvoir interagir à nouveau avec le reste de l'application. Cela garantit que l'utilisateur traite l'information importante ou répond à la demande avant de passer à autre chose.

 

Contenu :

Le contenu d'une boîte de dialogue peut varier en fonction du contexte. Cela peut inclure des messages d'erreur, des messages de confirmation, des formulaires pour saisir des informations, des avertissements importants, des choix à faire, etc.

 

Interaction :

Une boîte de dialogue propose généralement des éléments d'interaction tels que des boutons (comme "OK", "Annuler", "Confirmer", "Fermer", etc.) qui permettent à l'utilisateur de répondre à la demande ou de prendre une décision. Les interactions avec les boîtes de dialogue peuvent être limitées à un ensemble spécifique d'actions pour s'assurer que l'utilisateur suit un flux d'interaction défini.

 

Fermeture :

Les boîtes de dialogue peuvent être fermées de différentes manières : en cliquant sur un bouton de fermeture grâce à la croix dans le coin supérieur droit, en cliquant en dehors de la boîte de dialogue ou en appuyant sur une touche spécifique du clavier (comme "Échap"). La fermeture de la boîte de dialogue rétablit l'interaction avec le reste du produit.