10 bonnes pratiques pour des formulaires HTML efficaces

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

10 bonnes pratiques pour des formulaires HTML efficaces

Les formulaires sont indispensables pour recueillir les informations issues des utilisateurs. Leur mise en place nécessite quelques précautions que nous rappelle bbxdesign avec les 10 bonnes pratiques pour réaliser un formulaire d’après la conférence de Luke Wrobleski.

  1. Aller droit au but (Path to completion),
  2. Alignement des labels (Label alignment),
  3. Aide et astuces (Help & tips),
  4. Validation (Inline validation),
  5. Actions primaires et secondaires (Primary & Secondary actions),
  6. Actions en cours (Actions in progress),
  7. Erreurs (Errors),
  8. Input inutiles (Unnecessary inputs),
  9. Organisation du formulaire (Form organization),
  10. Engagement graduel (Gradual engagement).

Téléchargez la conférence audio The Value of Web Forms and Design Constraints au format mp3 (27.9 MB).

Autres ressources pour les formulaires HTML

  • JotForm — création de formulaires en ligne,
  • webjackalope — 12 exemples de formulaires d’inscription pour fainéant.
  • Fred Cavazzza en forms — Tout ce que vous avez voulu savoir sur les formulaires par un maitre du genre.

Stay tuned and mind the gap!

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



2 commentaires pour “10 bonnes pratiques pour des formulaires HTML efficaces”

  1. Jmini dit :

    Pour moi Frédéric CAVAZZA est une très bonne référence francophone. Compilation de ses articles à propos des « formulaires » sur son blog simpleweb.fr

  2. Bruno Bichet dit :

    Bien vu ! Ca me rappelle qu’il avait réalisé des exemples de formulaires en CSS il y a quelques années. Je rajoute tout ça dans le billet, merci ;)

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site