Champs relatifs à la quantité du bâtiment : nombre d’invités, d’articles, etc.

Combien d'invités ? Combien de billets ? De combien d'articles avez-vous besoin ? Les champs de quantité recueillent des valeurs numériques qui orientent les décisions, de la planification d'événements au traitement des commandes en passant par l'allocation des ressources.

Ce guide vous apprendra à créer des champs de quantité efficaces avec une validation appropriée, des limites et des contrôles conviviaux.

Quand vous avez besoin de champs de quantité

Inscription aux événements

• Nombre de participants
• Nombre de convives pour le dîner
• Billets demandés
• Réservations de table (nombre de personnes)

Commandes et demandes

• Quantité d'articles
• Nombre de copies
• Unités nécessaires
• quantités de commandes en gros

Réservations

• Nombre de chambres
• Personnes par chambre
• Nombre de nuits
• Véhicules du groupe

Sondages et commentaires

• Évaluation sur une échelle de 1 à 10
• La fréquence compte
• Années d’expérience
• Nombre d'employés

Demandes et formulaires

• membres du ménage
• titulaires
• Années à l'adresse
• Nombre de véhicules possédés

Planification des ressources

• Besoin de chaises
• Des places de stationnement sont nécessaires.
• Repas à préparer
• quantité de matériaux

Création d'un champ Quantité

Voici comment créer des champs de quantité avec Générateur de formulaires automatiques:

Étape 1 : Installer Auto Form Builder

1. Allez dans Plugins → Ajouter un nouveau
2. Rechercher "AFB(nom abrégé de Auto Form Builder)
3. Trouver "AFB – Créateur de formulaires automatiques – Créateur de formulaires par glisser-déposer"
4. Cliquez à nouveau sur Installer maintenant, puis Activer

Étape 2: Ajoutez un Champ numérique

1. Créez ou modifiez votre formulaire
2. Trouvez Numéro dans la palette de terrain
3. Faites-le glisser sur votre canevas de formulaire.
4. Cliquez pour ouvrir les paramètres

Étape 3 : configurer les paramètres de base

Étiquette de champ

Étiquettes claires et précises :

• « Nombre d’invités »
• "Quantité"
• « Combien de billets ? »
• « Format fête »

Obligatoire / Facultatif

• Requis – Vous devez saisir un numéro pour soumettre.
• Optionnel – Peut laisser vide

Texte d'aide

Clarifier les attentes :

• « Vous y compris »
• « Maximum 10 par commande »
• « Entrez 0 si aucun »

Étape 4 : Définir les valeurs minimales et maximales

Limiter la plage des valeurs acceptables :

Valeur minimum

• Nombre minimum autorisé
• Souvent 0 ou 1
• Empêche les nombres négatifs

Valeur maximum

• Nombre maximal autorisé
• En fonction des capacités, des stocks ou des politiques
• Empêche les quantités irréalistes

Étape 5 : Configurer la taille du pas

Montants d'incrémentation du contrôle :

• Étape 1 – Les nombres entiers (1, 2, 3…)
• Étape 0.5 – Demi-incréments (1, 1.5, 2…)
• Étape 5 – Sauts de 5 (5, 10, 15…)
• Étape 10 – Des dizaines seulement (10, 20, 30…)

Étape 6 : Définir la valeur par défaut (facultatif)

Préremplir avec un nombre de départ :

• valeur la plus courante
• Minimum requis
• Quantité suggérée

Exemples de champs de quantité

Nombre de participants à l'événement

La quantité de produit

Réservation de restaurant

d'années d'expérience

Commande groupée (par incréments de 10)

Champ numérique ou liste déroulante pour les quantités

Utilisez le champ numérique lorsque :

• La plage de valeurs est large (1-100+)
• Toute valeur comprise dans la plage est valide
• Les utilisateurs connaissent la quantité exacte nécessaire
• La précision compte

Utilisez le menu déroulant lorsque :

• Options limitées (1-10)
• Valeurs spécifiques uniquement (et non une plage de valeurs)
• Vous souhaitez afficher toutes les options en un coup d'œil ?
• Prix ​​et options différents selon la quantité

Comparaison

Avancé : Mode curseur

Certains créateurs de formulaires proposent la saisie de nombres à l'aide de curseurs :

Quand utiliser les curseurs

• Les valeurs approximatives conviennent.
• La représentation visuelle est utile
• Plage limitée (1-10, 1-100)
• Interface ludique et attrayante souhaitée

Quand NE PAS utiliser les curseurs

• Valeurs exactes requises
• Large gamme (1-1000)
• La précision compte
• L'accessibilité est prioritaire

Configuration du curseur

• Min/Max : Définir la plage
• Étape: Montant d'augmentation
• Afficher la valeur : Afficher le numéro actuel
• Couleur : Adaptez votre design

Validation des champs de quantité

Validation intégrée

Les champs numériques sont validés automatiquement :

• Doit être un nombre (pas du texte).
• Dans la plage min/max
• Correspond aux incréments de pas

Messages d'erreur

Message clair en cas d'invalidité :

• «Veuillez saisir un nombre»
• « La valeur minimale est de 1 »
• « La valeur maximale est de 10 »
• «Veuillez saisir une valeur par incréments de 5»

Côté client vs. côté serveur

• Côté client : Retour d'information instantané, meilleure expérience utilisateur
• Du côté serveur: La sécurité est inviolable.
• Les bons formulaires utilisent les deux

Conseils pour l'expérience utilisateur

1. Utilisez le type de saisie approprié

Les champs numériques doivent déclencher le clavier numérique sur mobile :

• Entrée plus rapide
• Moins d'erreurs
• Meilleure expérience

2. Fournir des commandes de rotation

Les flèches haut/bas aident les utilisateurs :

• Incrémenter sans saisir
• Ajuster les valeurs
• Retour visuel

3. Indiquer clairement les limites

Indiquez aux utilisateurs la plage acceptable :

• Dans le texte d'aide
• Dans l'espace réservé
• Attributs min/max visibles

4. Définir des valeurs par défaut intelligentes

Préremplissez les champs lorsque cela est pertinent :

• valeur la plus courante
• Minimum requis
• Laisser vide si la variation est importante

5. Gérer les cas limites

Considérer:

• Aucun invité supplémentaire autorisé ? (« 0 invité supplémentaire »)
• Faut-il des décimales ? (0.5 heure)
• Nombres très élevés ? (définir un maximum réaliste)

6. Utiliser des étiquettes contextuelles

Précisez clairement ce qui est comptabilisé :

• « Nombre d’invités », et non pas seulement « quantité ».
• « Nombre de billets nécessaires », et non pas seulement « Montant ».
• Indiquez les unités, le cas échéant (« Heures », « Articles »).

Scénarios de champs de quantité courants

Inscription à l'événement avec nombre d'invités

Structure du formulaire :

1. Nom (déclarant)
2. Email
3. Nombre d'invités (1-10)
4. Noms des invités (conditionnel, si invités > 1)
5. Besoins alimentaires

Formulaire de commande de produit

Structure du formulaire :

1. Sélection de produits (menu déroulant)
2. Quantité (1-100)
3. Adresse de livraison
4. Instructions spéciales

Demande de service

Structure du formulaire :

1. Type de service
2. Nombre d'heures nécessaires
3. Nombre de travailleurs requis
4. Date de préférence
5. Lieu

Enquête avec réponses numériques

Structure du formulaire :

1. Combien de fois par semaine pratiquez-vous [activité] ?
2. Depuis combien d'années êtes-vous client ?
3. Combien de produits possédez-vous ?
4. Évaluation (1-10)

Gestion de grands groupes ou de grandes quantités

Stratégie du point de rupture

Pour les quantités dépassant le traitement normal :

• Forme standard : 1-20 Vacanciers
• Message à un large groupe : « Pour les groupes de plus de 20 personnes, veuillez nous contacter directement. »

Approche à plusieurs niveaux

• 1-10 : Réservation en ligne standard
• 11-50 : Dépôt requis
• 51 ans et plus : Devis personnalisé requis

Suivi conditionnel

Si la quantité dépasse le seuil :

• Afficher les champs supplémentaires
• Demander plus d'informations
• Afficher les instructions spéciales

Considérations d'accessibilité

Navigation au clavier

• Touche Tab pour sélectionner le champ
• Touches fléchées pour incrémenter/décrémenter
• Saisissez directement les valeurs exactes

Lecteurs d'écran

• Étiquettes claires annoncées
• limites min/max communiquées
• Messages d'erreur lisibles

Clarté visuelle

• Contraste suffisant
• États de concentration clairs
• Taille de police lisible

Dépannage des champs de quantité

Utilisateurs saisissant des nombres invalides

Solutions:

• Effacer min/max dans le texte d'aide
• Retour d'information immédiat sur la validation
• Utilisez les commandes de rotation

Problèmes décimaux

Problème: Les utilisateurs saisissent 2.5 alors que seuls les nombres entiers sont autorisés.

Solution: Définissez l'étape sur 1, précisez dans le texte d'aide

Problèmes de clavier mobile

Problème: Le clavier de texte s'affiche à la place du clavier numérique.

Solution: Assurez-vous que le champ utilise un type de saisie numérique.

Numéros négatifs soumis

Solution: Définir le minimum à 0 ou 1

Questions fréquemment posées

Dois-je utiliser un champ numérique ou un champ texte pour les quantités ?

Utilisez toujours un champ numérique. Il permet la validation, active le clavier numérique sur mobile et inclut des commandes d'incrémentation.

Comment autoriser les décimales ?

Définissez la valeur du pas pour inclure des décimales (par exemple : 0.1 ; ​​0.5 ; 0.01). Cela permet des valeurs comme 1.5 ou 2.25.

Quelle est une bonne valeur maximale ?

Paramétrez ce paramètre en fonction de votre capacité réelle ou de votre politique. Si vous pouvez accueillir jusqu'à 50 invités, indiquez un maximum de 50. N'utilisez pas l'option « illimité » : les utilisateurs pourraient saisir 99 999.

La quantité doit-elle être égale à 1 par défaut ou rester vide ?

Indiquez la valeur 1 si au moins un élément est toujours requis (billets, articles). Laissez ce champ vide si la valeur zéro est acceptable ou si sa valeur varie considérablement.

Comment puis-je exiger une quantité minimale ?

Définissez la valeur minimale dans les paramètres du champ. Les utilisateurs ne pourront pas soumettre de valeurs inférieures à ce nombre.

Résumé

Création de champs de quantité efficaces :

1. Utilisez le type de champ numérique – Pas du texte
2. Établir des étiquettes claires – Qu’est-ce qui est compté ?
3. Définir min/max – Limites réalistes
4. Configurer la taille du pas – Nombres entiers ou décimaux
5. Ajouter du texte utile – Expliquer les limites et les attentes
6. Définir des valeurs par défaut intelligentes – Le cas échéant
7. Tester sur mobile – Le clavier numérique apparaît

Conclusion

Les champs de quantité semblent simples, mais une configuration adéquate est essentielle pour une saisie fluide et éviter la frustration des utilisateurs. Définir des limites appropriées, utiliser le bon type de saisie et fournir des instructions claires permettent aux utilisateurs de saisir rapidement des quantités valides.

Générateur de formulaires automatiques Le champ numérique inclut tout ce dont vous avez besoin : limites minimales et maximales, incréments, valeurs par défaut et saisie numérique optimisée pour les mobiles. Configurez-le une seule fois, et vos champs de quantité fonctionneront immédiatement.

Prêt à collecter les quantités ? Télécharger Auto Form Builder et créez des champs de quantité professionnels pour vos formulaires.