Si vous êtes encore en train de chercher de l’inspiration pour refondre et améliorer vos formulaires en ligne alors arrêtez de chercher. Luke Wroblewski (mon mentor) vient de publier un document de synthèse sur les meilleurs pratiques pour les formulaires en ligne : Best Practices for Web Form Design (ficher PDF, 3.9 MB).
C’est bien simple : tout y est, tout. Je suis stupéfait par la richesse de ce document et surtout par le fait qu’il soit téléchargeable gratuitement. Si vous ne devez télécharger qu’un seul document cette année alors ça sera celui-là.
Moi je n’ai qu’une seule chose à dire : merci Luke, et . (Ha non mince c’était hier les blagues…) /Fred
Fred, tu manques de commentaires que tu es obligé de commenter tes propres billets ? ;)
Bah on va régler ça alors: très bonne ressource !
Ca veut dire quoi « télécharger » ? Vous ne voulez pas venir voir ma belle du mois d’avril sur les Chroniques du Plaisir plutôt ? ;-)
Super! ça me rappelle un ancien article sur le même sujet, d’il y a 2 ans , écrit par un certain Cavazza Fred… :-)
Bonjour, Un résumé de ce document est il disponible? Ou quelqu’un est il volontaire pour ecrire ici ce qu’il à retiré de bien de ce doc? Car 112 pages c’est long :S
Oui Thibault, En résumé : Du html propre et de l’importance du Javascript. Merci pour ce doc Fred, c’est précieux.
Dans la meme lignée, je viens de tomber sur un tutoriel pour refaire le formulaire de VOX : http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html
J’avais déjà parcouru à l’époque un document de la sorte pour faire le formulaire d emon site. C’est vraiment très interessant mais toujours un peu long. Un exemple et une check-list peuvent tenir dans une page …
112 pages sur les formulaires ! Qui fait mieux ? 150 sur < object > ?
Ce sont 112 pages très rapides à lire. Il y a beaucoup d’illustrations et c’est écris en très gros :-) Je pense que c’est une prez de conférence. Très intéressant en tout cas. Il est bon de se remémorer certaines pratiques.
Les premières page fûrent interressantes et instructives. Je lirais çà chez moi (comme une Bible) vu que l’on m’a interrompu au boulot (en pensant surement que j’perdais mon temps)… Ca sera pris en considération pour mes projets personnels uniquement :o|
Pour les fainéants voici un petit chapitrage :
Il n’y a rien de révolutionnaire, mais ce qui est très intéressant c’est son formalisme et son exhaustivité. Cela va être très utile pour tous les informaticiens qui oubli souvent l’utilisateur de base, celui qui ne navigue pas sous Linux en ligne de commande :D
Il peut être utile aussi pour les graphistes qui sont généralement les premiers à travailler sur les projets web.
Ca sent le document d’un PhD, mais en dehors du fait que c’est un peu long et pas tres sexy, à (re)garder précieusement !
Un petit update de Caedes Fred merci pour ce doc ! p.23 Label positioning p.31 Required Form Fields p.36 Field Lengths p.44 Content Grouping p.48 Actions p.58 Help & Tips p.68 Path to Completion p.71 Tabbing p.79 Progressive Disclosure p.85 Selection Dependent Inputs p.93 Inline Validation p.100 Errors p.103 Progress p.108 Success
Bonsoir à tous, Le document a l’air super alléchant, seulement voilà, j’ai téléchargé le document et j’ai à la place des captures d’écran des carrés gris. J’ai eu une boîte d’avertissement m’indiquant une erreur. Quelqu’un a-t-il rencontré ce genre de problème. J’aimerais vraiment avoir ce document sous la main. Quelqu’un peut-il m’aider ? Merci d’avance.
Luke W. est également un ardent défenseur du wireframe en Adobe Illustrator… comme moi ;-)
Quelqu’un est motivé pour faire une traduction en français sur Pompage.net ? Je comprends pas l’anglais :-s