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

Mise en page des formulaires

Meilleures pratiques pour créer des formulaires bien conçus.

Pourquoi c’est important

Un formulaire bien conçu contribue grandement à l’expérience utilisateur.

Les formulaires font partie intégrante des services en ligne. La structure et la présentation des formulaires peuvent faire la différence entre un utilisateur frustré et un utilisateur satisfait.

La mise en page adéquate des formulaires :

  • aide les utilisateurs à accomplir rapidement leurs tâches;
  • indique clairement aux utilisateurs quels sont les renseignements requis;
  • réduit les risques d’erreurs, comme l’envoi de renseignements inexacts ou incomplets;
  • contribue à une expérience fluide dans l’ensemble des programmes et des services du gouvernement provincial.

Comment procéder

Regroupements logiques

Le regroupement de champs de formulaire connexes permet de clarifier les renseignements requis à chaque étape. Les utilisateurs peuvent se concentrer sur des groupes de champs restreints, plutôt qu’essayer de comprendre l’ensemble du formulaire en une seule lecture.

Cette approche a été appliquée dans le formulaire du Programme de remise pour Internet par satellite en régions éloignées, dont les captures d’écran sont disponibles sous la rubrique Soyez inspiré du site SharePoint Système de conception du GNB.

formulaire sans regroupements
formulaire avec champs séparés en regroupements logiques

Colonne unique

Au cours de la dernière année, plus de la moitié des visiteurs ont consulté le site GNB.ca au moyen d’un appareil mobile. Il faut donc adapter les formulaires et éviter de reproduire les mises en page à colonnes multiples des versions papier pour offrir la meilleure expérience possible aux utilisateurs, quel que soit l’appareil utilisé.

formulaire sans regroupements
formulaire avec champs séparés en regroupements logiques

Alignement à gauche

Une étude menée en 2006 a révélé que les utilisateurs ont tendance à lire le contenu des sites Web selon un modèle en forme de « F » (en anglais). D’autres études ont démontré que les utilisateurs passent 80 % de leur temps sur une page à en consulter la moitié gauche(en anglais).

Par conséquent, en alignant tous les éléments de vos formulaires à gauche, y compris les boutons, vous vous assurerez que les utilisateurs ne négligeront aucune partie du formulaire. Vous réduirez également le risque d’erreurs.

formulaire sans regroupements
formulaire avec champs séparés en regroupements logiques

Révélation progressive pour les formulaires complexes

Dans les formulaires plus longs ou plus complexes, envisagez une approche de révélation progressive. Vous pouvez répartir le formulaire sur plusieurs écrans ou ne dévoiler qu’une seule section à la fois. Cette approche évite de surcharger les utilisateurs en leur présentant une longue liste de champs d’un seul coup.