Поля кількості будівель: кількість гостей, предметів тощо.

Скільки гостей? Скільки квитків? Скільки товарів вам потрібно? Поля кількості збирають числові значення, які впливають на рішення — від планування заходу до обробки замовлень та розподілу ресурсів.

У цьому посібнику ви дізнаєтеся, як створювати ефективні поля кількості з належною перевіркою, обмеженнями та зручними елементами керування.

Коли вам потрібні поля кількості

Реєстрація події

• Кількість присутніх
• Кількість гостей на вечерю
• Запит на квитки
• Бронювання столиків (для групи)

Замовлення та запити

• Кількість предметів
• Кількість копій
• Потрібні одиниці
• Суми оптових замовлень

Бронювання та резервації

• кількість номерів
• Гостей у номері
• Кількість ночей
• Транспортні засоби в групі

Опитування та відгуки

• Оцінка за шкалою (1-10)
• Підрахунок частот
• Роки досвіду
• Кількість працівників

Заяви та форми

• Члени домогосподарства
• Залежні люди
• Роки за адресою
• Кількість транспортних засобів, що належать

Планування ресурсів

• Потрібні стільці
• Потрібні паркувальні місця
• Страви для приготування
• Кількість матеріалів

Створення поля кількості

Ось як створити поля кількості за допомогою Автоматичний конструктор форм:

Крок 1: Встановлення автоматичного конструктора форм

1. Перейдіть до Плагіни → Додати новий
2. Шукати "АФБ«(скорочена назва від Auto Form Builder)»
3. Знайти "AFB – Auto Form Builder – Конструктор форм перетягуванням"
4. Натисніть Встановити зараз, То активувати

Крок 2: Додати Числове поле

1. Створення або редагування форми
2. знайти Номер у палітрі поля
3. Перетягніть його на полотно форми
4. Натисніть, щоб відкрити налаштування

Крок 3: Налаштуйте основні параметри

Мітка поля

Чіткі, конкретні мітки:

• «Кількість гостей»
• «Кількість»
• «Скільки квитків?»
• «Розмір вечірки»

Обов’язково / необов’язково

• Вимагається – Для надсилання необхідно ввести номер
• опціональний – Можна залишити порожнім

Текст довідки

Уточніть очікування:

• «Включно з вами»
• «Максимум 10 на замовлення»
• «Введіть 0, якщо немає»

Крок 4: Встановіть мінімум і максимум

Обмежте діапазон допустимих значень:

Мінімальне значення

• Найменше дозволене число
• Часто 0 або 1
• Запобігає від'ємним числам

Максимальне значення

• Найбільше дозволене число
• На основі потужностей, запасів або політики
• Запобігає нереалістичним кількостям

Крок 5: Налаштування розміру кроку

Контрольні значення приросту:

• крок 1 – Цілі числа (1, 2, 3…)
• крок 0.5 – Половинні кроки (1, 1.5, 2…)
• крок 5 – Стрибки з 5 (5, 10, 15…)
• крок 10 – Тільки десятки (10, 20, 30…)

Крок 6: Встановлення значення за замовчуванням (необов'язково)

Попередньо заповніть початковим номером:

• Найпоширеніше значення
• Необхідний мінімум
• Рекомендована кількість

Приклади полів кількості

Кількість гостей заходу

Кількість продукту

Бронювання ресторану

Роки досвіду

Оптове замовлення (з кроком 10)

Числове поле проти випадаючого списку для кількостей

Використовуйте числове поле, коли:

• Діапазон великий (1-100+)
• Будь-яке значення в діапазоні є дійсним
• Користувачі знають точну необхідну кількість
• Точність має значення

Використовуйте випадаючий список, коли:

• Обмежені варіанти (1-10)
• Тільки конкретні значення (не діапазон)
• Хочете показати всі варіанти одразу
• Різні ціни/опції для кожної кількості

порівняння

Додатково: Режим слайдера

Деякі конструктори форм пропонують введення чисел за допомогою слайдера:

Коли використовувати слайдери

• Приблизні значення цілком прийнятні
• Візуальне представлення допомагає
• Обмежений діапазон (1-10, 1-100)
• Бажано цікавий/цікавий інтерфейс

Коли НЕ слід використовувати слайдери

• Потрібні точні значення
• Широкий діапазон (1-1000)
• Точність має значення
• Доступність є пріоритетом

Конфігурація слайдера

• Мін/Макс: Визначити діапазон
• Крок: Збільшення суми
• Показати значення: Відображати поточний номер
• Колір: Підберіть свій дизайн

Перевірка полів кількості

Вбудована перевірка

Автоматична перевірка числових полів:

• Має бути число (не текст)
• У межах діапазону мін/макс
• Збігається з кроком

Повідомлення про помилки

Очистити зворотний зв'язок, якщо він недійсний:

• «Будь ласка, введіть число»
• «Мінімальне значення — 1»
• «Максимальне значення — 10»
• «Будь ласка, введіть значення з кроком 5»

Клієнтська та серверна сторони

• На стороні клієнта: Миттєвий зворотний зв'язок, кращий UX
• На стороні сервера: Безпека, яку неможливо обійти
• У хороших формах використовуються обидва

Поради щодо взаємодії з користувачем

1. Використовуйте відповідний тип вхідних даних

Числові поля повинні активувати цифрову клавіатуру на мобільному пристрої:

• Швидше введення
• Менше помилок
• Кращий досвід

2. Забезпечте елементи керування спінером

Стрілки вгору/вниз допомагають користувачам:

• Збільшення без введення тексту
• Точне налаштування значень
• Візуальний відгук

3. Чітко покажіть межі

Повідомте користувачам допустимий діапазон:

• У довідковому тексті
• У заповнювачі
• Видимі атрибути min/max

4. Встановіть розумні налаштування за замовчуванням

Попередньо заповнюйте, коли це має сенс:

• Найпоширеніше значення
• Необхідний мінімум
• Залиште порожнім, якщо значення сильно варіюється

5. Обробляйте крайні випадки

Розглянемо:

• Дозволено нуль? («0 додаткових гостей»)
• Потрібні десяткові дроби? (0.5 години)
• Дуже великі числа? (встановіть реалістичний максимум)

6. Використовуйте контекстні мітки

Чітко вкажіть, що саме враховується:

• «Кількість гостей», а не просто «Кількість»
• «Потрібні квитки», а не лише «Сума»
• Вкажіть одиниці вимірювання, якщо це можливо («Години», «Елементи»)

Загальні сценарії полів кількісного поля

Реєстрація на захід з підрахунком гостей

Структура форми:

1. Ім'я (реєстранта)
2. Електронна пошта
3. Кількість гостей (1-10)
4. Імена гостей (умовно, якщо гостей > 1)
5. Дієтичні вимоги

Форма замовлення продукту

Структура форми:

1. Вибір продукту (випадаючий список)
2. Кількість (1-100)
3. Адреса доставки
4. Особливі інструкції

Запит на послуги

Структура форми:

1. Тип обслуговування
2. Необхідна кількість годин
3. Необхідна кількість працівників
4. Бажана дата
5. Місце проведення

Опитування з числовими відповідями

Структура форми:

1. Скільки разів на тиждень ви [займаєтеся діяльністю]?
2. Скільки років ви є клієнтом?
3. Скільки продуктів у вас є?
4. Рейтинг (1-10)

Обробка великих груп або кількостей

Стратегія точки перелому

Для кількостей, що перевищують звичайні норми обробки:

• Стандартна форма: 1-20 гостей
• Повідомлення для великої групи: «Для груп понад 20 осіб, будь ласка, зв’яжіться з нами безпосередньо».

Багаторівневий підхід

• 1-10: Стандартне онлайн-бронювання
• 11-50: Потрібна застава
• 51+: Потрібна індивідуальна пропозиція

Умовне подальше спостереження

Якщо кількість перевищує поріг:

• Показати додаткові поля
• Запитати більше інформації
• Відображення спеціальних інструкцій

Особливості доступності

Навігація по клавіатурі

• Tab для фокусування поля
• Клавіші зі стрілками для збільшення/зменшення
• Введіть безпосередньо, щоб отримати точні значення

Програми зчитування з екрана

• Оголошено про чіткі етикетки
• Повідомлення про мін./макс. обмеження
• Повідомлення про помилки читабельні

Візуальна чіткість

• Достатній контраст
• Чіткі стани фокусування
• Розмір шрифту для читання

Виправлення неполадок у полях кількості

Користувачі, які вводять недійсні числа

Розв'язки:

• Очистити мін./макс. значення в довідковому тексті
• Негайний зворотний зв'язок щодо підтвердження
• Використовуйте елементи керування спіннером

Проблеми з десятковими дробами

Проблема: Користувачі вводять число 2.5, хоча дозволені лише цілі числа

Рішення: Встановити крок на 1, уточнити в довідковому тексті

Проблеми з клавіатурою мобільного телефону

Проблема: Текстова клавіатура з'являється замість цифрової

Рішення: Переконайтеся, що поле використовує числовий тип введення

Надіслано від'ємних чисел

Рішення: Встановіть мінімум на 0 або 1

Поширені запитання

Чи варто використовувати числове поле чи текстове поле для кількостей?

Завжди використовуйте числове поле. Воно забезпечує перевірку, активує цифрову клавіатуру на мобільному пристрої та містить елементи керування приростом.

Як дозволити десяткові дроби?

Встановіть значення кроку, щоб воно включало десяткові дроби (наприклад, 0.1, 0.5, 0.01). Це дозволяє використовувати значення типу 1.5 або 2.25.

Яке максимальне значення вважається хорошим?

Встановіть на основі вашої фактичної місткості або правил. Якщо ви можете вмістити до 50 гостей, встановіть максимум на 50. Не залишайте необмежену кількість — користувачі можуть ввести 99999.

Чи має значення кількості за замовчуванням дорівнювати 1 чи воно має бути порожнім?

За замовчуванням 1, якщо хоча б один параметр завжди потрібен (квитки, предмети). Залиште поле порожнім, якщо нуль є допустимим варіантом або значення сильно змінюється.

Як мені вимагати мінімальну кількість?

Встановіть мінімальне значення в налаштуваннях поля. Користувачі не зможуть надсилати значення нижче цього числа.

Резюме

Побудова ефективних полів кількості:

1. Використовувати поле типу «число» – Не текст
2. Встановіть чіткі мітки – Що враховується
3. Визначення мін/макс – Реалістичні обмеження
4. Налаштувати розмір кроку – Цілі числа або десяткові дроби
5. Додати корисний текст – Поясніть обмеження та очікування
6. Встановлення розумних налаштувань за замовчуванням – Коли це доречно
7. Тест на мобільному пристрої – З’являється цифрова клавіатура

Висновок

Поля кількості здаються простими, але правильне налаштування є вирішальним фактором між безпроблемним введенням даних та розчаруванням користувачів. Встановлення відповідних обмежень, використання правильного типу введення та надання чітких інструкцій гарантують, що користувачі зможуть швидко вводити коректні кількості.

Автоматичний конструктор форм Поле числа містить усе необхідне: мінімальні/максимальні обмеження, кроки, значення за замовчуванням та зручний для мобільних пристроїв числовий ввід. Налаштуйте один раз, і ваші поля кількості просто запрацюють.

Готові збирати потрібні кількості? Завантажити автоматичний конструктор форм та створюйте професійні поля кількості для ваших форм.