Aantal velden voor het gebouw: Aantal gasten, items, enz.
Hoeveel gasten? Hoeveel tickets? Hoeveel artikelen heb je nodig? Aantalvelden verzamelen numerieke waarden die bepalend zijn voor beslissingen – van evenementplanning en orderverwerking tot resourceallocatie.
In deze handleiding leer je hoe je effectieve hoeveelheidsvelden bouwt met de juiste validatie, limieten en gebruiksvriendelijke bedieningselementen.
Wanneer je hoeveelheidsvelden nodig hebt
Evenement registratie
- Aantal deelnemers
- Aantal gasten voor het diner
- Aangevraagde tickets
- Tafelreserveringen (aantal personen)
Bestellingen en aanvragen
- Aantal artikelen
- Aantal kopieën
- Benodigde eenheden
- Grote bestellingen
Boekingen en reserveringen
- Aantal kamers
- Aantal gasten per kamer
- Nummer van nachten
- Voertuigen in de groep
Enquêtes en feedback
- Beoordeling op een schaal van 1 tot 10
- Frequentietellingen
- Jaar ervaring
- Aantal werknemers
Aanvragen & Formulieren
- Gezinsleden
- Dependents
- Aantal jaren op dit adres
- Aantal voertuigen in bezit
Resourceplanning
- Stoelen nodig
- Parkeerplaatsen vereist
- Maaltijden om te bereiden
- Hoeveelheid materialen
Een hoeveelheidsveld maken
Zo maak je hoeveelheidsvelden aan met Auto Form Builder:
Stap 1: Installeer Auto Form Builder
- Ga naar Plug-ins → Nieuw toevoegen
- Zoeken "AFB” (de korte naam voor Auto Form Builder)
- Vind "AFB – Auto Form Builder – Formulierbouwer met drag-and-drop-functionaliteit"
- Klik Installeer nudan Activeren
Stap 2: voeg een Nummerveld
- Maak of bewerk uw formulier
- Find Telefoon Nummer in het veldpalet
- Sleep het naar je formuliercanvas
- Klik om de instellingen te openen
Stap 3: Basisinstellingen configureren
veld Label
Duidelijke, specifieke labels:
- “Aantal gasten”
- "Aantal stuks"
- "Hoeveel kaartjes?"
- “Partygrootte”
Vereist/Optioneel
- Nodig – U moet een nummer invoeren om te verzenden
- optioneel – Kan leeg gelaten worden
Helptekst
Maak verwachtingen duidelijk:
- “Jezelf erbij betrekken”
- “Maximaal 10 per bestelling”
- "Voer 0 in als er geen waarde is"
Stap 4: Stel het minimum en maximum in
Beperk het bereik van acceptabele waarden:
Minimale waarde
- Laagst toegestane aantal
- Vaak 0 of 1
- Voorkomt negatieve getallen
Maximale waarde
- Hoogst toegestane aantal
- Op basis van capaciteit, voorraad of beleid.
- Voorkomt onrealistische hoeveelheden
Stap 5: Configureer de stapgrootte
Beheer de verhogingsbedragen:
- Stap 1 – Hele getallen (1, 2, 3…)
- Stap 0.5 – Halve stappen (1, 1.5, 2…)
- Stap 5 – Sprongen van 5 (5, 10, 15…)
- Stap 10 – Alleen tientallen (10, 20, 30…)
Stap 6: Standaardwaarde instellen (optioneel)
Vul vooraf een startnummer in:
- Meest voorkomende waarde
- Minimum vereist
- Voorgestelde hoeveelheid
Voorbeelden van hoeveelheidsvelden
Aantal gasten voor het evenement
| omgeving | Waarde |
|---|---|
| label | “Aantal gasten” |
| Nodig | Ja |
| Minimum | 1 |
| maximaal | 10 |
| Stap voor | 1 |
| Standaard | 1 |
| Helptekst | “Inclusief jezelf (max. 10 personen)” |
Product kwantiteit
| omgeving | Waarde |
|---|---|
| label | "Aantal stuks" |
| Nodig | Ja |
| Minimum | 1 |
| maximaal | 100 |
| Stap voor | 1 |
| Standaard | 1 |
| Helptekst | “Minimale bestelling: 1” |
Restaurantreservering
| omgeving | Waarde |
|---|---|
| label | “Partygrootte” |
| Nodig | Ja |
| Minimum | 1 |
| maximaal | 20 |
| Stap voor | 1 |
| Standaard | 2 |
| Helptekst | “Voor groepen van meer dan 20 personen kunt u ons bellen.” |
Jarenlange ervaring
| omgeving | Waarde |
|---|---|
| label | Jarenlange ervaring |
| Nodig | Ja |
| Minimum | 0 |
| maximaal | 50 |
| Stap voor | 1 |
| Standaard | (Geen) |
| Helptekst | Voer 0 in als dit je eerste jaar is. |
Grote bestelling (in stappen van 10)
| omgeving | Waarde |
|---|---|
| label | “Bestelhoeveelheid” |
| Nodig | Ja |
| Minimum | 10 |
| maximaal | 1000 |
| Stap voor | 10 |
| Standaard | 10 |
| Helptekst | “Bulkbestellingen in veelvouden van 10” |
Numeriek veld versus keuzelijst voor aantallen
Gebruik het numerieke veld wanneer:
- Het bereik is groot (1-100+).
- Elke waarde binnen het bereik is geldig.
- Gebruikers weten precies hoeveel ze nodig hebben.
- Precisie is belangrijk
Gebruik het keuzemenu wanneer:
- Beperkte opties (1-10)
- Alleen specifieke waarden (geen bereik)
- Wil je alle opties in één oogopslag zien?
- Verschillende prijzen/opties afhankelijk van de hoeveelheid.
Vergelijk
| Aspect | Nummerveld | Dropdown |
|---|---|---|
| Grote assortimenten | ✅ Gemakkelijk te hanteren | ❌ Te veel opties |
| Kleine reeksen (1-5) | ✅ Werkt | ✅ Werkt goed |
| Mobiele UX | ✅ Numeriek toetsenbord | ✅ Native picker |
| Aangepaste stappen | ✅ Stapinstelling | ✅ Definieer exacte opties |
| Visuele opties | ❌ Slechts een getal | ✅ Kan labels weergeven |
Geavanceerd: Schuifregelaarmodus
Sommige formulierbouwers bieden schuifregelaars voor het invoeren van getallen:
Wanneer schuifregelaars te gebruiken
- Bij benadering zijn de waarden prima.
- Visuele weergave helpt
- Beperkt bereik (1-10, 1-100)
- Een leuke/boeiende interface is gewenst.
Wanneer je schuifregelaars NIET moet gebruiken
- Exacte waarden vereist
- Breed bereik (1-1000)
- Precisie is belangrijk
- Toegankelijkheid heeft prioriteit.
Schuifregelaarconfiguratie
- Min/Max: Definieer bereik
- Stap: Toenamebedrag
- Toon waarde: Huidig nummer weergeven
- Kleur: Stem uw ontwerp af op uw ontwerp
Validatie voor hoeveelheidsvelden
Ingebouwde validatie
Numerieke velden worden automatisch gevalideerd:
- Het moet een getal zijn (geen tekst).
- Binnen het minimum/maximum bereik
- Komt overeen met stapgroottes
Foutberichten
Duidelijke feedback bij ongeldige gegevens:
- "Voer een nummer in"
- “Minimumwaarde is 1”
- “Maximale waarde is 10”
- "Voer een waarde in in stappen van 5"
Client-side versus server-side
- Clientzijde: Directe feedback, betere gebruikerservaring
- Serverzijde: Beveiliging, kan niet worden omzeild.
- Goede formulieren gebruiken beide
Tips voor gebruikerservaring
1. Gebruik het juiste invoertype
Numerieke velden moeten het numerieke toetsenbord op mobiele apparaten activeren:
- Snellere invoer
- Minder fouten
- Betere ervaring
2. Zorg voor bedieningselementen voor de draaischijf
De pijltoetsen omhoog/omlaag helpen gebruikers:
- Verhogen zonder te typen
- Waarden nauwkeurig afstellen
- Visuele feedback
3. Geef de grenzen duidelijk aan.
Vertel gebruikers wat het acceptabele bereik is:
- In de helptekst
- In plaatshouder
- Minimale/maximale zichtbare kenmerken
4. Stel slimme standaardinstellingen in
Vul vooraf in wanneer dat zinvol is:
- Meest voorkomende waarde
- Minimum vereist
- Laat dit veld leeg als het sterk varieert.
5. Randgevallen behandelen
Overwegen:
- Nul extra gasten toegestaan?
- Aantal decimalen nodig? (0.5 uur)
- Zeer grote getallen? (stel een realistisch maximum in)
6. Gebruik contextuele labels
Maak duidelijk wat er geteld wordt:
- Het gaat om het "aantal gasten", niet alleen om de "hoeveelheid".
- Het gaat om "benodigde tickets", niet alleen om "aantal".
- Vermeld indien van toepassing de eenheden ("Uren", "Artikelen").
Veelvoorkomende scenario's voor hoeveelheidsbepaling
Evenementregistratie met gastenaantal
Vormstructuur:
- Naam (registrant)
- Aantal gasten (1-10)
- Namen van gasten (voorwaardelijk, indien er meer dan 1 gast is)
- Dieet Vereisten
Productbestelformulier
Vormstructuur:
- Productselectie (dropdown)
- Hoeveelheid (1-100)
- Verzendadres
- Speciale instructies
Service aanvraag
Vormstructuur:
- Dienst Type
- Aantal benodigde uren
- Aantal benodigde werknemers
- Voorkeursdatum
- Lokatie
Enquête met numerieke antwoorden
Vormstructuur:
- Hoe vaak per week doe je [activiteit]?
- Hoeveel jaar bent u al klant?
- Hoeveel producten bezit u?
- Beoordeling (1-10)
Het hanteren van grote groepen of hoeveelheden
Breekpuntstrategie
Voor hoeveelheden die de normale verwerking overschrijden:
- Standaardformulier: 1-20 gasten
- Groepsbericht: “Voor groepen van meer dan 20 personen kunt u rechtstreeks contact met ons opnemen.”
Gelaagde aanpak
- 1-10: Standaard online boeking
- 11-50: Vereist een aanbetaling
- 51+: Offerte op maat vereist
Voorwaardelijke follow-up
Als de hoeveelheid de drempelwaarde overschrijdt:
- Extra velden weergeven
- Vraag meer informatie
- Speciale instructies weergeven
Toegankelijkheidsoverwegingen
Toetsenbordnavigatie
- Tab om het focusveld te selecteren
- Pijltoetsen om te verhogen/verlagen
- Typ direct voor exacte waarden
Schermlezers
- Duidelijke labels aangekondigd
- Minimum/maximumlimieten worden gecommuniceerd
- Foutmeldingen leesbaar
Visuele duidelijkheid
- Voldoende contrast
- Duidelijke focusstaten
- Leesbare lettergrootte
Problemen oplossen met hoeveelheidsvelden
Gebruikers die ongeldige nummers invoeren
Oplossingen:
- Wis de minimum- en maximumwaarden in de helptekst.
- Directe validatiefeedback
- Gebruik de draaiknopbediening
Problemen met decimalen
probleem: Gebruikers voeren 2.5 in terwijl alleen hele getallen zijn toegestaan.
Oplossing: Stel de stap in op 1 en geef meer uitleg in de helptekst.
Problemen met het mobiele toetsenbord
probleem: In plaats van het numerieke toetsenbord verschijnt het teksttoetsenbord.
Oplossing: Zorg ervoor dat het veld een numeriek invoertype gebruikt.
Negatieve getallen ingediend
Oplossing: Stel het minimum in op 0 of 1.
Veelgestelde Vragen / FAQ
Moet ik een numeriek veld of een tekstveld gebruiken voor aantallen?
Gebruik altijd een numeriek veld. Dit biedt validatie, activeert het numerieke toetsenbord op mobiele apparaten en bevat incrementele besturingselementen.
Hoe kan ik decimalen toestaan?
Stel de stapgrootte zo in dat decimalen worden meegerekend (bijv. 0.1, 0.5, 0.01). Dit maakt waarden zoals 1.5 of 2.25 mogelijk.
Wat is een goede maximale waarde?
Stel dit in op basis van uw werkelijke capaciteit of beleid. Als u maximaal 50 gasten kunt ontvangen, stel het maximum dan in op 50. Laat het niet op 'onbeperkt' staan, anders zouden gebruikers 99999 kunnen invoeren.
Moet de hoeveelheid standaard op 1 staan of leeg blijven?
Stel de waarde standaard in op 1 als er altijd minstens één nodig is (tickets, artikelen). Laat het veld leeg als nul een geldige optie is of als de waarde sterk varieert.
Hoe kan ik een minimale afnamehoeveelheid instellen?
Stel de minimumwaarde in bij de veldinstellingen. Gebruikers kunnen geen waarden onder dit getal invoeren.
Samenvatting
Effectieve hoeveelheidsvelden creëren:
- Gebruik het veldtype 'nummer' – Geen tekst
- Gebruik duidelijke labels. – Wat wordt er geteld?
- Definieer min/max – Realistische grenzen
- Configureer de stapgrootte – Hele getallen of decimalen
- Voeg nuttige tekst toe – Leg de grenzen en verwachtingen uit
- Stel slimme standaardinstellingen in. – Indien van toepassing
- Test op mobiel – Numeriek toetsenbord verschijnt
Conclusie
Hoeveelheidsvelden lijken eenvoudig, maar een juiste configuratie maakt het verschil tussen probleemloze invoer en frustratie bij de gebruiker. Het instellen van passende limieten, het gebruik van het juiste invoertype en het geven van duidelijke instructies zorgen ervoor dat gebruikers snel geldige hoeveelheden kunnen invoeren.
Auto Form Builder's Het numerieke veld bevat alles wat u nodig hebt: minimum-/maximumlimieten, stapgroottes, standaardwaarden en mobielvriendelijke numerieke invoer. Configureer het één keer en uw hoeveelheidsvelden werken direct.
Klaar om hoeveelheden te verzamelen? Download Auto Form Builder en creëer professionele hoeveelheidsvelden voor uw formulieren.