web-dev-qa-db-fra.com

Comportement modal et superposition - Quand fermer le modal

En considérant un modal/popup sur une superposition, je sais qu'il existe certaines façons acceptables (selon les besoins), quant à l'interaction qui devrait fermer le modal, comme ci-dessous:

  1. Cliquer sur superposition
  2. Frapper la touche esc
  3. Cliquez sur le modal/popup (ne pas libérer) et faites glisser la souris en dehors du modal/popup et jusqu'à la superposition, puis relâchez
  4. Avoir un bouton ou une icône de fermeture sur modal pour le faire

En dehors de cela, est-ce une bonne idée de fermer le modal, si un utilisateur clique sur la superposition (mais ne la relâche pas), commence à glisser depuis la superposition et va à l'intérieur de la fenêtre modale (en face de 3), puis relâchez la souris.

Le modal en question ici contient essentiellement un long formulaire où l'utilisateur doit entrer/modifier les détails pour enregistrer. Le formulaire comporte déjà un bouton Annuler, Enregistrer.

1
whyAto8

Si un modal contient des informations critiques qui ne peuvent pas être récupérées, il doit se fermer uniquement lorsqu'un bouton de fermeture est explicitement cliqué. Pressage Esc ou cliquer ailleurs ne devrait pas pas le fermer. Sinon, la façon dont le modal est fermé n'a pas vraiment d'importance car la plupart des utilisateurs ne veulent pas la plupart des modaux (annonces) en premier lieu.

Dans le cas d'un formulaire, je ne voudrais pas qu'il soit rejeté facilement car cela pourrait entraîner une perte de travail. Même si le formulaire est enregistré au fur et à mesure de sa progression, sa disparition pourrait entraîner une attaque de panique pour l'utilisateur.


Aucun des modaux de la page de démonstration de Bootstrap Modal se ferme lorsque je fais glisser de l'intérieur vers l'extérieur du modal. Ils se ferment lorsque je fais glisser de l'extérieur vers l'intérieur, mais cela semble être un effet secondaire de cliquer en dehors du modal. (J'utilise Firefox.)

1
習約塔

Les modaux avec des formulaires où les utilisateurs tentent de saisir des informations ne doivent fermer qu'en cliquant sur le bouton Fermer. D'autres méthodes de rejet plus rapides peuvent être utilisées sur les boîtes à lumière qui aident à afficher davantage de contenu en lecture seule déjà disponible, par exemple l'affichage d'une image plus grande. Cependant, c'est une bonne pratique d'avoir le bouton de fermeture en haut à droite comme un CTA explicite transmettant la possibilité de licenciement si nécessaire.

2
Ren