Pour commencer

Accédez aux outils et aux éléments de base qui permettent de concevoir et de mettre au point des expériences cohérentes et accessibles.

Développer Conception

Composants de saisie des formulaires

Lignes directrices et normes pour les composants communs de saisie des formulaires.

Conseils

Les normes relatives aux composants communs de saisie des formulaires nous permettent d’offrir une expérience plus cohérente et homogène dans l’ensemble des programmes et services du gouvernement du Nouveau-Brunswick.

Nos formulaires sont le principal point de contact entre les citoyens et le gouvernement. Des formulaires incohérents obligent les utilisateurs à réapprendre comment fonctionnent les choses à chaque nouvelle tâche, ce qui augmente le taux d’échec et crée des obstacles inutiles à l’accès.

Recherche de composants de saisie des formulaires

Adresse

Comment demander aux utilisateurs leur adresse.

Adresse de courriel

Comment demander une adresse de courriel aux utilisateurs.

Boutons d’option

Comment utiliser les boutons d’option pour offrir aux utilisateurs des choix mutuellement exclusifs.

Case à cocher à des fins de consentement

Comment demander le consentement des utilisateurs.

Cases à cocher

Permettent aux utilisateurs de sélectionner une ou plusieurs options.

Champs obligatoires

Comment indiquer un champ obligatoire.

Code postal

Comment demander un code postal.

Confirmation des informations

Montrez aux utilisateurs un résumé de leurs informations avant qu’ils ne les envoient.

Conteneur de formulaire

Les conteneurs de formulaire peuvent améliorer la mise en page de votre application ou service.

Date

Comment demander une date.

Evaluation par étoiles

Comment mettre en place un composant de notation par étoiles.

Formulaire de connexion

Comment créer un formulaire de connexion.

Formulaire de création de compte

Comment structurer un formulaire de création de compte.

Langue préférée

Permet à l’utilisateur de sélectionner sa langue préférée.

Liste à saisie semi-automatique

Comment créer un champ de saisie semi-automatique pour afficher des suggestions basées sur la saisie de l’utilisateur.

Numéro d’assurance-maladie

Comment demander le numéro d’assurance-maladie.

Numéro d’identification de véhicule

Comment demander aux utilisateurs leur numéro d’identification de véhicule (NIV).

Numéro de carte de bibliothèque

Comment demander un numéro de carte de bibliothèque.

Numéro de carte Plein air

Comment demander aux utilisateurs leur numéro de carte Plein air.

Numéro de compte du bien (NCB)

Comment demander un numéro de compte du bien (NCB).

Numéro de compte ou de dossier

Comment demander aux utilisateurs un numéro de compte ou de dossier

Numéro de permis de conduire

Comment demander le numéro de permis de conduire.

Numéro de téléphone

Comment demander aux utilisateurs leur numéro de téléphone.

Numéro de téléphone international

Comment demander aux utilisateurs leur numéro de téléphone international.

Plaque d’immatriculation

Comment demander le numéro de la plaque d’immatriculation d’un véhicule.

Recherche

Aidez les utilisateurs à trouver rapidement ce qu’ils cherchent.

Saisie de texte

Créez un champ de saisie de texte de base.

Sections du formulaire

Un formulaire avec des sections qui utilise des accordéons pour offrir un affichage progressif.

Sélection de listes

Comment utiliser un menu déroulant pour permettre aux utilisateurs de sélectionner une option dans une liste.

Zone de texte

Comment utiliser une zone de texte pour la saisie de plusieurs lignes par l’utilisateur.