Découvrez les «modèles de conception de formulaire», notre nouveau livre sur les formulaires Web accessibles en vente! éclatant

Les formulaires sont au centre de toutes les interactions significatives. Ils méritent donc une bonne prise en main. C’est pourquoi nous avons publié Form Design Patterns un nouveau livre imprimé sur les formulaires Web accessibles et bien conçus. Aller à la table des matières ou obtenir le livre immédiatement .

Formulaires. Ce n'est pas un hasard si le mot rime avec «bâillement» – les formulaires Web sont ennuyeux à coder et encore plus ennuyeux à remplir par vos visiteurs. Mais sans formulaires, le Web ne serait qu'une bibliothèque. Ils nous ont laissé commenter, rassembler, réserver, acheter, 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 constituent une partie si importante du Web, mais nous les concevons mal tout le temps.

Avec le nouveau livre Form Design Patterns nous voulons nous attaquer à ce problème. En abordant pas à pas les problèmes concrets du monde réel, vous apprendrez à concevoir des modèles simples, robustes légers adaptables, accessibles progressivement améliorés des formulaires interopérables et intuitifs qui permettent aux utilisateurs d'effectuer des tâches de toutes les manières. Et à la fin du livre, vous aurez une liste exhaustive de composants livrés sous forme de système de conception que vous pouvez utiliser immédiatement dans vos propres projets. ( Aller à la table des matières. )

<! –

À propos du livre

* Modèles de conception de formulaire * contient dix chapitres ([↓ Table of Contents] (# toc)). Chacun d’entre eux représente un problème concret commun que nous allons résoudre ensemble, étape par étape. Le design consiste tout autant à poser (et à comprendre) des questions qu'à créer des solutions. Nous allons donc passer du temps à cela: discuter du problème, évaluer les options et ** créer des solutions techniques simples et inclusives **.

En fin de compte, le livre concerne comprendre ce dont les utilisateurs ont besoin . Les utilisateurs sont des personnes et les personnes sont différentes. Nous allons donc examiner plusieurs modalités d’interaction et déterminer comment aider les utilisateurs à travailler dans des conditions de situation (temporaires ou permanentes) et environnementales. Nous examinerons chaque problème à travers un objectif de conception inclusif. Parce qu'un bon design est inclusif.

->

Table Of Contents

Chaque chapitre est consacré à un problème spécifique. Après tout, c’est ainsi que nous résolvons les problèmes dans la vie réelle. Mais ne vous inquiétez pas, beaucoup de styles, de composants et de motifs nés de chaque chapitre sont réutilisables et applicables bien au-delà des détails et vous aurez Vous en trouverez des exemples en parcourant le livre.

Téléchargez gratuitement l’extrait au format PDF (0.7 MB) pour avoir une idée de ce à quoi ressemble le livre.

1. Un formulaire d’enregistrement
   Nous commencerons par examiner les qualités fondamentales d’une forme bien conçue et à réfléchir à ces qualités. En appliquant ce que l’on appelle un protocole de questions, nous verrons comment réduire les frictions sans même toucher l’interface. Nous examinerons ensuite certains modèles essentiels, y compris la validation, que nous voudrons utiliser pour chaque formulaire.

2. Un formulaire de commande
   Nous examinerons les flux de paiement et examinerons plusieurs types d'entrée et leur incidence sur l'expérience utilisateur sur les navigateurs mobiles et de bureau, tout en cherchant des moyens d'aider les clients, qu'ils soient débutants ou fidèles, à commander rapidement et simplement

3. Un formulaire de réservation de vol
   Nous allons plonger dans le monde de progressivement amélioré composants de formulaire personnalisés utilisant ARIA. Pour ce faire, nous explorerons le meilleur moyen 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 forme native et envisagerons de rompre avec la convention lorsque cela deviendra nécessaire.

4. Un formulaire de connexion
   Nous allons examiner le formulaire de connexion omniprésent. Malgré son apparence simple, de nombreux sites souffrent de nombreux problèmes d’utilisabilité.

5. Une boîte de réception
   Nous allons concevoir des moyens de gérer le courrier électronique en masse, notre premier regard sur les interfaces administratives. En tant que tel, cela vient avec son propre ensemble de défis et de schémas, y compris un menu d'action réactif décrit par ARIA, à sélection multiple et de messagerie de même page .

6. Un formulaire de recherche
   Nous allons créer un formulaire de recherche réactif, facilement disponible pour les utilisateurs sur toutes les pages, et nous tiendrons également compte de l’importance du mécanisme de recherche qui l’alimente.

7. Un formulaire de filtrage
   Les utilisateurs doivent souvent filtrer un grand nombre de résultats de recherche difficiles à manier. Sans filtre bien conçu, les utilisateurs sont tenus d'abandonner. Les filtres posent un certain nombre de problèmes de conception intéressants et uniques qui peuvent nous obliger à contester 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 la manière de l’utiliser pour télécharger plusieurs fichiers à la fois. Ensuite, nous examinerons les subtilités d’une interface améliorée par Ajax glisser-déposer incluant 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 ajouter un autre motif ce qui est souvent utile dans les interfaces administratives.

10. Une forme très longue et compliquée
    Certains formulaires sont très longs et prennent des heures à remplir. Nous examinerons quelques-uns des modèles que nous pouvons utiliser pour faciliter la gestion des formulaires longs.

À propos de l'auteur

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

Il s'intéresse particulièrement à le design inclusif and design systems et écrit à ce sujet sur son blog et dans des publications populaires sur le design, telles que A List Apart . Ce n'est pas non plus son premier livre: il avait précédemment écrit Maintenable CSS un livre sur la création d'interfaces utilisateur gérées avec CSS.

Technical Details

• 384 14 ] × 21 cm ( 5,5 × 8,25 pouces),
• ISBN: 978-3-945749-73-9 print),
• Couverture rigide de qualité avec reliure cousue et marqueur de page de ruban,
• Le livre électronique est disponible en PDF, EPUB et Amazon Kindle.
• Livraison gratuite par la poste aérienne en Allemagne.
• Disponible en tant que imprimé, couverture rigide de qualité et eBook .

Témoignages

Notre objectif était de créer le livre aussi pratique et utile que possible . Nous avons été honorés de recevoir des critiques très positives de la part de ceux qui ont créé des sites Web à petite et grande échelle.

• «J'écris des formulaires en HTML depuis plus de 20 ans. Ce livre résume l’essentiel de ce qu’il convient d’adopter des normes, d’améliorer progressivement et de livrer 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. Je souhaite que ce soit disponible il y a 20 ans! "
  – Paul Duncan, Technologues en conception et enseignant en accessibilité

• «Forms. Ce n'est pas un hasard si le mot rime avec «bâillement» – les formulaires sont ennuyeux à coder et encore plus ennuyeux à remplir par vos visiteurs. Améliorez-les pour tout le monde, en utilisant les astuces concrètes, le code et la microcopie de ce livre. Et emportez vos propres bâillements, car Adam Silver a effectué toutes les recherches et tous les codages nécessaires. "
  – Bruce Lawson, avocat pour les standards du Web

• " Les modèles de conception de formulaire établissent le bon sens et des solutions inclusives pour formes à la fois simples et potentiellement complexes. C’est votre compagnon lorsque vous vous efforcez de créer un site Web interactif plus simple et plus facile. "
  – Heydon Pickering, consultant en accessibilité et en accessibilité

Pourquoi ce livre est pour vous

Ce livre est un guide pratique pour tous ceux qui doivent concevoir, créer des prototypes et créer toutes sortes de formulaires destinés aux services, produits et sites Web numériques. . Vous apprendrez :

1. Les éléments de forme natifs disponibles ainsi que leurs pouvoirs, limitations et contraintes.
2. Quand et comment créer des composants de formulaire personnalisés accessibles cela peut donner aux utilisateurs une meilleure expérience par rapport à leurs équivalents natifs.
3. Comment [significativement réduire considérablement le frottement dans les formes avec un usage prudent du langage, du flux et de l'ordre.
4. Des moyens (et des moyens non) de aider les utilisateurs à corriger facilement les erreurs de forme
5. Comment traiter les interfaces complexes qui permettent aux utilisateurs de télécharger des fichiers et d'ajouter plusieurs éléments de toute sorte.
6. Méthodes permettant aux utilisateurs de ] rechercher et filtrer un large éventail de résultats selon leur propre modèle mental.
7. Comment aider les clients à remplir en particulier des formulaires longs et complexes pouvant durer des semaines.

Nous avons hâte d'entendre ce que vous pensez de ce livre! Bonne lecture et nous espérons que vous trouverez ce livre aussi utile que nous. une tasse de café (ou de thé) prête avant de commencer à lire, bien sûr. Restez brisant et … miaou !