Découvrez "Form Design Patterns", notre nouveau livre sur les formulaires Web accessibles - maintenant disponible !

Formes. Ce n'est pas un hasard si le mot rime avec "bâillements" - les formulaires Web sont ennuyeux à coder et encore plus ennuyeux à remplir pour vos visiteurs. Mais sans formulaires, le Web ne serait qu'une bibliothèque. Ils nous permettent de commenter, de collecter, de réserver, d'acheter, de partager et une foule d'autres verbes. Et surtout, ils nous permettent de faire ces choses d'une manière maladroite, opaque, déroutante, étrange, frustrante, alarmante ou aliénante. Les formulaires sont une partie si importante du Web, mais nous les concevons tout le temps de manière médiocre. Lorsqu'ils ne sont pas sur-conçus, ils ne le sont généralement pas du tout.

Avec le nouveau livre Form Design Patterns , nous voulons nous attaquer à ce problème. En parcourant étape par étape les problèmes courants du monde réel, vous apprendrez à concevoir des formulaires simples, robustes , légers , réactifs, accessibles , progressivement améliorés , interopérables et intuitifs qui permettent aux utilisateurs de faire quoi que ce soit. Et à la fin du livre, vous aurez une liste presque exhaustive de composants livrés sous forme de système de conception que vous pourrez utiliser immédiatement dans vos propres projets. (Aller à la table des matières.)

Table des matières

Chaque chapitre tourne autour d'un problème spécifique - après tout, c'est ainsi que nous résolvons les problèmes dans la vraie vie. Mais ne vous inquiétez pas, de nombreux styles, composants et modèles nés de chaque chapitre sont réutilisables et applicables bien au-delà des détails et vous en verrez des exemples au fur et à mesure que nous avancerons dans le livre.

Téléchargez gratuitement l'extrait PDF (0,7 Mo) pour avoir une idée de l'intérieur du livre.

1. Un formulaire d'inscription
   Nous commencerons par examiner les qualités fondamentales d'un formulaire bien conçu et comment y penser. En appliquant ce qu'on appelle un protocole de question, nous verrons comment réduire la friction sans même toucher l'interface. Ensuite, nous examinerons certains modèles cruciaux, y compris la validation, que nous voudrons utiliser pour chaque formulaire.
2. Un formulaire de paiement
   Nous examinerons les flux de paiement et examinerons plusieurs types d'entrées et leur impact sur l'expérience utilisateur sur les navigateurs mobiles et de bureau, tout en cherchant des moyens d'aider les nouveaux clients et les anciens clients à commander rapidement et simplement.
3. Un formulaire de réservation de vol
   Nous plongerons dans le monde des composants de formulaire personnalisés progressivement améliorés à l'aide d'ARIA. Nous y parviendrons en explorant la meilleure façon de permettre aux utilisateurs de sélectionner des destinations, de choisir des dates, d'ajouter des passagers et de choisir des sièges. Nous analyserons les contrôles de formulaire natifs et envisagerons de rompre avec les conventions lorsque cela deviendra nécessaire.
4. Un formulaire de connexion
   Nous allons examiner le formulaire de connexion omniprésent. Malgré son apparence simple, il y a un tas d'échecs d'utilisabilité dont tant de sites souffrent.
5. Une boîte de réception
   Nous allons concevoir des moyens de gérer les e-mails en masse, notre premier regard sur les interfaces administratives. En tant que tel, cela s'accompagne de son propre ensemble de défis et de modèles, y compris un menu d'action réactif décrit par ARIA, une sélection multiple et une messagerie sur la même page .
6. Un formulaire de recherche
   Nous créerons un formulaire de recherche réactif qui sera facilement disponible pour les utilisateurs sur toutes les pages, et nous considérerons également l'importance du mécanisme de recherche qui l'alimente.
7. Un formulaire de filtre
   Les utilisateurs ont souvent besoin de filtrer un grand nombre de résultats de recherche peu maniables. Sans un filtre bien conçu, les utilisateurs sont obligés d'abandonner. Les filtres posent un certain nombre de problèmes de conception intéressants et uniques qui peuvent nous obliger à remettre en question les meilleures pratiques pour offrir aux utilisateurs une meilleure expérience.
8. Un formulaire de téléchargement
   De nombreux services, tels que le partage de photos, la messagerie et de nombreuses applications de back-office, permettent aux utilisateurs de télécharger des images et des documents. Nous étudierons l'entrée de fichier et comment nous pouvons l'utiliser pour télécharger plusieurs fichiers à la fois. Ensuite, nous examinerons les subtilités d'une interface améliorée par glisser-déposer Ajax qui inclut les utilisateurs de clavier et de lecteur d'écran.
9. Un formulaire de dépenses
   Nous étudierons le problème particulier de la nécessité de créer et d'ajouter de nombreuses dépenses (ou toute autre chose) dans un système. C'est vraiment une excuse pour couvrir le add another pattern , qui est souvent utile dans les interfaces d'administration.
10. Un formulaire vraiment long et compliqué
    Certains formulaires sont très longs et prennent des heures à remplir. Nous examinerons certains des modèles que nous pouvons utiliser pour faciliter la gestion des longs formulaires.

A propos de l'auteur

Adam Silver est un concepteur d'interaction avec plus de 15 ans d'expérience de travail sur le Web pour diverses entreprises, notamment Tesco, BBC, Just Eat, Financial Times, le ministère du Travail et des Pensions et autres.

Il s'intéresse particulièrement à la conception inclusive et aux systèmes de conception et écrit à ce sujet sur son blog et dans des publications de conception populaires telles que A List Apart . Ce n'est pas non plus son premier livre : il a déjà écrit Maintainable CSS , un livre sur la création d'interfaces utilisateur maintenables avec CSS.

Détails techniques

• 384 pages, 14 × 21 cm ( 5,5 × 8,25 pouces),
• ISBN : 978-3-945749-73-9 (imprimé),
• Couverture rigide de qualité avec reliure cousue et ruban marque-page,
• L' eBook est disponible en PDF, EPUB et Amazon Kindle.
• Expédition gratuite par avion dans le monde entier depuis l'Allemagne. Les délais de livraison.
• Disponible sous forme imprimée, couverture rigide de qualité et eBook.

Témoignages

Notre objectif a été de rendre le livre aussi pratique et utile que possible . Nous avons été honorés de recevoir des critiques très positives de la part de personnes créant des sites Web à petite et à grande échelle.

• « J'écris des formulaires en HTML depuis plus de 20 ans. Ce livre capture l'essence de ce que c'est que d'adopter des normes, d'améliorer progressivement et de fournir des formulaires simples et accessibles . En formalisant les modèles de conception que nous pouvons tous utiliser et mettre en œuvre, les développeurs et les concepteurs peuvent se concentrer sur leur site Web et leur produit. J'aurais aimé que ce soit disponible il y a 20 ans !
  — Paul Duncan, technologues en conception et professeur d'accessibilité
• « Dans un monde de formulaires horriblement balisés, ce livre est un phare qui éclaire la voie vers des expériences utilisateur plus accessibles. Je le recommande vivement à tous ceux qui conçoivent ou développent des interfaces utilisateur pour éviter les pièges courants de l'accessibilité des formulaires que nous rencontrons trop souvent. »
  — Marcy Sutton, défenseure de l'accessibilité
• "Formes. Ce n'est pas un hasard si le mot rime avec "bâillements" - les formulaires sont ennuyeux à coder et encore plus ennuyeux à remplir pour vos visiteurs. Alors faites en sorte qu'ils fonctionnent mieux pour tout le monde, en utilisant les conseils concrets, le code et la microcopie de ce livre. Et enlevez vos propres bâillements, car Adam Silver a fait toutes les recherches et le codage pour vous.
  — Bruce Lawson, défenseur des normes Web
• « Form Design Patterns propose des solutions de bon sens et inclusives pour des formulaires à la fois simples et potentiellement complexes. C'est votre compagnon lorsque vous vous efforcez de créer un Web interactif plus simple et plus facile.
  — Heydon Pickering, consultant UX et accessibilité

Pourquoi ce livre est fait pour vous

Ce livre est un guide pratique pour tous ceux qui ont besoin de concevoir, de prototyper et de créer toutes sortes de formulaires pour des services, des produits et des sites Web numériques. Vous apprendrez :

1. Les éléments de formulaire natifs disponibles et leurs pouvoirs, limitations et contraintes.
2. Quand et comment créer des composants de formulaire personnalisés accessibles qui peuvent offrir aux utilisateurs une meilleure expérience par rapport à leurs équivalents natifs.
3. Comment réduire considérablement les frictions dans les formulaires avec une utilisation prudente du langage, du flux et de l'ordre.
4. Des moyens (et des moyens non) d'aider les utilisateurs à corriger facilement les erreurs de formulaire .
5. Comment gérer les interfaces complexes qui permettent aux utilisateurs de télécharger des fichiers et d'ajouter plusieurs éléments de toutes sortes.
6. Des moyens de permettre aux utilisateurs de rechercher et de filtrer un large éventail de résultats en fonction de leur propre modèle mental.
7. Comment aider les clients à remplir des formulaires particulièrement longs et complexes qui peuvent prendre des semaines à remplir.

Nous avons hâte de connaître votre avis sur le livre ! Bonne lecture , et nous espérons que vous trouverez le livre aussi utile que nous. Ayez juste une tasse de café (ou de thé) prête avant de commencer à lire, bien sûr. Restez fracassant et... miaou !