web-dev-qa-db-fra.com

Ajouter un autre élément - meilleur modèle pour les modaux

Pour cette application que je conçois, nous devons ajouter un ou plusieurs éléments à une grille. Nous avons choisi d'ajouter les éléments via une boîte de dialogue modale en raison de la complexité de certains scénarios qui ne seraient pas possibles avec l'ajout en ligne (nous autorisons cependant l'utilisateur de modifier en ligne les champs les plus fréquemment modifiés).

L'utilisateur peut ne vouloir ajouter qu'un ou plusieurs éléments, et j'essaie de concevoir le modèle modal le plus utilisable qui lui permettra de le faire. Notre conception actuelle fonctionne de la même manière que le modal Créer un problème dans Jira, c'est-à-dire que vous cochez la case `` Créer un autre '' avant de cliquer sur `` Créer ''.

Create Another

Je ne suis pas un grand fan de ce design car:

  1. Il faut que l'utilisateur se souvienne de cocher la case.
  2. Cela ressemble à trop d'effort lorsque l'utilisateur ne souhaite ajouter que 2 éléments. En tant que tel, nous constatons que les utilisateurs ignorent la boîte, en cliquant sur 'Ajouter' qui ferme le modal, puis en cliquant à nouveau sur 'Ajouter un élément' pour afficher le modal une deuxième fois. Cette conception est extrêmement irritante si vous ajoutez seulement 2 parce que vous devez cocher la case, puis cliquer sur Créer, puis (si la case reste cochée), décochez la case afin d'ajouter le deuxième élément et fermez le modal.
  3. Il existe une ambiguïté au sein de l'équipe quant à savoir si, après avoir activé la case à cocher et cliqué sur Créer, la case à cocher doit toujours être cochée. Je suis d'avis que cela dépend du type d'élément qu'ils ajoutent (comme dans notre système, il existe de nombreux types différents) et de la fréquence à laquelle ils ajouteraient plus de 2 éléments. Mais si tous les modaux fonctionnaient différemment, l'utilisateur ne saurait jamais à quoi s'attendre.

J'ai un autre design qui ressemble à celui ci-dessous (anonymisé en conséquence). Cela permettrait à l'utilisateur de cliquer sur Ajouter un élément une fois qu'il aura terminé de remplir les champs. Cliquer sur Ajouter un élément ajouterait l'élément à la grille (et fournirait également des commentaires dans une boîte de message indiquant que cela avait eu lieu) et laisserait le modal ouvert avec des champs vides pour permettre à l'utilisateur d'en ajouter un second. Ils pourraient en ajouter autant qu'ils le souhaitent, après quoi, ils cliqueraient sur Terminer. Cette conception a également un onglet Résumé qui leur permettrait de revoir tous les éléments qu'ils ont ajoutés. (Mais cela peut être exagéré pour certains types d'articles).

La chose étrange à propos de cette conception, cependant, est que le bouton Terminer ferait essentiellement la même chose que le bouton Annuler (sauf si nous avons utilisé Terminer pour conserver tous les éléments de l'onglet Résumé dans la grille en même temps, mais j'hésite à le faire cela car l'utilisateur peut perdre son travail). Mais sans le bouton Terminer, il ne serait pas clair que vous pourriez ajouter plusieurs éléments avant de cliquer sur Terminer.

Quelqu'un a-t-il des améliorations à cette conception ou des notes sur les meilleures pratiques pour ajouter plusieurs éléments via un modal?

enter image description here

Merci, Amy

3
Amy

L'utilisateur peut manquer complètement la case à cocher et le texte, car il s'estompe dans le pied de page de votre modal. Il n'y a rien qui attire l'attention là-dessus. Je voudrais essayer deux boutons distincts pour enregistrer: "Enregistrer et ajouter un autre" et "Enregistrer et fermer" (ou simplement "Enregistrer").

3
Ashley Richards

Que diriez-vous d'un onglet pour chaque objet que vous souhaitez créer?

batch editor

2
6220119