Formulaires en plusieurs étapes
Les formulaires en ligne longs et complexes peuvent rendre la navigation difficile pour les utilisateurs. Un formulaire est une interface de collecte des données auprès des utilisateurs et de traitement des tâches.
Par exemple, les formulaires de commande en ligne comme celui présenté dans l'image suivante nécessitent beaucoup de données. Les utilisateurs doivent saisir leurs coordonnées, indiquer les articles qu’ils souhaitent acheter et fournir leurs informations de paiement.
Avantages du formulaire en plusieurs étapes
Un formulaire en plusieurs étapes (Multi-step Form) représente une seule tâche, réalisée par un seul utilisateur. Il s’agit d’un workflow guidé et linéaire qui utilise des écrans d’interface liés appelés vues (Views).
Vous pouvez ainsi configurer un formulaire en plusieurs étapes pour aider les utilisateurs à réaliser des tâches complexes. Par exemple, au lieu de proposer un seul formulaire de commande en ligne surchargé de champs, vous pouvez opter pour un formulaire en plusieurs étapes. Ce formulaire répartit les informations du formulaire d’origine entre plusieurs vues thématiques et concises.
Navigation dans un formulaire en plusieurs étapes
Les formulaires en plusieurs étapes proposent trois types de navigation : horizontale, verticale et standard. Avec les trois types, les utilisateurs naviguent dans les vues à l’aide des boutons Next et Previous . La figure suivante affiche un formulaire de commande en ligne en plusieurs étapes qui utilise la navigation standard :
Avec la navigation horizontale ou verticale, un menu de navigation (orienté horizontalement ou verticalement) affiche l’étape du formulaire en plusieurs étapes sur laquelle se trouve l’utilisateur. La figure suivante affiche un formulaire de commande en ligne en plusieurs étapes qui utilise la navigation verticale :
Bien que les formulaires en plusieurs étapes soient recommandés lorsque les renseignements doivent être remplis dans un ordre séquentiel, les utilisateurs peuvent naviguer d'une vue à l'autre tant qu'il n'y a pas de champs obligatoires et que le formulaire en plusieurs étapes n'est pas soumis. L’option Submit est disponible sur la dernière vue du formulaire en plusieurs étapes. La figure suivante affiche la dernière étape d’un formulaire de commande en ligne en plusieurs étapes qui utilise la navigation horizontale :
Vérifiez vos connaissances avec l’interaction suivante :
This Topic is available in the following Module:
Want to help us improve this content?