DEMANDE DE FINANCEMENT

BESOIN

Créer un formulaire de demande de financement pour la plate-forme d’achat en ligne de véhicule. Le formulaire devait être simple à compléter malgré la grande quantité de champs. Le format en plusieurs étapes a été choisi.

RÔLE

Tout en respectant l’interface d’origine, j’ai proposé une amélioration de la structure des formulaires pour améliorer le taux d’achèvement.

Pour ce faire, j’ai utilisé de bonnes pratiques qui respectent l’accessibilité et qui permettent de diminuer la charge cognitive.

DEMANDE DE FINANCEMENT

BESOIN

Créer un formulaire de demande de financement pour la plate-forme d’achat en ligne de véhicule. Le formulaire devait être simple à compléter malgré la grande quantité de champs. Le format en plusieurs étapes a été choisi.

RÔLE

Tout en respectant l’interface d’origine, j’ai proposé une amélioration de la structure des formulaires pour améliorer le taux d’achèvement. Pour ce faire, j’ai utilisé de bonnes pratiques qui respectent l’accessibilité et qui permettent de diminuer la charge cognitive

BONNES PRATIQUES

BONNES PRATIQUES

  • Positionner le titre au-dessus du champ.

  • Le Placeholder ne disparait pas au Focus. Se déplace à côté du Label entre parenthèse.

  • Mettre les champs dans une seule colonne sauf pour ceux qui sont logique de garder ensemble. ex: 3 champs pour une carte de crédit

  • Choisir une longueur de champ cohérente avec la longueur du contenu à insérer.

  • Espacer les champs pour faciliter la lecture.

  • Si le formulaire contient plus de 6 champs, les regrouper en sous-catégorie avec un nom de section.

  • Utiliser les types de champ qui ne cachent pas les réponses possibles. Il est préférable d’utiliser les cases à cocher et les boutons radio et de réserver le liste déroulante pour les longues listes de choix possibles.

  • Ajouter des éléments visuels tels que les icônes pour faciliter le choix.

  • Ajouter une validation à chaque champ qui permet de dire si le format est approprié.

  • Utiliser une barre de progression et la possibilité de continuer plus tard le reste du processus.

  • Intégrer des éléments qui indiquent des erreurs ou succès tout au long du processus comme des message d’erreur et de succès.

  • Respecter les bonnes pratiques d’accessibilité.

Voir le prototype