Sur le web, est-il sage de permettre l'ouverture d'une popup modale (B) à partir d'une autre popup modale (A)?
Si la fenêtre contextuelle modale B devait être fermée, l'utilisateur afficherait à nouveau la fenêtre contextuelle modale A.
Je demande car je peux envisager certains problèmes, par exemple en fermant le deuxième popup, si on clique sur la superposition, les deux modaux se ferment-ils ou juste le second? L'utilisateur penserait-il que le premier modal a disparu ou saurait-il qu'il peut y revenir en fermant le second modal? etc.
Exemple de maquette:
Modal A.
Modal B. S'ouvre lorsque l'on clique sur le bouton dans le Modal A
En général, j'utilise les directives suivantes pour l'utilisation des modaux:
Est-ce ciblé? Chaque fois que vous lancez un modal devant un utilisateur, vous perturbez son flux de travail. La perturbation n'est pas toujours mauvaise. Parfois, c'est ce que tu veux. Mais vous devez réaliser que vous le faites et l'utiliser à votre avantage. Les éléments d'un modal doivent être autonomes. Une bonne règle de base est qu'un modal ne doit être utilisé que lorsque son contenu est ciblé ou peut être affiché sur sa propre page. Des exemples de cela sont Pinterest cartes, Trello pins, ou Behance posts. Notez qu'ils sont tous des articles autonomes, qui peuvent être liés en profondeur, mais tous utilisent des modaux en ligne pour concentrer l'attention de l'utilisateur sur un élément spécifique. L'utilisateur n'a pas à se souvenir d'autres éléments pour interagir avec lui.
Est-ce cohérent? Sans directives claires sur le moment et la façon dont les articles comme les modaux peuvent être utilisés, ils peuvent perdre leur efficacité car ils seront utilisés partout. Malheureusement, un mauvais exemple de cela se trouve ici à Stack Exchange. Sur votre profil d'utilisateur, votre menu de niveau supérieur contient des liens vers "Modifier • Privilèges • Préférences • Flair • Applications", qui vous emmènent tous autres pages. Le dernier élément de cette liste, "Mes connexions", s'ouvre dans un modal. Cela ne correspond pas à la façon dont les modaux sont utilisés ailleurs pour alerter l'utilisateur ou l'aider à se concentrer sur une tâche.
Est-ce trop complexe? L'utilisation d'un modal au-dessus d'un autre modal est un gros indicateur rouge que quelque chose est tombé en panne dans votre flux de travail. Si votre flux de travail nécessite un deuxième modal, vous avez probablement de plus gros problèmes de complexité au sein de votre modal. N'oubliez pas: certains des meilleurs cas d'utilisation pour les modaux sont un contenu simple et ciblé. Squarespace utilisez plusieurs modaux lorsque vous ajoutez certains contenus. Et bien que j'aime le produit, c'est l'élément que je déteste le plus dans le produit. C'est déroutant et fastidieux.
Les modaux sont un excellent outil. Leur utilisation excessive peut cependant affaiblir leur efficacité dans votre flux de travail.
Non jamais. L'ajout d'une deuxième boîte de dialogue modale par rapport à la première équivaut à utiliser une fenêtre contextuelle sur une fenêtre contextuelle (et il y a une bonne raison pour laquelle elles étaient bloquées dans le navigateur et bientôt obsolètes dans la conception Web). Essayez plutôt de guider vos utilisateurs à travers un assistant de dialogue modal avec une interface claire de ce à quoi s'attendre ensuite. L'utilisateur se sent à l'aise et fait confiance à l'application lorsqu'elle sait à quoi s'attendre ensuite. Comme l'exemple suivant:
Quoi
Guidez l'utilisateur pas à pas dans l'interface pour effectuer les tâches dans un ordre prescrit.
Utiliser quand
Vous concevez une interface utilisateur pour une tâche qui est longue ou compliquée, et qui sera généralement nouvelle pour les utilisateurs - ce n'est pas quelque chose qu'ils font souvent ou que vous souhaitez contrôler de manière très fine (comme l'installation d'un progiciel). Vous êtes raisonnablement certain que le concepteur de l'interface utilisateur en saura plus que l'utilisateur sur la meilleure façon d'accomplir la tâche.
Référence: Conception d'interfaces: Assistant
Les fenêtres modales sont utilisées lorsque vous souhaitez créer une certaine forme de dépendance, c'est-à-dire empêcher l'utilisateur de faire d'autres travaux jusqu'à ce que ce qui est requis dans le modal soit terminé. Si le modal 2 pouvait s'ouvrir à partir du modal 1, il ne serait pas différent des fenêtres contextuelles. Donc, à mon avis, la fermeture d'un modal pour afficher un autre modal devrait être évitée en premier lieu. Pour toute raison technique, si le modal 2 se superpose au modal 1, il devrait être transparent, c'est-à-dire que l'utilisateur ne devrait pas voir deux modaux différents. La fermeture du modal 2 devrait fermer le modal 1 ... à mon humble avis.
Il faudrait que ce soit un design différent au cas où vous voudriez une sorte de comparaison/référence entre plusieurs fenêtres.
Une fenêtre modale est une couche supplémentaire de complexité, distillée à partir du niveau inférieur. Si vous ajoutez une autre couche, vous ajoutez une autre couche de complexité (quel que soit le contenu de votre couche).
Ce que vous faites ici, c'est de forcer l'utilisateur à construire votre modèle mental et non son propre.