Nous avons un formulaire très long, 40 champs.
Q1: Où devons-nous placer les champs obligatoires, en haut ou en bas?
Q2: Sur la base de la première question, où devrions-nous placer le bouton soumettre? Haut, bas ou les deux? Nous n'avons pas d'autres options!
Si vous le pouvez, essayez d'éviter du tout d'afficher les champs facultatifs - cela rendra le formulaire plus court et donc moins intimidant pour les utilisateurs. Affichez simplement les champs obligatoires sur le formulaire, puis après la soumission, affichez peut-être un avis du type "Merci! Vos données ont été soumises. Si vous le souhaitez, vous pouvez nous aider à améliorer [notre service/votre expérience/etc] en en fournissant des informations supplémentaires ci-dessous: "
Quant au bouton soumettre, placez-le en bas. Les utilisateurs seront en bas lorsqu'ils seront prêts à soumettre.
Cela dépend du type de champs dont vous disposez. Avec quel type de formulaire traitons-nous? Avez-vous un exemple des champs?
Je suggérerais de diviser le formulaire en plusieurs sections (ne pas commander les champs obligatoires en premier ou en haut du formulaire)
Par exemple.
[Section A]
[Section B]
[Section C]
Vous pouvez afficher toutes ces sections par défaut, ou vous pouvez choisir de les basculer. Pour chaque section, vous pouvez valider les champs obligatoires. Vous pouvez basculer automatiquement la section suivante si tous les champs obligatoires sont remplis. Encore mieux et plus convivial est de placer un bouton d'envoi par section. Vous pouvez le désactiver et l'activer lorsque les champs obligatoires sont remplis. Après avoir soumis, il basculera la section suivante.
L'affichage du bouton d'envoi (pour publier le formulaire) au bas du formulaire semble être une bonne idée car les gens s'attendent à ce qu'il soit à cette position.
À moins que les champs obligatoires et facultatifs séparés ne correspondent également au flux de travail, je ne recommanderais aucune des deux options. Vous souhaitez offrir à l'utilisateur l'expérience la plus simple et la plus transparente. Si les champs du formulaire ne progressent pas conformément au flux de travail de l'utilisateur, l'utilisateur peut devoir travailler beaucoup plus dur pour obtenir/fournir les informations demandées.
Par exemple: supposons que vous demandiez 4 informations:
Si ceux-ci sont séparés en sections obligatoires et facultatives, l'utilisateur peut avoir recherché ses formulaires fiscaux pour saisir les informations demandées en 1, puis replacé les déclarations dans ses fichiers. Lorsqu'ils atteindront le numéro 4 et voudront fournir ces informations, ils devront retourner dans leurs fichiers et retirer à nouveau les formulaires pour obtenir ces informations.
Bien que cet exemple soit un peu à l'extrême, vous ne voulez pas que l'utilisateur doive se déplacer dans les deux sens lors de la saisie des informations. Il augmente la charge cognitive et la frustration pour l'utilisateur.
Placez toujours le bouton Soumettre à la fin du formulaire, car c'est là que l'utilisateur termine son travail.