Les 10 commandements pour un bon formulaire (Partie 1)

Étiquettes : accessibilité, Communication Web, Web 2.0

Reflexion, choix des champs … Découvrez nos 10 commandements pour un bon formulaire sur votre site.

Construire des formulaires sur vos sites internet n’est pas chose aisée. Nous vous expliquions déjà comment mettre en place un formulaire. Entre le choix des champs qu’il contiendra, le design et le process de validation, on peut facilement s’y perdre. Voici la liste de nos 5 premiers commandements pour un bon formulaire sur vos sites. [pullquote]Quand on me demande un formulaire de contact, je prends un stylo et une feuille (oui oui …) et je note les différents champs dans leur ordre d’importance pour moi. Ainsi je peux placer les champs importants en premier lieu, tels que le nom ou le message. [/pullquote]

Les 10 commandements pour un bon formulaire, une réflexion en amont avant tout

De champ inutile, tu n’en feras point

Pensez à toujours réfléchir en amont à vos formulaires de contact. N’y incluez que les champs que vous allez utiliser. Nul besoin donc, de demander le code postal si cette information n’a aucune utilité pour vous, par exemple.

De l’ordre des champs, tu choisiras leur importance

Personnellement, je suis de la vieille école.Quand on me demande un formulaire de contact, je prends un stylo et une feuille (oui oui …) et je note les différents champs dans leur ordre d’importance pour moi. Ainsi je peux placer les champs importants en premier lieu, tels que le nom ou le message.

Point de bon formulaire sans réflexion sur votre contenu

Tu choisiras la taille optimale de tes champs

Point de vue visuel, il est vivement recommandé que la taille de vos champs corresponde aux données qui y seront entrées. Ainsi, il serait illogique que le champ « code postal » fasse la même taille que l’adresse mail.

Tu indiqueras clairement si le champ est obligatoire

Avec une astérisque. Un point d’exclamation. Un post-it ultraviolet. Peu importe, du moment que visuellement, l’utilisateur sache quels champs sont obligatoires.

Un message d’erreur pour chaque champ, tu prévoiras

Et non un message d’erreur global stipulant « Une erreur s’est produite. Veuillez réessayer de nouveau ». Indiquez clairement le champ ou l’erreur s’est glissée. L’utilisateur ne va pas réfléchir à votre place pour détecter son erreur.

Ceci cloture les 5 premiers commandements d’un bon formulaire sur votre site web. Les 5 suivants se trouvent dans cet article. 

Par: Houdayfa Cherkaoui

Expérience Utilisateur

Houdayfa. Avec un prénom si compliqué, j'étais prédestiné à passer du côté obscur de l'informatique. J'ai commencé à dessiner des petits carrés sur Paint, j'en suis pour l'instant devenu Webmaster éditorial et je finirais peut-être par devenir le créateur du premier réseau social sur la Lune.