Почему люди бросают форму на полпути и как это остановить

Сравнение перегруженной формы с множеством полей и простой формы с минимумом полей. Упрощение формы снижает количество брошенных заявок

Человек дошёл до формы. Это уже победа — он изучил страницу, заинтересовался, готов оставить контакт. И тут что-то идёт не так.

Он видит восемь полей, кнопку «Отправить» и поле «Отчество» — и закрывает вкладку. Форма убила заявку. Давай разберём как это происходит — и что с этим делать.

Форма — это последний барьер. Самый обидный

Налево — типичная перегруженная форма с 8 обязательными полями. Направо — оптимальная форма с 3 полями и чётким призывом к действию

Форма стоит в самом конце пути пользователя. Он уже прошёл через рекламу, изучил страницу, прочитал отзывы — и споткнулся здесь.

Потерять клиента на форме — самая дорогая потеря. Ты уже заплатил за трафик, за внимание, за доверие. И потерял всё это на последнем шаге.

Хорошая новость: форма — один из самых простых элементов для улучшения. Никакого редизайна, никакого нового трафика. Просто несколько конкретных изменений.

Прикинь: форма «нормальная» — это с чьей точки зрения? Компании? Отлично. Пользователя? Другой вопрос.

Пользователь не обязан терпеть неудобную форму. У конкурента она проще — он пойдёт туда.

Семь ошибок, которые убивают форму

Инфографика с 7 типичными ошибками формы и способами их быстрого исправления: неверный формат, ошибка загрузки, проблема отображения, недостаток места и др.

Открой свою форму прямо сейчас. Готов спорить? Посмотрим вместе что там не так.

1. Слишком много полей на первом шаге. Восемь полей при первом касании — это не форма заявки, это анкета на загранпаспорт. Пользователь видит объём работы и уходит. Правка: оставь на первом шаге только имя и телефон или email. Всё остальное — после первого контакта или вообще не нужно.
2. Обязательное поле «Отчество». Зачем? Серьёзно, зачем оно здесь? Пользователь останавливается, раздражается, уходит. Правка: убери. Если нужно для документов — спроси позже, при оформлении.
3. Кнопка «Отправить» без объяснения что будет дальше. Куда отправить? Кому? Что произойдёт? Пользователь не знает — и боится нажать. Правка: напиши конкретно — «Получить расчёт за 10 минут», «Записаться на консультацию», «Отправить заявку — перезвоним сегодня». Конкретика снимает страх.
4. Нет подсказок и примеров в полях. Поле «Телефон» — в каком формате? С кодом страны? Со скобками? Пользователь вводит не так, получает ошибку, раздражается. Правка: добавь подсказку-пример внутри поля — «+7 (900) 000-00-00». Исчезает при вводе — не мешает.
5. Непонятное сообщение об ошибке. «Заполните поле корректно» — что значит корректно? Пользователь не понимает что исправить. Правка: конкретное сообщение рядом с полем — «Введите email в формате name@mail.ru».
6. Форма не работает на мобиле. Поля слиплись, клавиатура перекрывает кнопку, ничего нельзя нажать. А большинство людей заходит с телефона. Правка: проверь форму на трёх разных телефонах прямо сейчас. Если что-то неудобно — это и есть проблема.
7. Нет подтверждения после отправки. Человек нажал кнопку. Ничего не произошло — визуально. Нажал ещё раз. И ещё. Три заявки отправилось. Или не отправилось вообще — он не знает. Правка: сразу после отправки — сообщение «Заявка принята, перезвоним в течение часа» и уберите кнопку отправки.

Сколько полей должно быть: честный ответ

Универсального числа нет — зависит от продукта и аудитории. Но есть правило: каждое поле должно заработать своё место.

Вопрос для каждого поля: «Мы реально не сможем связаться с человеком без этого?». Если можем — поле лишнее.

Есть принцип постепенного раскрытия — это когда сначала просишь минимум, а потом по необходимости добавляешь детали. Первый шаг — имя и телефон. Достаточно для начала разговора. Всё остальное — в процессе.

Если форма длиннее трёх полей — задай себе вопрос зачем каждое из них. Ответ удивит.

Мобильная версия: отдельный разговор

Больше половины трафика приходит с телефонов. Форма на мобиле — это не бонус, а основа. И очень часто она работает потрясающе.

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

Правка одна: открой форму на своём телефоне прямо сейчас. Попробуй заполнить. Если что-то раздражает — это и есть проблема. Потом открой на телефоне знакомого — другой экран, другие ощущения.

Форма которую удобно заполнять на компьютере — не значит форма которую удобно заполнять на телефоне. Это разные вещи.

Чек-лист: проверь свою форму прямо сейчас

Сохрани этот список — открой форму и иди по пунктам.

1. Сколько полей в форме? Больше пяти на первом шаге — убери лишние.
2. Есть поля, которые не нужны для первого контакта? Убери их.
3. Что написано на кнопке? Если «Отправить» — перепиши на конкретное действие.
4. Есть подсказки-примеры в полях? Если нет — добавь.
5. Сообщения об ошибках понятные и конкретные? Проверь каждое.
6. Есть подтверждение после отправки? Если нет — сделай.
7. Форма работает на мобиле? Проверь на трёх разных телефонах.
8. Клавиатура не перекрывает кнопку отправки на мобиле? Проверь.

Чек-лист для работы с формой: от идеи до запуска — структура, подготовка, тестирование, финальная проверка и публикация

Форма — это последний разговор с пользователем перед заявкой

Чем короче и понятнее этот разговор — тем больше заявок. Никакого магического редизайна не нужно. Просто сделай так чтобы люди заполняли форму до конца. Семь проблем, семь правок, один чек-лист.

А сколько полей в вашей форме прямо сейчас? Напишите в комментарии — и скажу что убрать первым делом.

Дальше — разборы конкретных форм с примерами до и после. Подписывайся если хочешь видеть практику.