Les Doigts dans le Web #2
J’ai écumé le web pour vous trouver les meilleures ressources en matière de formulaires. Comment créer un formulaire : du code au logiciel. Découvrez les bonnes pratiques pour styler un formulaire, les techniques de validation et les normes d’ergonomie. Enfin, vous saurez tout sur les plugins WordPress pour créer un formulaire.
Tous les liens s’ouvrent dans un nouvel onglet.
Design
- Gallerie de plus de 100 formulaires pour vous inspirer (anglais)
- 20 templates pour des formulaires en CSS3 (anglais)
- Plusieurs designs, un formulaire (cliquez sur les liens sous le formulaire pour le personnaliser) (anglais)
Ergonomie
- Optimiser l’ergonomie des formulaires web
- Ergonomie et usabilité : créer des formulaires efficaces
- Ergonomie des formulaires : la validation instantanée est un must !
Création de formulaire (code)
- Les formulaires (niveau débutant)
- Personnalisation d’un formulaire XHTML avec CSS (niveau intermédiaire)
- La validation des formulaires avec jQuery Validate (tutoriel)
Création de formulaire (logiciel)
WordPress
- Vitaminer le formulaire de recherche de WordPress
- 20 plugins gratuits de formulaires de contact pour WordPress (anglais)
- Comment configurer le plugin WordPress Contact Form 7 (vidéo)
Bon week-end à tous!
Requêtes ayant mené à cet article
ergonomie des formulaires web | les doigts dans le web | les meilleurs formulaires | tutoriel formulaire ergonomique | ergonomie formulaire web inscription | les meilleurs formulaires web | quelques formulaires pour converser en anglais | ressources web formulaire |
A propos de MarieEve
Développeure et formatrice Web, Internet est mon métier et ma passion. Vous gérez votre site professionnel vous-même ? Formez-vous ici grâce à une information claire et accessible.
Bonjour Marie Eve!
Je suis ravie de voir que tu te prêtes au jeu des rétrospectives.
Ca prend du temps de fouiner un peu partout sur le web, mais au moins c’est plein de ressources à garder sous le coude.
Et en plus, on découvre des perles qui restent méconnues.
Merci d’avoir sélectionné toutes ces infos !
En fait je fais d’une pierre deux coups! Vois-tu, j’aime bien glaner des ressources et trier les meilleurs sites, ceux qui font mouche, pour y revenir à mon aise quand j’en ai besoin. Mais évidemment, cela prends beaucoup de temps, et mes bookmarks delicious sont pleins à craquer!! Du coup, j’ai trouvé cette idée pour mettre à profit le temps passé à chercher ces sources. L’idée d’articuler ces ressources autour d’un thème m’a semblé judicieuse pour faciliter la recherche le jour où le besoin se fait sentir.
Tu fais bien de te manifester, je vais aller faire un tour du côté de tes rétrospectives twitter…
Bonjour Marie-Eve
C’est plein de ressources que tu nous livre là. Je vais avoir de la lecture pour ce week-end. Je suis justement sur le formulaire depuis quelque temps.
Bon week-end
Thierry
Bonjour Marie Eve,
Merci pour ces différentes sources sur la conception de formulaire. J’avais écrit sur le sujet dans mon blog : http://www.lionel-ledoucin.com/concevoir-formulaire-site-web
Je viens juste de découvrir ton blog que je trouve très intéressant et que je vais suivre régulièrement. A bientôt.
amicalement
Bonjour Lionel, bienvenue sur le blog
Merci pour ton lien, ton article est fort complet, de plus, je n’avais mentionné aucun article parlant de la conversion d’un formulaire, alors il tombe à pic!
Bonjour Marie-Ève,
Les meilleures ressources en matière de formulaires, ce serait d’appliquer tous les styles énoncés dans ton article mais comme ils ne sont pas tous appliqués de façon identique selon les navigateurs, alors il me semble que c’est une équation compliquée à mettre en place entre la charte graphique, l’ergonomie et l’accessibilité.
Styler des éléments de formulaire html, cela ne donne pas un résultat terrible mais avec Javascript on arrive à avoir un résultat plutôt satisfaisant…
Je n’ai pas grande expérience à écrire les langages css et html, mais j’ai voulu tout simplement dire quelque mots sur ce commentaire…
Si vous voulez enrichir vos connaissances, tapez «Stylez-moi ce formulaire!/Les intégristes» pour en savoir davantage sur le sujet…
Réal
Merci pour la citation, et pour ces ressources complémentaires bien choisies.
Il faut garder à l’esprit que les formulaires font fuir beaucoup de visiteurs : les utiliser à bon escient et offrir la possibilité d’un « social login » peut être un complément intéressant dans certains cas.
Merci de m’avoir cité dans cet article héhé
les liens sont sympas yen a pas mal que je connaissais pas 
A bientôt j’espère 
Au plaisir
Ton blog m’a vraiment aidé quand je travaillais en agence sur Magento, ça me fait plaisir de te faire découvrir à mes lecteurs.
A++