Division des étapes dans le formulaire Wizard

Question

J'ai cette entrée de catégorie dans mon formulaire. Si une catégorie ne figure pas sur la liste, l'utilisateur devra évidemment en créer une nouvelle.

S'ils devaient en créer un nouveau, il y a 2 options: Catégorie ou Sous-catégorie.

Lors de la sélection de laquelle, ils seront présentés avec un formulaire qui correspond à ce qu'ils ont sélectionné.

Après avoir sélectionné (si c'est sur la liste) ou créé une nouvelle catégorie, ils devront remplir les attributs de cette catégorie.

Par exemple, si la catégorie est médecine, les attributs sont Dosage.

Actuellement dans ma forme, j'ai ces étapes:

• Étape Info de base - toutes les entrées ne dépendent pas d'une autre entrée
• Étape de création de catégorie - Deux étiquettes décrivant comment les utilisateurs sélectionneront celle à choisir
• Étape du formulaire de catégorie - Le formulaire lui-même lors de la création d'une nouvelle catégorie

Le formulaire passera à l'étape 2/3 uniquement si la case à cocher de la 1ère étape qui a une étiquette "Catégorie non répertoriée?" est vérifié.

Faire une "étape d'attributs" semble être une mauvaise idée, que se passe-t-il si les attributs nécessaires n'en sont qu'un? La page de l'étape semble vide

Je pense que si je devais simplement faire le formulaire en une seule étape et la "création de catégorie" un assistant en deux étapes à l'intérieur d'un modal.

Et juste montrer les attributs en ajoutant sur la même page également après avoir sélectionné une catégorie ... eh bien, cela dépend de quelle catégorie il s'agit.

-- ÉDITER --

Hmm, relisez mon post et vu qu'il n'a aucun doute hahaha

Uhm, cela ressemble plus à "Une entrée qui dépend de l'entrée précédente". Comment abordez-vous cela?

Answer 1

L'approche de l'assistant ne fonctionnera pas ici car les étapes ne sont pas linéaires et dépendent de l'entrée de l'utilisateur pour "déclencher" l'étape supplémentaire.

L'approche modale interromprait le flux, car après que l'utilisateur "Soumettre" le formulaire, le modal supplémentaire nécessiterait que l'utilisateur remplisse plus de saisie, puis "Soumettre" à nouveau pour enfin terminer l'ensemble du processus. Cela pourrait même provoquer une certaine confusion.

L'approche par formulaire d'une seule page serait meilleure (si les attributs supplémentaires requis sont courts)

1. Découpez le formulaire en petits morceaux

2. Dans la section Catégorie: fournir une sélection déroulante, dans la liste déroulante, inclure "Nouvelle catégorie"

3. Des champs supplémentaires apparaissent lorsque l'utilisateur sélectionne "Ajouter une nouvelle catégorie"

4. L'utilisateur remplit les champs supplémentaires.

5. L'utilisateur continue de terminer le formulaire