Посетитель прочитал об услуге и готов обратиться. В форме его ждут телефон, email, адрес, бюджет и ещё несколько вопросов без объяснений. Другая крайность — одно поле для номера, после которого команда не знает даже предмета разговора. Оба варианта стоит оценивать по тому, как бизнес обрабатывает обращения.
В материале про структуру страницы услуги мы разобрали путь от предложения до контакта. Здесь определим состав одной формы: что нужно для первого ответа и как помочь человеку завершить обращение.
Начните со следующего действия, а не количества полей
Для первого обращения нужны способ ответа и сведения, без которых команда не может сделать следующий шаг. Если это обратный звонок, ключевое поле — телефон. Если предварительная оценка услуги — могут понадобиться вид работы, объём и место выполнения. Для согласования встречи важно желаемое время, но запрос на него ещё не означает подтверждённую запись.
К каждому вопросу допишите в рабочем документе: кто использует ответ и что решит на его основе. Если ответ понадобится только после согласования заказа, перенесите вопрос на этот этап. Сокращать форму стоит по смыслу, а не до условных трёх полей.
Этот подход согласуется с рекомендациями W3C WAI по формам: запрашивайте только то, что нужно для соответствующего процесса. Короткая форма не заменяет понятного предложения и работы с обращениями.
Какие поля оставить для первого ответа
Таблица поможет проверить привычные поля формы обратной связи. Это варианты решений, а не перечень, который нужно целиком перенести на сайт.
| Поле | Когда нужно сразу | Что можно отложить |
|---|---|---|
| Имя | Помогает обратиться к человеку; обязательность зависит от процесса | Полное ФИО для первого вопроса обычно не нужно |
| Телефон или email | Канал, через который команда действительно ответит | Второй контакт, если одного достаточно |
| Вид услуги | От него зависит ответственный или состав уточнений | Повторный выбор, если форма уже привязана к конкретной услуге |
| Краткое описание | Без контекста невозможно понять задачу | Полный бриф, который удобнее заполнить после первого разговора |
| Город или район | Нужно проверить возможность выезда или территорию работы | Точный адрес, если его уточняют перед выездом |
| Объём и желаемое время | Они влияют на возможность выполнения или предварительную оценку | Точные замеры и окончательную дату, которые ещё нужно согласовать |
| Бюджет, фото или файл | Команда использует их уже для первого решения и объясняет зачем | Обязательную загрузку или точную сумму, которых у клиента пока нет |
Если вы отвечаете только по телефону, назовите форму запросом на звонок. Если позволяете выбрать email или телефон, выбранного канала должно хватать для отправки. Не предлагайте мессенджер, который команда не проверяет, и не требуйте второй контакт без объяснения его роли.
Сравните формы для разных обращений
Ниже — учебные сценарии, а не описание клиентских результатов XEVOR. Набор полей в каждом зависит от того, что команда обещает сделать после отправки.
- Заказать звонок. Телефон; имя и удобное время можно оставить необязательными, если команда может учесть эти пожелания. Вступление объясняет, что это разговор об услуге, а не готовый заказ.
- Уточнить уборку квартиры. Контакт, формат уборки, район и примерная площадь помогают обсудить выезд и объём. Добавьте возможность описать ситуацию, если человек не знает названия формата. Точный адрес и доступ в квартиру можно согласовать позже.
- Обсудить разработку сайта. Контакт и несколько предложений о бизнесе и нужном результате дают основу для первого ответа. Ссылка на существующий сайт и желаемый срок полезны при наличии; готовое техническое задание не должно быть условием первого разговора.
Например, клининговой команде площадь может быть нужна уже для предварительного обсуждения. Убирать её только ради более короткой формы нет смысла, если следующим сообщением команда всё равно должна её спросить. А номер квартиры на этом этапе может ничего не менять.
Когда нужен приблизительный ответ, разрешите его дать: диапазон площади, ориентировочный месяц или «ещё не знаю». Не заставляйте человека придумывать точное значение, чтобы пройти проверку поля.
Объясните обязательные поля и формат ответа
Обязательным делайте поле, без которого нельзя выполнить обещанный следующий шаг. Остальные отмечайте как необязательные. Если используете звёздочку, объясните её значение перед полями; не полагайтесь только на цвет.
Название поля должно оставаться видимым после ввода. Подсказка внутри пустого поля может показывать пример, но не заменяет название. В руководстве WAI о подписях полей объясняется также связь подписи с соответствующим элементом формы — это задача для разработчика.
Вместо расплывчатого «Сообщение» можно написать «Что нужно сделать?» и добавить короткую подсказку: «Опишите задачу и важные условия. Детали уточним в разговоре». Для файла до выбора объясните допустимые форматы и максимальный размер. Не просите присылать пароли или платёжные реквизиты через обычную форму обращения.
Рядом с формой объясните, для чего используете контакт, и дайте ссылку на актуальное уведомление об обработке данных. Текст должен соответствовать реальной работе сайта; случайно скопированный флажок из чужой формы этого не обеспечивает.
Что показать во время и после отправки
Работа формы не заканчивается нажатием кнопки. Человек должен понять, продолжается ли отправка, нужно ли что-то исправить и принято ли обращение. Исчезновение полей без объяснения оставляет неопределённость.
| Состояние | Что объяснить | Пример текста |
|---|---|---|
| Идёт отправка | Запрос ещё обрабатывается; повторный клик не создаёт новую заявку | «Отправляем запрос…» |
| Ошибка поля | Какое значение исправить, с сохранением остальных введённых данных | «Укажите email в формате name@example.com» |
| Отправка не подтверждена | Система не подтвердила принятие; дайте способ повторить или другой действующий контакт | «Не удалось подтвердить отправку. Попробуйте ещё раз или свяжитесь с нами другим способом» |
| Запрос принят | Принятие подтверждено, теперь ожидается ответ команды | «Запрос принят. Ответим по указанному контакту, чтобы уточнить детали» |
Это примеры состояний, которые нужно согласовать с реализацией. Показывать успех сразу после клика нельзя. Принятие запроса системой, доставка уведомления и прочтение менеджером — разные события. Без подтверждения не пишите, что менеджер уже получил письмо; запрос на дату не называйте завершённым бронированием.
Ошибка должна помочь исправить конкретное поле, а статус — быть доступным и людям, которые пользуются озвучиванием экрана. Принципы такой обратной связи описаны в рекомендациях WAI о сообщениях формы. Передайте эти требования разработчику вместе с текстами состояний.
Проверьте весь путь на телефоне и с клавиатуры
Откройте страницу услуги на телефоне и пройдите путь до ответа формы. Отдельно попросите разработчика показать обработку ошибки и отсутствия подтверждения отправки. Для проверок используйте согласованные тестовые данные, а не частные обращения клиентов.
- Кнопка страницы ведёт к нужной форме, её заголовок и первое поле видны.
- Названия, подсказки и ошибки читаются после открытия экранной клавиатуры; страница не прокручивается вбок.
- Email и телефон удобно вводить и подставлять автозаполнением; привычный формат номера не отклоняется без объяснения.
- Tab проходит поля и кнопку в логичном порядке, фокус виден, все нужные действия доступны без мыши.
- Ошибка не стирает описание задачи; её можно найти и исправить.
- Повторный клик во время отправки не создаёт дубль, а сообщение о результате соответствует фактическому состоянию.
- Контрольное обращение поступает в согласованный канал, и ответственный знает, как на него ответить.
Форма помогает посетителю обратиться, а готовность к поиску зависит также от содержания и структуры сайта. Проверки адресов, заголовков и индексации собраны в руководстве про SEO при разработке сайта. Само сокращение полей не гарантирует ни позиций, ни увеличения количества заказов.
Что согласовать с разработчиком формы
Подготовьте короткий документ об одном обращении. Для каждого поля запишите название, зачем нужен ответ, обязательность, подсказку и текст ошибки. Это даёт конкретную основу для оценки работы.
- Услуга, обещание кнопки и следующее действие команды.
- Состав полей и зависимости: какие уточнения появляются только при определённом выборе.
- Получатель, рабочий канал, ответственный и реальные условия ответа.
- Тексты отправки, ошибок и успеха на всех языках сайта.
- Обработка данных, ограничения файлов, защита от автоматических обращений и повторной отправки.
- Сценарии приёмки: успех, неправильное поле, сбой и контрольное получение запроса.
Для одного предложения форму можно согласовать в рамках разработки лендинга под услугу, а для нескольких направлений — вместе с созданием сайта для бизнеса. Интеграции, вложения и сложные сценарии обсуждаем отдельно. Пришлите XEVOR описание нужного сайта — определим путь обращения и объём разработки для оценки.
Частые вопросы о форме заявки
Сколько полей должно быть в форме заявки?
Единого числа нет. Оставьте контакт и те сведения, которые нужны для обещанного первого ответа. Проверяйте каждое поле по решению, которое команда примет с его помощью, а не только по длине формы.
Нужно ли обязательно спрашивать телефон и email?
Только если оба канала нужны для этого обращения и вы объясняете зачем. Если достаточно одного, определите рабочий канал или разрешите выбрать способ ответа. Наличие лишнего контакта само по себе не делает обращение полезнее.
Стоит ли делить форму на несколько шагов?
Это может помочь длинному сценарию с разными уточнениями. Для короткого обращения дополнительные экраны могут лишь усложнить путь. Если шаги нужны, объясните их порядок, разрешите вернуться и сохраняйте уже введённое при переходе.
Нужна ли отдельная страница благодарности?
Не всегда. Понятного доступного подтверждения на месте формы может хватить. Отдельная страница уместна, если на ней есть нужные дальнейшие действия. Само открытие её адреса не подтверждает, что новый запрос был принят.