web-dev-qa-db-fra.com

grand formulaire VS étapes / assistant

Dans un formulaire pour insérer des produits/services (dans lequel les produits auront des données supplémentaires pour les produits qui sont composés d'un mélange de quantités d'autres produits), est-il préférable d'avoir un grand formulaire avec tous les champs là-bas et montrant le supplément champs lorsque "c'est un produit composé" est sélectionné, ce qui risque de créer un grand nombre de champs accablants pour l'utilisateur, mais d'avoir tout ce dont vous avez besoin juste devant vous et de le remplir. Ou divisez ce formulaire en étapes et suivez un itinéraire différent dans le cas où vous choisissez 'Produit' (pour sélectionner s'il est composé ou non), puis à nouveau un itinéraire différent si le Produit est Sélectionner comme composé.

Mon inclination est pour la dernière approche mais je pense que cela pourrait prendre beaucoup d'étapes.

ce qui se passerait lors de la création d'un service:

Description and Reference-> Is it a produtct or a service?-> Brand-> Service Family-> Service Type-> Stamp duty and VAT-> Want to had a image?-> Any extra observations?

lors de la création d'un produit composé:

Description and Reference-> Is it a produtct or a service?-> Is it composed?-> Add the products and quantities that compose it -> Brand-> Product Family-> Product Type-> Stamp duty and VAT-> Want to had a image?-> Any extra observations?

MODIFIER

également mon problème avec la rétroaction, dans l'approche étapes/assistant, est le fait qu'il y aura un nombre différent d'étapes selon les choix effectués au cours du processus

EDIT2

Ok, j'ai essayé de comprendre et je pense que je pourrais avoir une solution. Si j'agrège quelques actions dans la même étape, est-ce une mauvaise idée? (car l'utilisateur effectue jusqu'à 3 actions mais l'étape est toujours la même)

Étape 1: Description and Reference->

Étape 2: Is it a produtct or a service?-> Is it composed?-> Add the products and quantities that compose it-> OR JUSTE Is it a produtct or a service?-> (en cas de prestation)

Étape: Brand->

Étape 4: Product Family-> Product Type->

Étape 5: Stamp duty and VAT->

Étape 6: Want to had a image?->

Étape 7: Any extra observations?

Qu'en pensez-vous?

La dernière suggestion de Franchesca est également intéressante, mais je n'aime pas vraiment l'idée de changer la taille des marches en cours de route, il semble que cela donne un sentiment d'incohérence.

3
FabioG

Je le décomposerais certainement en étapes pour éviter la douleur d'une forme géante.

Beaucoup d'étapes sont bien, mais l'utilisateur doit avoir des commentaires sur leur progression via l'assistant. La meilleure façon dont j'ai vu cela se fait avec une barre de progression de formulaire, quelque chose comme ceci:

enter image description here

ou ca:

enter image description here

Il pourrait également être agréable d'ajouter un texte encourageant comme "à mi-chemin" ou "presque terminé", pour cette touche personnelle, à moins que vous n'ayez une impression vraiment formelle/d'entreprise.

ÉDITER:

Pour gérer les étapes inconnues, il peut être judicieux de définir un contour de barre de progression à largeur fixe et de ne remplir les étapes futures que lorsque l'utilisateur a effectué des sélections déterminant le chemin. Sinon, laissez l'espace vide. Modifiez la taille de l'étape pour remplir/ajuster dans l'espace gauche. Une idée approximative pourrait ressembler à ceci:

enter image description here

2
Franchesca

Nous avons rencontré ce problème lorsque nous concevions un "flux d'assistant" pour permettre à un représentant des ventes d'un magasin de téléphones portables d'activer (configurer) un nouveau téléphone pour un client. Selon le type de téléphone acheté par le client et qu'il soit neuf pour l'opérateur ou un client existant, les étapes et les options varient considérablement.

Ce que nous avons fini par faire, c'est d'avoir une double barre de progression, un peu comme une navigation principale et une navigation de sous-section immédiatement en dessous. Celui en haut permet de suivre les principales sections que vous devez parcourir, et celle ci-dessous détaille les éléments de la section actuelle dans laquelle vous vous trouvez. Les sous-étapes peuvent varier selon les options que vous choisissez, mais les sections principales doivent rester plus ou moins cohérentes. Il ne semble donc pas que vous montiez soudainement plus d'étapes à mi-chemin du processus.

Donc, pour votre exemple, considérez les sections principales comme ... Description et référence -> Détails sur le produit ou le service -> Droit, taxe -> Pièce jointe à l'image -> Commentaires supplémentaires

Je ne sais pas si vous devez afficher les sous-étapes sous Produit/Service si elles peuvent facilement être placées sur une seule page. J'envisagerais de demander à l'utilisateur s'il s'agit d'un produit ou d'un service tout en bas de la description et de la référence sous la forme de deux boutons: il s'agit d'un "produit" "service". Vous souhaiterez peut-être mettre à jour l'étiquette de l'étape deux pour être un type de produit spécifique. Ensuite, il n'est pas nécessaire de développer/réduire davantage de champs.

Oui, cela fait plus de travail pour les développeurs car c'est sur plusieurs pages ... mais si votre formulaire est complexe, cela vaut le travail supplémentaire.

1
nightning