web-dev-qa-db-fra.com

Les formulaires à plusieurs étapes devraient-ils être disposés verticalement ou horizontalement?

Je conçois un formulaire d'assurance en 4 étapes.

  1. entrez les détails
  2. voir votre devis
  3. etc.

Quelqu'un a demandé pourquoi avons-nous fait des étapes verticales (c'est-à-dire terminer l'étape 1 et passer à la nouvelle page étape 2).

Maintenant, nous savons que les utilisateurs ne se soucient pas du défilement et que les longues pages sont en fait correctes. fonctionnerait-il mieux si nous implémentions plutôt des étapes verticales? c'est-à-dire que lorsque vous terminez l'étape 1, cela déplace l'utilisateur vers le bas de la page?

formsinformation-architecturewizard
6
Anon

Je dirais que cela dépend de la complexité de votre formulaire. Si chaque étape contient au plus 3-4 questions et que la plupart des questions sont à peu près explicites et simples, c'est-à-dire qu'elles ne nécessitent pas beaucoup de texte d'aide, alors vous devez implémenter le formulaire en étapes verticales. Cela permettrait aux utilisateurs d'économiser quelques clics. Sinon, vous pouvez opter pour une étape par page.

3
donysukardi

Vous avez fondamentalement raison lorsque vous dites que les utilisateurs ne font pas attention au défilement, mais comme le souligne NNGroup:

Les internautes passent 80% de leur temps à consulter les informations au-dessus du pli de la page. Bien que les utilisateurs défilent, ils n'allouent que 20% de leur attention sous le pli. ( http://www.nngroup.com/articles/scrolling-and-attention/ )

Dans le même article, ils soulignent que (dans les articles), il vaut mieux faire défiler que paginer, "car il est plus facile pour les utilisateurs de continuer à descendre la page que de décider si ou ne pas cliquer pour accéder à la page suivante d'un article fragmenté ".

Ce que j'en conclus est:

  • articles - utilisez le défilement.
  • formulaires pas à pas - utiliser la pagination

Ce ne sont bien sûr pas des règles statiques, mais elles donnent un bon point de départ.

Comme donysukardi mentionné dans sa réponse, cela dépend beaucoup de la complexité de votre formulaire. Le Wizard Pattern peut également fonctionner si toutes les étapes sont sur la même page (peu importe si elles sont disposées horizontalement ou verticalement). Si

  • les étapes sont séparées en groupes logiques ou fonctionnels ,
  • vous fournissez les éléments de navigation suivants et précédents et
  • vous avez le moins d'étapes possible

vous ne rencontrerez aucun problème majeur. Mais personnellement, j'irais avec la voie standard.

1
Lovis