Skip to main content

Formulaires en plusieurs étapes

Les formulaires en ligne longs et complexes peuvent rendre la navigation difficile pour les utilisateurs.

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.

Online order form

Un formulaire en plusieurs étapes 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.

Note: Le processus de création par défaut dans la phase de création est un formulaire en plusieurs étapes. Par défaut, ce formulaire en plusieurs étapes est affiché dans une fenêtre modale.

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 difficile à appréhender, vous pouvez opter pour un formulaire en plusieurs étapes. Ce formulaire répartit les informations du formulaire d’origine entre plusieurs écrans thématiques et concis. Dans l’exemple suivant, l’utilisateur accède aux différents écrans à l’aide du menu de navigation.

Multi-step form navigation in 8.5

Navigation dans un formulaire en plusieurs étapes

Les formulaires en plusieurs étapes proposent trois types de navigation : horizontale, verticale et standard. En navigation horizontale et verticale, l’utilisateur passe d’un écran à l’autre à l’aide du menu de navigation (positionné horizontalement ou verticalement). En navigation standard, l’utilisateur passe d'un écran à l'autre à l'aide des boutons Continue et Back.

Dans le menu de navigation, les utilisateurs peuvent accéder aux écrans disponibles dans l’ordre de leur choix. Ils peuvent saisir, enregistrer et modifier des informations dans l’ordre de leur choix tant que l'écran n’a pas été validé. L’option Finish apparaît sur le dernier écran du formulaire en plusieurs étapes. 

L’exemple de formulaire de commande en ligne ci-dessus utilise la navigation horizontale. Au centre de l’image suivante, faites glisser la ligne verticale pour voir les différences entre navigation verticale et navigation standard.

Vérifiez vos connaissances avec l’interaction suivante :

If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

86% found this content useful

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice