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.
- Aller droit au but (Path to completion),
- Alignement des labels (Label alignment),
- Aide et astuces (Help & tips),
- Validation (Inline validation),
- Actions primaires et secondaires (Primary & Secondary actions),
- Actions en cours (Actions in progress),
- Erreurs (Errors),
- Input inutiles (Unnecessary inputs),
- Organisation du formulaire (Form organization),
- 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!
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.
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
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 ;)