Inspiration pour les intégrateurs web : Formulaires, placeholders et validations

Le 09/07/2015

Dans Webdesign

Les formulaires sont souvent LE point critique pour votre conversion. Les meilleurs UX Designers peuvent faire tout ce qu'ils peuvent sur votre site, si le point final de votre tunnel de conversion, le formulaire d'achat/inscription/autre ne sont pas pratiques, vos résultats seront dans les choux.

Pourtant, il est extrêmement simple de "rater" un formulaire en sacrifiant l'ergonomie au profit du design. La mode ultraminimaliste actuelle, par exemple, nous pousse à utiliser des placeholders à la place des labels, mais dans ces conditions, comment indiquer l'usage d'un champ deja rempli (par exemple via auto-complétion) ?

Pour vous aider à trouver l'inspiration sur tous ces points critiques, je vous propose cette série de 10 formulaires sélectionnés pour leur façon de régler un (ou plusieurs) des problèmes associés à l'accessibilité de vos formulaires !

Formulaires, placeholders et validations

See the Pen Form submit animation AJAX by Arthur Kirsz (@arthurkirsz) on CodePen.

See the Pen Signup 3D Form by Adrian Quevedo (@adrianengine) on CodePen.

See the Pen Form Styling by Ryan Miller (@Rpmiller80) on CodePen.

See the Pen Form Controlled SVG by Andrea Tondo (@Tont) on CodePen.

See the Pen Form border feedback by Clément Paris (@ClementParis016) on CodePen.

See the Pen 3D Form Validation by Brady Sammons (@soulrider911) on CodePen.

See the Pen Sign In Form by Mickael B. (@jbltx) on CodePen.

See the Pen Login Password Mask by Tyler Kelley (@TylerK) on CodePen.