La création de formulaires efficaces est l’un de mes passes-temps professionnels favoris. Certaines fois, je vous avoue que c’est tout un défi car plusieurs enjeux doivent être pris en compte: est-ce techniquement possible à faire dans le temps qui nous est alloué? Est-ce que cela ne sera pas complètement différent de ce qui existe ailleurs sur le site web? Est-ce que ce sera visuellement attrayant?
Pour améliorer l’utilisabilité d’un formulaire, il est possible de le faire avec trop étapes faciles: créer une zone de formulaire, aligné les étiquettes et les champs convenablement et offrir qu’un seul bouton clair pour soumettre les données. Voici dun exemple tirés de mon dernier projet, governmentbids.com:
Offrer à l’usager un indice visuel clair que la zone est un formulaire. Très souvent, une simple bordure suffit. Dans le cas actuel, nous avons appliqué un concept visuel qui s’adapte au style du site web.
Pour vous assurer que l’usager relie instinctivement l’étiquette à son champs respectif, alignez le texte à droite et le champs à gauche.
Un seul bouton est nécessaire. Oubliez le fameux «reset» qui créer souvent beaucoup plus de problèmes qu’il règle de solutions. Profitez-en pour rendre ce bouton visuellement présent afin qu’il soit très facile à repérer.
Trois petits trucs et vos formulaires seront déjà beaucoup plus efficaces.
Blogues Québec inc. Blog sur divers sujets du monde des affaires et du web au québec.
Blogue de l'APCM Collaboration sur le blog de l'APCM (Association des professionnels de la communication et du marketing).
Trouvailles web Archive les bonnes pratiques du design que je retrouve tout les jours sur le web. J’y dépose des captures d’écrans, de rapides petites notes ainsi que la source.
Outils-en-ligne.com Ce blogue propose des articles et des discussions sur les outils en ligne qui permettra aux PME qui les adoptent, d’être meilleure à ce qu’elles font.
Améliorer vos formulaires en trois étapes faciles
La création de formulaires efficaces est l’un de mes passes-temps professionnels favoris. Certaines fois, je vous avoue que c’est tout un défi car plusieurs enjeux doivent être pris en compte: est-ce techniquement possible à faire dans le temps qui nous est alloué? Est-ce que cela ne sera pas complètement différent de ce qui existe ailleurs sur le site web? Est-ce que ce sera visuellement attrayant?
Pour améliorer l’utilisabilité d’un formulaire, il est possible de le faire avec trop étapes faciles: créer une zone de formulaire, aligné les étiquettes et les champs convenablement et offrir qu’un seul bouton clair pour soumettre les données. Voici dun exemple tirés de mon dernier projet, governmentbids.com:
Offrer à l’usager un indice visuel clair que la zone est un formulaire. Très souvent, une simple bordure suffit. Dans le cas actuel, nous avons appliqué un concept visuel qui s’adapte au style du site web.
Pour vous assurer que l’usager relie instinctivement l’étiquette à son champs respectif, alignez le texte à droite et le champs à gauche.
Un seul bouton est nécessaire. Oubliez le fameux «reset» qui créer souvent beaucoup plus de problèmes qu’il règle de solutions. Profitez-en pour rendre ce bouton visuellement présent afin qu’il soit très facile à repérer.
Trois petits trucs et vos formulaires seront déjà beaucoup plus efficaces.