Ergonomie & Accessibilité

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!

Publié le par Bruno Bichet