Pola ilości budynków: liczba gości, pozycji itp.

Ilu gości? Ile biletów? Ile artykułów potrzebujesz? Pola ilościowe zbierają wartości liczbowe, które wpływają na decyzje – od planowania wydarzenia, przez przetwarzanie zamówień, po alokację zasobów.

W tym przewodniku dowiesz się, jak tworzyć efektywne pola ilościowe z odpowiednią walidacją, limitami i przyjaznymi dla użytkownika elementami sterującymi.

Kiedy potrzebujesz pól ilościowych

Rejestracja wydarzenia

• Liczba uczestników
• Liczba gości na kolacji
• Bilety zamówione
• Rezerwacje stolików (liczba osób)

Zamówienia i prośby

• Ilość przedmiotów
• Liczba kopii
• Potrzebne jednostki
• Ilości zamówień hurtowych

Rezerwacje i rezerwacje

• Liczba pokoi
• Liczba gości w pokoju
• Liczba nocy
• Pojazdy w grupie

Ankiety i opinie

• Ocena w skali (1-10)
• Liczniki częstotliwości
• Lat doświadczenia
• Liczba pracowników

Aplikacje i formularze

• Członkowie gospodarstwa domowego
• Ludzie
• Lata pod adresem
• Liczba posiadanych pojazdów

Planowanie zasobów

• Potrzebne krzesła
• Wymagane miejsca parkingowe
• Posiłki do przygotowania
• Ilość materiałów

Tworzenie pola ilości

Oto jak zbudować pola ilościowe za pomocą Automatyczny kreator formularzy:

Krok 1: Zainstaluj Auto Form Builder

1. Iść do Wtyczki → Dodaj nowy
2. Szukać "A.F.B.(skrócona nazwa Auto Form Builder)
3. Odnaleźć "AFB – Automatyczny kreator formularzy – Kreator formularzy typu „przeciągnij i upuść”"
4. Kliknij zainstaluj teraz, następnie Aktywuj

Krok 2: Dodaj a Pole liczbowe

1. Utwórz lub edytuj swój formularz
2. Znajdź Numer w palecie polowej
3. Przeciągnij na płótno formularza
4. Kliknij, aby otworzyć ustawienia

Krok 3: Skonfiguruj ustawienia podstawowe

Etykieta pola

Jasne i konkretne etykiety:

• „Liczba gości”
• "Ilość"
• „Ile biletów?”
• „Rozmiar imprezy”

Wymagane/Opcjonalne

• Wymagane – Aby wysłać, należy wprowadzić numer
• Opcjonalnie – Można pozostawić puste

Tekst pomocy

Wyjaśnij oczekiwania:

• „Włączając siebie”
• „Maksymalnie 10 na zamówienie”
• „Wprowadź 0, jeśli nic”

Krok 4: Ustaw minimum i maksimum

Ogranicz zakres dopuszczalnych wartości:

Minimalna wartość

• Najniższa dozwolona liczba
• Często 0 lub 1
• Zapobiega liczbom ujemnym

Maksymalna wartość

• Najwyższa dozwolona liczba
• Na podstawie pojemności, zapasów lub polityki
• Zapobiega nierealistycznym ilościom

Krok 5: Skonfiguruj rozmiar kroku

Kwoty przyrostów kontrolnych:

• Krok 1 – Liczby całkowite (1, 2, 3…)
• Krok 0.5 – Połówki przyrostów (1, 1.5, 2…)
• Krok 5 – Skoki po 5 (5, 10, 15…)
• Krok 10 – Tylko dziesiątki (10, 20, 30…)

Krok 6: Ustaw wartość domyślną (opcjonalnie)

Wypełnij wstępnie numerem początkowym:

• Najczęstsza wartość
• Wymagane minimum
• Sugerowana ilość

Przykłady pól ilościowych

Liczba gości na wydarzeniu

Ilość produktu

Rezerwacja w restauracji

lata doświadczenia

Zamówienie hurtowe (ilości 10 sztuk)

Pole liczbowe kontra lista rozwijana dla ilości

Użyj pola numerycznego, gdy:

• Zakres jest duży (1-100+)
• Każda wartość w zakresie jest prawidłowa
• Użytkownicy znają dokładną ilość potrzebną
• Precyzja ma znaczenie

Użyj listy rozwijanej, gdy:

• Ograniczone opcje (1-10)
• Tylko określone wartości (nie zakres)
• Chcesz zobaczyć wszystkie opcje na pierwszy rzut oka
• Różne ceny/opcje w zależności od ilości

Porównanie

Zaawansowany: tryb suwaka

Niektóre narzędzia do tworzenia formularzy umożliwiają wprowadzanie liczb za pomocą suwaka:

Kiedy używać suwaków

• Przybliżone wartości są w porządku
• Reprezentacja wizualna pomaga
• Ograniczony zakres (1-10, 1-100)
• Pożądany zabawny/angażujący interfejs

Kiedy NIE używać suwaków

• Wymagane są dokładne wartości
• Szeroki zakres (1-1000)
• Precyzja ma znaczenie
• Dostępność jest priorytetem

Konfiguracja suwaka

• Min./maks.: Zdefiniuj zakres
• Krok: Zwiększ kwotę
• Pokaż wartość: Wyświetl aktualny numer
• Kolor: Dopasuj swój projekt

Walidacja pól ilości

Wbudowana walidacja

Pola liczbowe są automatycznie walidowane:

• Musi to być liczba (nie tekst)
• W zakresie min./maks.
• Dopasowuje przyrosty kroków

Komunikaty o błędach

Wyczyść informację zwrotną, jeśli jest nieprawidłowa:

• „Proszę wpisać liczbę”
• „Minimalna wartość to 1”
• „Maksymalna wartość to 10”
• „Proszę wprowadzić wartość w krokach co 5”

Po stronie klienta a po stronie serwera

• Strona klienta: Natychmiastowa informacja zwrotna, lepsze UX
• Po stronie serwera: Bezpieczeństwo, którego nie da się ominąć
• Dobre formy wykorzystują oba

Wskazówki dotyczące doświadczenia użytkownika

1. Użyj odpowiedniego typu danych wejściowych

Pola liczbowe powinny uruchamiać klawiaturę numeryczną na urządzeniach mobilnych:

• Szybsze wprowadzanie danych
• Mniej błędów
• Lepsze doświadczenie

2. Zapewnij sterowanie obrotnicą

Strzałki w górę/w dół pomagają użytkownikom:

• Zwiększ bez pisania
• Dopasuj wartości
• Wizualna informacja zwrotna

3. Wyraźnie pokaż granice

Podaj użytkownikom dopuszczalny zakres:

• W tekście pomocy
• W miejscu zastępczym
• Widoczne atrybuty min/max

4. Ustaw inteligentne ustawienia domyślne

Wypełnij wstępnie, gdy ma to sens:

• Najczęstsza wartość
• Wymagane minimum
• Pozostaw puste, jeśli znacznie się różni

5. Radzenie sobie z przypadkami skrajnymi

Rozważać:

• Zero dozwolone? („0 dodatkowych gości”)
• Czy potrzebne są liczby dziesiętne? (0.5 godziny)
• Bardzo duże liczby? (ustaw realistyczny max)

6. Używaj etykiet kontekstowych

Wyjaśnij wyraźnie, co jest liczone:

• „Liczba gości”, a nie tylko „ilość”
• „Potrzebne bilety”, a nie tylko „Ilość”
• W razie potrzeby uwzględnij jednostki („Godziny”, „Pozycje”)

Typowe scenariusze pól ilościowych

Rejestracja na wydarzenie z liczbą gości

Struktura formularza:

1. Imię i nazwisko (rejestrującego)
2. Email
3. Liczba gości (1-10)
4. Nazwy gości (warunkowe, jeśli gości > 1)
5. Wymagania dietetyczne

Formularz zamówienia produktu

Struktura formularza:

1. Wybór produktu (menu rozwijane)
2. Ilość (1-100)
3. Adres do wysyłki
4. Instrukcje specjalne

Zgłoszenie serwisowe

Struktura formularza:

1. Rodzaj usługi
2. Liczba potrzebnych godzin
3. Liczba wymaganych pracowników
4. Preferowany termin
5. Lokalizacja

Ankieta z odpowiedziami numerycznymi

Struktura formularza:

1. Ile razy w tygodniu wykonujesz [czynność]?
2. Od ilu lat jesteś naszym klientem?
3. Ile produktów posiadasz?
4. Ocena (1-10)

Obsługa dużych grup lub ilości

Strategia punktu krytycznego

W przypadku ilości przekraczających normę:

• Formularz standardowy: 1-20 gości
• Wiadomość dla dużej grupy: „Grupy powyżej 20 osób prosimy o bezpośredni kontakt z nami.”

Podejście wielopoziomowe

• 1-10: Standardowa rezerwacja online
• 11-50: Wymagany depozyt
• 51+: Wymagana spersonalizowana wycena

Kontynuacja warunkowa

Jeżeli ilość przekracza próg:

• Pokaż pola dodatkowe
• Poproś więcej informacji
• Wyświetl specjalne instrukcje

Rozważania dotyczące dostępności

Nawigacja za pomocą klawiatury

• Kliknij Tab, aby ustawić ostrość w polu
• Klawisze strzałek do zwiększania/zmniejszania
• Wpisz bezpośrednio, aby uzyskać dokładne wartości

Czytniki ekranu

• Ogłoszono przejrzyste etykiety
• Przekazano limity min./maks.
• Komunikaty o błędach czytelne

Wizualna przejrzystość

• Wystarczający kontrast
• Wyraźne stany skupienia
• Czytelny rozmiar czcionki

Rozwiązywanie problemów z polami ilości

Użytkownicy wprowadzający nieprawidłowe numery

Solutions:

• Wyczyść min./maks. w tekście pomocy
• Natychmiastowa informacja zwrotna z walidacją
• Użyj elementów sterujących spinnerem

Problemy dziesiętne

Problem: Użytkownicy wprowadzający 2.5, mimo że dozwolone są tylko liczby całkowite

Rozwiązanie: Ustaw krok na 1, wyjaśnij w tekście pomocy

Problemy z klawiaturą mobilną

Problem: Zamiast klawiatury numerycznej pojawia się klawiatura tekstowa

Rozwiązanie: Upewnij się, że pole używa typu wprowadzania liczb

Zgłoszono liczby ujemne

Rozwiązanie: Ustaw minimum na 0 lub 1

Najczęściej zadawane pytania

Czy do podania ilości powinienem użyć pola liczbowego czy pola tekstowego?

Zawsze używaj pola liczbowego. Zapewnia ono walidację, uruchamia klawiaturę numeryczną na urządzeniach mobilnych i zawiera elementy sterujące zwiększaniem wartości.

Jak zezwolić na użycie liczb dziesiętnych?

Ustaw wartość kroku tak, aby zawierała miejsca dziesiętne (np. 0.1, 0.5, 0.01). Dozwolone są wówczas wartości takie jak 1.5 lub 2.25.

Jaka jest dobra wartość maksymalna?

Ustaw na podstawie faktycznej pojemności lub zasad. Jeśli możesz obsłużyć do 50 gości, ustaw maks. na 50. Nie zostawiaj nieograniczonej liczby – użytkownicy mogą wprowadzić 99999.

Czy ilość powinna być domyślnie równa 1 czy ma pozostać pusta?

Domyślnie 1, jeśli co najmniej jeden jest zawsze potrzebny (bilety, przedmioty). Pozostaw puste, jeśli zero jest poprawną opcją lub wartość jest bardzo zróżnicowana.

Jak mogę ustalić minimalną ilość?

Ustaw minimalną wartość w ustawieniach pola. Użytkownicy nie będą mogli przesyłać wartości poniżej tej liczby.

Podsumowanie

Tworzenie pól ilości efektywnych:

1. Użyj typu pola liczbowego – Nie tekst
2. Ustaw wyraźne etykiety – Co jest liczone
3. Zdefiniuj min/maks – Realistyczne ograniczenia
4. Skonfiguruj rozmiar kroku – Liczby całkowite lub dziesiętne
5. Dodaj pomocny tekst – Wyjaśnij ograniczenia i oczekiwania
6. Ustaw inteligentne ustawienia domyślne – W stosownych przypadkach
7. Test na urządzeniu mobilnym – Pojawia się klawiatura numeryczna

Wniosek

Pola ilościowe wydają się proste, ale prawidłowa konfiguracja stanowi różnicę między płynnym wprowadzaniem danych a frustracją użytkowników. Ustawienie odpowiednich limitów, użycie właściwego typu danych wejściowych i zapewnienie jasnych wskazówek gwarantuje użytkownikom szybkie wprowadzanie prawidłowych ilości.

Kreator formularzy automatycznych Pole liczbowe zawiera wszystko, czego potrzebujesz: limity min./maks., przyrosty, wartości domyślne i przyjazne dla urządzeń mobilnych wprowadzanie danych liczbowych. Skonfiguruj raz, a pola ilościowe po prostu działają.

Chcesz zebrać ilości? Pobierz Auto Form Builder i twórz profesjonalne pola ilościowe do swoich formularzy.