Структура й взаємодія

Які поля потрібні у формі заявки на сайті послуг

Що запитати до першої відповіді, які деталі залишити на розмову та як пояснити результат надсилання. Практичні приклади й список для погодження з розробником.

Від потрібних деталей до прийнятого звернення

Клієнт має розуміти, що заповнити й що буде далі.

  1. Потрібні поля

    Контакт і відомості для першої відповіді.

  2. Зрозуміле надсилання

    Підказки, перевірка й конкретна дія.

  3. Підтвердження

    Результат надсилання та наступний крок.

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

У матеріалі про структуру сторінки послуги ми розібрали шлях від пропозиції до контакту. Тут визначимо склад однієї форми: що потрібно для першої відповіді та як допомогти людині завершити звернення.

Почніть із наступної дії, а не кількості полів

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

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

Цей підхід узгоджується з рекомендаціями W3C WAI щодо форм: запитуйте лише те, що потрібне для відповідного процесу. Коротка форма не замінює зрозумілої пропозиції та роботи зі зверненнями.

Які поля залишити для першої відповіді

Таблиця допоможе перевірити звичні поля форми зворотного зв’язку. Це варіанти рішень, а не перелік, який потрібно повністю перенести на сайт.

Які поля залишити для першої відповіді
ПолеКоли потрібне одразуЩо можна відкласти
Ім’яДопомагає звернутися до людини; обов’язковість залежить від процесуПовне ПІБ для першого запитання зазвичай не потрібне
Телефон або emailКанал, через який команда справді відповістьДругий контакт, якщо одного достатньо
Вид послугиВід нього залежить відповідальний або склад уточненьПовторний вибір, якщо форму вже прив’язано до конкретної послуги
Короткий описБез контексту неможливо зрозуміти завданняПовний бриф, який зручніше заповнити після першої розмови
Місто чи районПотрібно перевірити можливість виїзду або територію роботиТочну адресу, якщо її уточнюють перед виїздом
Обсяг і бажаний часВони впливають на можливість виконання чи попередню оцінкуТочні виміри та остаточну дату, які ще потрібно погодити
Бюджет, фото або файлКоманда використовує їх уже для першого рішення й пояснює навіщоОбов’язкове завантаження чи точну суму, яких клієнт поки не має

Якщо ви відповідаєте тільки телефоном, назвіть форму запитом на дзвінок. Якщо дозволяєте вибрати email або телефон, обраного каналу має вистачати для надсилання. Не пропонуйте месенджер, який команда не перевіряє, і не вимагайте другий контакт без пояснення його ролі.

Порівняйте форми для різних звернень

Нижче — навчальні сценарії, а не опис клієнтських результатів XEVOR. Набір полів у кожному залежить від того, що команда обіцяє зробити після надсилання.

  • Замовити дзвінок. Телефон; ім’я й зручний час можна залишити необов’язковими, якщо команда може врахувати ці побажання. Вступ пояснює, що це розмова про послугу, а не готове замовлення.
  • Уточнити прибирання квартири. Контакт, формат прибирання, район і приблизна площа допомагають обговорити виїзд та обсяг. Додайте можливість описати ситуацію, якщо людина не знає назви формату. Точну адресу й доступ до квартири можна погодити згодом.
  • Обговорити розробку сайту. Контакт і кілька речень про бізнес та потрібний результат дають основу для першої відповіді. Посилання на наявний сайт і бажаний строк корисні за наявності; готове технічне завдання не повинно бути умовою першої розмови.

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

Коли потрібна приблизна відповідь, дозвольте її дати: діапазон площі, орієнтовний місяць або «ще не знаю». Не змушуйте людину вигадувати точне значення, щоб пройти перевірку поля.

Поясніть обов’язкові поля й формат відповіді

Обов’язковим робіть поле, без якого не можна виконати обіцяний наступний крок. Решту позначайте як необов’язкові. Якщо використовуєте зірочку, поясніть її значення до полів; не покладайтеся лише на колір.

Назва поля має залишатися видимою після введення. Підказка всередині порожнього поля може показувати приклад, але не замінює назву. У посібнику WAI про підписи полів пояснено також зв’язок підпису з відповідним елементом форми — це завдання для розробника.

Замість нечіткого «Повідомлення» можна написати «Що потрібно зробити?» і додати коротку підказку: «Опишіть завдання та важливі умови. Деталі уточнимо в розмові». Для файлу до вибору поясніть дозволені формати й максимальний розмір. Не просіть надсилати паролі чи платіжні реквізити через звичайну форму звернення.

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

Узгодьте кнопку з тим, що отримає людина

«Надіслати запит» пасує до першого обговорення. «Замовити дзвінок» — якщо команда телефонує. «Запросити оцінку» — якщо після звернення з’ясовують деталі й готують оцінку. Підпис «Отримати точну ціну» вводитиме в оману, якщо наступний екран лише підтвердить прийняття контакту.

Перед полями достатньо коротко пояснити наступний крок: «Залиште контакт і опишіть завдання. Уточнимо деталі для оцінки». Строк відповіді вказуйте лише той, який команда може виконувати, з урахуванням робочого часу.

Формулювання мають продовжувати обіцянку сторінки. Якщо складно стисло пояснити послугу перед зверненням, скористайтеся прикладами текстів для сторінки послуги. Перевірте також перехід із її кнопки: людина повинна потрапити до потрібної форми зі зрозумілим контекстом.

Що показати під час і після надсилання

Робота форми не закінчується натисканням кнопки. Людина має зрозуміти, чи триває надсилання, чи потрібне виправлення та чи прийнято звернення. Зникнення полів без пояснення залишає невизначеність.

Що показати під час і після надсилання
СтанЩо пояснитиПриклад тексту
Триває надсиланняЗапит ще обробляється; повторний клік не створює нову заявку«Надсилаємо запит…»
Помилка поляЯке значення виправити, зі збереженням решти введених даних«Вкажіть email у форматі name@example.com»
Надсилання не підтвердженеСистема не підтвердила прийняття; дайте спосіб повторити або інший чинний контакт«Не вдалося підтвердити надсилання. Спробуйте ще раз або зв’яжіться з нами іншим способом»
Запит прийнятоПрийняття підтверджено, тепер очікується відповідь команди«Запит прийнято. Відповімо за вказаним контактом, щоб уточнити деталі»

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

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

Перевірте весь шлях на телефоні й клавіатурою

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

  • Кнопка сторінки веде до потрібної форми, її заголовок і перше поле видно.
  • Назви, підказки та помилки читаються після відкриття екранної клавіатури; сторінка не прокручується вбік.
  • Email і телефон зручно вводити й підставляти автозаповненням; звичний формат номера не відхиляється без пояснення.
  • Tab проходить поля й кнопку в логічному порядку, фокус видно, усі потрібні дії доступні без миші.
  • Помилка не стирає опис завдання; її можна знайти й виправити.
  • Повторний клік під час надсилання не створює дубль, а повідомлення про результат відповідає фактичному стану.
  • Контрольне звернення надходить у погоджений канал, і відповідальний знає, як на нього відповісти.

Форма допомагає відвідувачу звернутися, а пошукова готовність залежить також від змісту й структури сайту. Перевірки адрес, заголовків та індексації зібрані в посібнику про SEO під час розробки сайту. Саме скорочення полів не гарантує ані позицій, ані збільшення кількості замовлень.

Що погодити з розробником форми

Підготуйте короткий документ про одне звернення. Для кожного поля запишіть назву, навіщо потрібна відповідь, обов’язковість, підказку й текст помилки. Це дає конкретну основу для оцінки роботи.

  • Послуга, обіцянка кнопки та наступна дія команди.
  • Склад полів і залежності: які уточнення з’являються лише для певного вибору.
  • Одержувач, робочий канал, відповідальний і реальні умови відповіді.
  • Тексти надсилання, помилок і успіху всіма мовами сайту.
  • Обробка даних, обмеження файлів, захист від автоматичних звернень і повторного надсилання.
  • Сценарії приймання: успіх, неправильне поле, збій і контрольне отримання запиту.

Для однієї пропозиції форму можна погодити в межах розробки лендингу під послугу, а для кількох напрямів — разом зі створенням сайту для бізнесу. Інтеграції, вкладення та складні сценарії обговорюємо окремо. Надішліть XEVOR опис потрібного сайту — визначимо шлях звернення та обсяг розробки для оцінки.

Часті запитання про форму заявки

Скільки полів має бути у формі заявки?

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

Чи потрібно обов’язково запитувати телефон і email?

Лише якщо обидва канали потрібні для цього звернення й ви пояснюєте навіщо. Якщо достатньо одного, визначте робочий канал або дозвольте обрати спосіб відповіді. Наявність зайвого контакту сама по собі не робить звернення кориснішим.

Чи варто ділити форму на кілька кроків?

Це може допомогти довгому сценарію з різними уточненнями. Для короткого звернення додаткові екрани можуть лише ускладнити шлях. Якщо кроки потрібні, поясніть їхній порядок, дозвольте повернутися та зберігайте вже введене під час переходу.

Чи потрібна окрема сторінка подяки?

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