Le formulaire peut prendre des formes très diversifiées :

  • identification
  • contact
  • enregistrement client
  • invitation à un événement

Même dans sa forme la plus simple, le formulaire doit prendre en considération des objectifs parfois contradictoires (ce qui est souvent le cas dans le métier du web) :

  • quelles informations dois-je collecter ?
  • quelles sont celles qui sont obligatoires ?
  • comment rendre le formulaire intuitif ?
  • comment organiser les champs
  • quelle asssitance fournir pour la compréhension des informations à saisir ?
  • quel retour donner à l’internaute ?

La capacité du webmaster à se mettre dans la peau de son visiteur est à nouveau cruciale.

Le processus sera souvent itératif : l’implémentation initiale sera suivie d’une analyse des logs :

  • taux de visite du formulaire
  • taux d’abandon

Le taux d’abandon pourrait être révélateur d’un formulaire trop compliqué. Lors du premier contact, il faut se contenter du minimum (parfois simplement l’adresse mail), quitte à compléter plus tard, lorsque la relation de confiance sera établie : fournir son adresse, son âge, sa profession n’est acceptable que dans une relation suivie, là où une telle information est spontanément ressentie comme utile.

De même, dans un site e-commerce (webshop), la constitution d’un panier anonyme suivie d’un checkout forcément plus approfondi, améliore sensiblement le taux de rétention (formulaires qui arrivent ‘au bout du processus). Un numéro d’appel participe au même sentiment de confiance.

Nous vous recommandons ici un excellent slide qui détaille les meilleures pratiques en matière de formulaires (Luke Wroblewski de Yahoo). Les différentes options de design (organisation des champs, groupement des informations, couleurs, aide …) y sont abordées et commentées de façon fort bine documentée. Les nombreux exemples de formulaires issus de sites très diversifiés sont une source d’inspiration très intéressante.

Voici par ailleurs un article en français largement inspiré de ce slide.

Nous vous recommandons également les liens suivants :

  1. Wufoo – outil de conception de formulaires en ligne : une version gratuite limitée à 3 formulaires est disponible. L’intérêt de ce type d’outil est non seulement de pouvoir mettre en place rapidement des formulaires très variés mais aussi de pouvoir analyser les meilleures pratiques ergonomiques et visuelles en la matière.
  2. Learning to love forms (Aaron Gustafson) : excellente approche technique du traitement  d’un formulaire en HTML (comment aligner un « label » …)

Laissez un commentaire