Articles pour les mots-clés ‘formulaire’

Le web, qui se voulait, à ses débuts, être un outil libérateur et inclusif, a vu son potentiel dilué par des pratiques souvent maladroites. Malgré un accès sans précédent à des tutoriels, formations et ressources variées, une majorité de sites restent frustrants à naviguer, exclusifs “by design”, et truffés d’interactions mal pensées et de formulaires impraticables.

Derrière ce titre racoleur se cache un ouvrage dont le contenu a été rassemblé et structuré sur plusieurs années. Ce livre vous propose de découvrir et redécouvrir les bonnes pratiques et les erreurs encore très courantes qui nuisent à l’expérience utilisateur et peuvent, plus souvent que vous ne l’imaginez, vous faire perdre de l’argent et des opportunités.

Dans mon éternelle quête d’un web meilleur, une question m’a été posée récemment sur LinkedIn. Cette question était la suivante : connais-tu un plugin WordPress qui permette de créer un formulaire accessible ? Je ne me suis jamais posé la question car j’utilise Contact Form 7 qui permet de faire un peu ce qu’on veut. Mais creusons ensemble.

Comme je l’annonçais dans l’article à propos du DevFest de Nantes de 2022, j’ai travaillé récemment sur la réalisation d’une checklist afin d’accompagner product designers, product owner, développeurs et designers dans la réalisation de meilleurs formulaires web.

Une fois n’est pas coutume, cette année m’a permis de proposer et présenter un sujet à un événement que j’apprécie particulièrement : le DevFest Nantes. Dans la rubrique UX/UI Design j’ai proposé un sujet sur l’expérience utilisateur des formulaires web, et quelques pistes d’entrée pour améliorer cette expérience.

Les expériences les plus douloureuses sur le mobile sont très certainement celles sur les formulaires en ligne qu’il faut remplir ici et là. Et si vous optimisiez ces expériences étape par étape ? Aujourd’hui, je vous propose une solution pour la saisie d’un code unique temporaire : Vous recevez le SMS avec un code, votre clavier vous le suggère – un seul tap, c’est fait ! Ok, c’est parti !

Je continue d’écrire cette série d’articles sur des petites parties spécifiques de CSS, HTML ou JavaScript. Une petite chose à apprendre, facile à digérer et à utiliser dans votre travail quotidien. La dernière fois, il s’agissait de listes et d’attributs spécifiques comme start, reversed et type pour les éléments ul et ol. Cette fois, plongeons dans defaultValue dans JS.

Il y a quelques temps de cela, lorsque je faisais des recherches sur les boutons radios et checkboxes personnalisables en CSS, j’avais en tête de faire la même chose avec le champ « fichier » (input-file). J’avais donc fait un essai en CSS pur. Puis j’avais laissé l’idée de côté.

HTML5 apporte son lot de nouveautés également dans nos bons vieux formulaires. Proposant historiquement un nombre assez limité de types de champs (text, password, file, radio, checkbox, submit, image, hidden, reset,button) et d’éléments de contrôle (<textarea>, <select>, <option> et <optgroup>, <button>), HTML5 vient bousculer nos habitudes en proposant de nouveaux types notamment.

Ces dernières semaines, j’ai tenté de trouver de nouvelles méthodes pour faciliter la tâche dans l’intégration de certains éléments précis d’un site Web. Je me suis également essayé a des choses plus poussées, comme le remplacement du JS d’un slideshow par du CSS.