Formulaires

Dans cette section, les différentes étapes de formulaires (assemblages) et les composants.

Exemples de 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

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

img-espace-labels-desktop.png
Espaces communs
img-espace-radio-desktop.png

Espaces spécifiques Desktop :

  • les radios picto
  • les radios texte 2 lignes
img-espace-radio-mobile.png

Espaces spécifiques Tablette et Mobile :

  • les labels sur 2 lignes
  • les radios picto
  • les radios texte 2 lignes

Alternatives aux formulaires classiques :

Conversationnel Simulateur
Information

Cette rubrique est en cours de refonte pour améliorer la lisibilité et la navigation.
Merci pour votre patience.