Форма запиту кошторису має допомагати клієнту описати задачу, а команді — підготувати змістовну відповідь. Якщо вона надто коротка, менеджеру доводиться знову запитувати базові дані. Якщо анкета містить десятки полів, частина відвідувачів відкладає звернення або заповнює її формально. Хороший дизайн знаходить баланс: збирає мінімум, необхідний для першої оцінки, і не перетворює знайомство з компанією на повне технічне завдання.
Починати варто не з переліку полів, а з рішення, яке має прийняти фахівець після отримання заявки. Чи достатньо інформації, щоб визначити тип проєкту, призначити відповідального й підготувати питання для розмови? Якщо так, решту деталей можна уточнити на наступному етапі.
Як відокремити обов’язкові дані від уточнень
Обов’язковими мають бути лише дані, без яких неможливо відповісти або продовжити контакт. Зазвичай це ім’я, зручний канал зв’язку та короткий опис задачі. Для сайту можна додати вибір типу проєкту: нова розробка, редизайн, посадкова сторінка, інтернет-магазин чи технічне доопрацювання. Такий список допомагає маршрутизувати звернення, але не змушує клієнта знати професійну термінологію.
Поле бюджету варто використовувати обережно. Не кожен замовник уже знає реалістичний діапазон, тому жорстка вимога назвати точну суму може зупинити звернення. Краще запропонувати кілька діапазонів, варіант «потрібна консультація» або зробити поле необов’язковим. Те саме стосується строків: корисніше запитати про бажану дату та причину дедлайну, ніж вимагати остаточного графіка.
Уточнювальні питання можна показувати залежно від попередніх відповідей. Якщо людина обрала інтернет-магазин, форма може запитати орієнтовну кількість товарів і потрібні способи оплати. Для редизайну — адресу чинного сайту й головну проблему. Умовна логіка скорочує шлях для простих запитів і водночас збирає важливі дані для складних.
Не вимагайте завантажувати технічне завдання, брендбук або контент на першому кроці. Дайте можливість прикріпити матеріали за бажанням або надіслати їх після відповіді менеджера. Поясніть допустимі формати й розмір файлів, а для конфіденційної інформації запропонуйте безпечний канал.
Загальні принципи доречні й для звичайної сторінки контактів. У матеріалі «Контактна сторінка, що допомагає звернутися: структура без зайвих полів» показано, як прибрати бар’єри та залишити відвідувачеві зрозумілий вибір способу зв’язку.
Який зворотний зв’язок показати після відправлення
Після натискання кнопки користувач повинен одразу побачити однозначне підтвердження. Формулювання «успішно» без пояснення недостатньо. Краще написати, що запит отримано, коли очікувати відповідь і через який канал вона надійде. Якщо лист-підтвердження надсилається автоматично, попросіть перевірити папку зі спамом, але не перекладайте на клієнта відповідальність за роботу форми.
Кнопку варто тимчасово блокувати після першого натискання й показувати процес відправлення. Це запобігає дублям, особливо на повільному мобільному інтернеті. Якщо сталася помилка, повідомлення має підказати, що робити: перевірити конкретне поле, повторити спробу або скористатися альтернативним контактом. Введені дані не повинні зникати через одну технічну помилку.
Підтвердження може містити номер звернення або короткий підсумок обраної послуги. Це зручно, коли клієнт пізніше уточнює статус. Водночас не показуйте на спільному екрані зайві персональні дані. Для складних запитів доречно запропонувати наступний крок — наприклад, вибрати час для розмови, але лише після того, як основна заявка вже гарантовано збережена.
Важливо перевірити весь ланцюжок: повідомлення в інтерфейсі, надходження заявки менеджеру, запис у CRM, джерело трафіку та автоматичний лист клієнту. Красивий екран подяки не компенсує втрачений запит. Перед запуском протестуйте форму на смартфоні й комп’ютері, з коректними та помилковими даними.
Якщо сайт працює для кількох типів клієнтів, формулювання після відправлення має відповідати обраному сценарію. Матеріал «Перший екран сайту з кількома аудиторіями: як не говорити одразу до всіх» допоможе узгодити повідомлення та маршрут для різних груп ще до форми.
Як оцінити вартість дизайну для цього завдання
Вартість дизайну форми залежить не стільки від кількості полів, скільки від складності сценарію. Проста контактна форма використовує готові компоненти та одну послідовність. Запит кошторису з умовними кроками, завантаженням файлів, інтеграцією з CRM, календарем і різними повідомленнями потребує проєктування станів, текстів, помилок і тестування.
Під час оцінки попросіть окремо назвати дослідження й структуру, прототип, візуальний дизайн, адаптивні версії, підготовку станів компонентів та супровід реалізації. Якщо дизайнер лише малює «ідеальний» екран, а помилки, завантаження й підтвердження залишаються невизначеними, розробнику доведеться приймати рішення самостійно. Це створює розбіжності й додаткові правки.
Також уточніть, хто пише мікротексти: назви полів, підказки, згоду на обробку даних і повідомлення після відправлення. Вони безпосередньо впливають на зрозумілість. Для складної форми корисний інтерактивний прототип, на якому можна пройти всі гілки до початку розробки.
Порівнюючи пропозиції, враховуйте не тільки макет, а весь контекст створення зручних сайтів для бізнесу: форма повинна відповідати структурі сторінки, технічним можливостям, аналітиці та процесу обробки звернень. Окремо домовтеся, чи входить тестування після впровадження та виправлення виявлених проблем.
Перед замовленням підготуйте короткий опис аудиторії, типи запитів, обов’язкові дані, системи для передачі заявки й очікуваний наступний крок. Це дозволить оцінити роботу за реальним обсягом. Добре спроєктована форма не намагається дізнатися все одразу: вона збирає достатньо для змістовного контакту, дає користувачеві впевненість і створює для команди керований процес відповіді.