Dans cette section, les différentes étapes de formulaires (assemblages) et les composants.
Formulaires
Un formulaire sur MAIF.fr est une interface de recueil d'informations dédiée à la mise en œuvre ou à la souscription d'un service.
Il est adapté aux parcours de toutes longueurs. Sa finalité en cas de succès est la prise en compte de la demande et, en cas d'échec, la proposition d'alternatives.
Principes d'assemblage d'un formulaire
Une étape de formulaire est composée des éléments suivants :
- Obligatoire :
- Titre (type 1) de l'univers, contrat ou produit
- Titre (type 2) du parcours de formulaire (exemple : Devis, souscription)
- À la fin de l'étape du formulaire mise en place de la zone de validation avec action étape
- Facultatif :
- Barre d'étape (6 étapes maximum) avec nom de l'étape
Les composants viendront s'imbriquer dans le corps du formulaire.
Étapes des formulaires :
- Avant de commencer : Contextualisation du parcours (étape optionnelle)
- Étapes du parcours, conditionnelles (6 étapes maximum)
- Collecte des informations personnelles
- Page récapitulative (suite à un devis ou une souscription)
- Sortie
Une page formulaire est peut-être le moment le plus générateur de frustration auprès des utilisateurs. Voici donc quelques astuces et bonnes pratiques (liste non exhaustive) pertinentes.
#regles-despacement
Règles d'espacement
Espaces communs
- le bloc information light
- les titres sections
- les sur labels
- les labels
- les sous labels
Espaces spécifiques Desktop :
- les radios picto
- les radios texte 2 lignes
Espaces spécifiques Tablette et Mobile :
- les labels sur 2 lignes
- les radios picto
- les radios texte 2 lignes
Information
Cette rubrique est en cours de refonte pour améliorer la lisibilité et la navigation.
Merci pour votre patience.