web-dev-qa-db-fra.com

Formulaires de bons de commande complexes - avez-vous des conseils ou de bonnes références?

Imaginons que vous deviez concevoir un formulaire de bon de commande plus complexe que "d'habitude" et comportant plusieurs éléments affectant le prix final:

  • Choisissez entre plusieurs pistes (par exemple, Basic, Standard, Premium, etc.)
  • Différents types de licence dans chaque package (par exemple, limité, complet, administrateur, etc.)
  • S'engager sur plusieurs périodes de licence

Comment préférez-vous le faire?

Assistant étape par étape? ou voir et pouvoir changer toutes les variables en un seul endroit?

Le premier est plus facile à utiliser, mais le second permet à l'utilisateur de comparer rapidement et de voir comment chaque changement se reflète sur la ligne du bas.

Si vous avez de bons exemples de telles formes, j'adorerais les voir.

6
Dan Barak

Cela ressemble à ce que vous faites pourrait être similaire à la commande d'un ordinateur en ligne, où vous choisissez parmi différentes options pour le processeur, la mémoire, les accessoires, etc. Consultez les sites Web de Dell et d'Apple pour vous inspirer.

Dell utilise un style assistant dans lequel chaque option se trouve sur une page différente. Apple met tout sur la même page. Trois choses que j'aime qu'ils ont tous deux en commun:

  • Vous commencez par choisir parmi quelques types d'ordinateurs de base, avant d'explorer les détails. (Cela pourrait être analogue à vos "pistes".)

  • Un résumé de vos choix et prix est toujours disponible dans le coin supérieur droit.

  • Lorsque la sélection d'une option modifie la "ligne de fond", elle vous indique le montant, par exemple "8 Go (4 x 2 Go) [Ajouter 150,00 $]"

2
Patrick McElhaney

J'utiliserais une solution hybride d'onglets ou un contrôle accordéon, donc d'une part, il est simple de comprendre chaque élément de l'assistant, mais d'autre part, la navigation est toujours simple et il est facile de passer d'une étape à l'autre.

pour un exemple d'accordéon, consultez le formulaire d'enregistrement de domaine sur GoDaddy (globalement très lent et trop déroutant, mais regardez le fonctionnement de l'accordéon).

Je ne me souviens pas où j'ai vu un assistant d'onglet récemment.

1
Sruly

Je ne recommande pas d'utiliser un assistant pour un formulaire de bon de commande, sauf si vos clients sont particulièrement patients et ne toléreront rien à acheter chez vous. Je suppose que vous avez des étapes supplémentaires telles que les méthodes de paiement, etc. Vos clients n'apprécieront pas de passer par 6 étapes.

Cela dépend de la complexité de chaque étape, mais pour moi, la règle de base est de demander le nombre minimal absolu de détails et d'utiliser une seule page. Voir le formulaire d'inscription à 37signals.com.

1
idophir