Форма заявки — последний шаг между интересом посетителя и заработком компании. Человек нашёл сайт, прочитал об услуге, решил, что ему подходит, и нажал кнопку «Оставить заявку». Казалось бы, дальше всё должно пройти гладко. Но именно здесь, на финишной прямой, сайты теряют заметную часть клиентов.
Мы регулярно проводим аудиты и смотрим записи сессий пользователей. Формы — один из самых частых источников проблем. Ниже — ошибки, которые встречаются снова и снова, с объяснением, почему они вредят, и тем, как их исправить. Порядок примерно соответствует частоте, с которой мы их находим.
Ошибка 1. Слишком много полей
Самая распространённая и самая дорогая ошибка. Отдел продаж хочет знать о клиенте всё заранее: название компании, должность, бюджет, сроки, источник, откуда узнали, удобное время звонка. Каждое такое поле кажется разумным. Вместе они превращают простую заявку в анкету, которую никто не хочет заполнять.
Простое правило: в форме должны быть только поля, без которых невозможно связаться с человеком и понять, о чём он. Для большинства услуг это имя и телефон, иногда почта или короткое поле для комментария. Остальное менеджер выяснит при первом контакте.
Из практики: в форме заявки на сайте компании, занимающейся корпоративным обучением, было девять полей, из них семь обязательных. Мы оставили три — имя, телефон, тема обучения (выбором из списка) — и сделали необязательное поле «Расскажите подробнее». Количество заявок выросло почти вдвое. Качество лидов при этом не упало: менеджеры всё равно уточняли детали по телефону.
Если информация действительно нужна
Бывает, что без деталей невозможно дать расчёт. В этом случае помогают пошаговые формы: сначала один-два простых вопроса, затем следующий шаг. Человек, который уже ответил на первый вопрос, с большей вероятностью дойдёт до конца. Важно показывать прогресс, чтобы было понятно, сколько шагов осталось.
Ошибка 2. Подписи внутри полей вместо подписей над ними
Модно делать поля с подсказкой внутри: серый текст «Ваше имя» исчезает, когда начинаешь печатать. Выглядит минималистично, но создаёт проблемы.
- Когда человек начинает вводить данные, подсказка исчезает, и он может забыть, что именно требовалось.
- Проверить заполненную форму перед отправкой сложно: непонятно, какое поле за что отвечает.
- Серая подсказка часто выглядит как уже заполненное значение, и поле пропускают.
- Для людей со слабым зрением бледный текст плохо читается.
Решение — постоянная подпись над полем. Если очень хочется сохранить компактность, можно использовать «плавающие» подписи, которые при вводе уменьшаются и переезжают наверх, но остаются видимыми.
Ошибка 3. Непонятные требования к формату
Человек вводит телефон, нажимает «Отправить» и получает сообщение «Неверный формат». Какой формат верный? С восьмёркой или с плюс семёркой? Со скобками или без? С дефисами? Форма не объясняет, и человек гадает.
Хорошая форма принимает данные в любом разумном виде и сама приводит их к нужному формату. Для телефона мы используем маску, которая подставляет код страны и разделители по мере ввода, но при этом не мешает вставить номер из буфера обмена. Для дат — календарь или понятный пример формата прямо под полем.
Форма должна подстраиваться под человека, а не человек под форму.
Ошибка 4. Валидация после отправки и стирание данных
Сценарий, знакомый всем: заполнил форму, нажал кнопку, страница перезагрузилась, наверху появилось красное сообщение «Заполните обязательные поля» — а все введённые данные пропали. Повторно заполнять форму готовы немногие.
Как должно быть:
- Проверка поля происходит, когда человек его покидает, а не после нажатия кнопки.
- Сообщение об ошибке появляется рядом с полем и объясняет, что исправить: не «Ошибка», а «Введите номер телефона из десяти цифр после кода страны».
- Введённые данные никогда не стираются.
- Кнопка отправки не блокируется без объяснения причины.
- Не нужно ругать человека, пока он ещё печатает: ошибка, всплывающая после первой цифры, раздражает.
Ошибка 5. Капча и прочие барьеры
Защита от спама нужна, но не за счёт живых людей. Капча с искажёнными буквами или выбором светофоров на картинках отсекает часть настоящих клиентов, особенно на телефонах. А некоторые варианты капчи ещё и блокируют отправку, если не загрузились из-за медленного интернета.
Есть способы защиты, незаметные для пользователя: скрытые поля-ловушки, которые заполняют только боты, проверка времени заполнения формы, невидимые сервисы оценки поведения. В большинстве проектов их достаточно. Если спама всё равно много, капчу можно показывать только при подозрительной активности, а не всем подряд.
Согласие на обработку данных
Отдельный барьер — галочка согласия, которую нужно поставить вручную, иначе кнопка не работает. Часто эта галочка мелкая, серая, и человек не понимает, почему форма не отправляется. Если галочка необходима, она должна быть заметной, а при попытке отправить без неё — подсвечиваться с понятным пояснением. Во многих случаях достаточно текстового уведомления под кнопкой со ссылкой на политику.
Ошибка 6. Невнятная кнопка отправки
Кнопка «Отправить» — нейтральная и ничего не обещает. Посетитель не знает, что произойдёт после нажатия: позвонят ли ему через минуту, пришлют ли коммерческое предложение, внесут ли в рассылку. Неопределённость создаёт тревогу.
Лучше, когда текст кнопки описывает результат: «Получить расчёт», «Записаться на консультацию», «Перезвоните мне». А рядом — короткое пояснение: «Перезвоним в течение 15 минут в рабочее время» или «Пришлём смету на почту в течение дня». Такие подписи снимают значительную часть сомнений.
Ошибка 7. Ничего не происходит после отправки
Человек нажал кнопку — и ничего. Или форма просто исчезла. Или появилось крошечное зелёное сообщение, которое пропало через секунду. Посетитель не уверен, ушла ли заявка, и либо отправляет повторно, либо уходит звонить конкурентам.
После отправки нужно:
- Показать заметное подтверждение — лучше отдельной страницей или крупным блоком на месте формы.
- Сообщить, что будет дальше и в какие сроки.
- Предложить полезное действие: посмотреть кейсы, подписаться на канал, прочитать статью.
- Отправить письмо или сообщение с подтверждением, если оставлена почта.
Отдельная страница благодарности удобна и для аналитики: её легко использовать как цель в системах статистики и в контекстной рекламе, чтобы точно считать стоимость заявки.
Ошибка 8. Форма, которую не найти
Бывает, что сама форма сделана хорошо, но спрятана в подвале или в отдельном разделе «Контакты», до которого человек не доходит. Особенно часто это случается на страницах услуг: подробное описание, цены, кейсы — и ни одной кнопки для связи, кроме телефона в шапке.
Мы размещаем точки входа в форму на каждой посадочной странице: кнопку на первом экране, форму в конце, иногда закреплённую кнопку при прокрутке на мобильных. Форма может быть всплывающей по клику — главное, чтобы она открывалась по желанию человека, а не насильно.
Как найти проблемы в своих формах
Узнать, где именно ваша форма теряет людей, можно с помощью нескольких инструментов.
| Инструмент | Что показывает |
|---|---|
| Аналитика форм | Сколько людей начали заполнять форму, на каком поле остановились, сколько отправили |
| Записи сессий | Как конкретные люди взаимодействуют с формой: где сомневаются, что стирают |
| Самостоятельная проверка | Попробуйте заполнить форму с телефона одной рукой, с медленным интернетом |
| Разговор с отделом продаж | Какие данные реально используются, а какие поля никто не читает |
Вывод
Форма — не формальность, а самый чувствительный участок сайта. Каждая лишняя секунда сомнений и каждое лишнее поле стоят вам клиентов, которых вы уже привлекли и за которых, возможно, уже заплатили в рекламе. Сократите поля, используйте постоянные подписи, принимайте данные в любом разумном формате, проверяйте ввод на лету, уберите барьеры, сделайте понятную кнопку и внятное подтверждение после отправки.
Если хотите понять, какие из этих ошибок есть на вашем сайте, закажите аудит — формы мы всегда проверяем в первую очередь, потому что изменения в них быстрее всего дают измеримый результат.
