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

1. Определите задачу формы заранее

У формы должна быть одна задача — сделать возможным конкретное решение. Форма запроса цены обеспечивает решение о соответствии в продажах, форма поддержки — приоритизацию, форма регистрации — доступ.

Без такого определения спор о полях не кончается. Каждая команда добавляет своё: маркетинг — отрасль, продажи — бюджет, операционный отдел — адрес, и форма тихо превращается в анкету.

Правильный вопрос звучит так: если это поле останется пустым, можно ли сделать следующий шаг? Если да, поле не обязательно, а часто и вовсе не нужно.

Второй вопрос не менее важен: можно ли получить эти сведения, не спрашивая? Отрасль, размер компании или город обычно и так выясняются в первом разговоре.

Записанная задача формы сокращает все последующие споры. Когда просят добавить поле, обсуждение идёт о соответствии заявленной цели, а не о личных предпочтениях.

2. Свяжите каждое поле с решением

Самый безопасный способ сократить поля — выписать каждое вместе с решением, которое оно питает. Поле без решения удаляется; поле с решением получает класс: обязательное, необязательное или отложенное.

Таблица ниже показывает такую классификацию на примере формы запроса цены. Заполнение той же таблицы для своей формы обычно вскрывает два-три лишних поля.

Отложенное не значит неважное — оно просто не нужно при первом контакте. Спросить эти сведения на странице благодарности или в первом ответе значит сохранить конверсию.

3. Правильно задайте квалифицирующий вопрос

Качество заявок повышают не удлинением формы, а одним верным вопросом. Хороший квалифицирующий вопрос отсекает неподходящее обращение и не утомляет подходящее.

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

Паттерн страниц-вопросов в GOV.UK Design System советует задавать только те вопросы, ответы на которые вам действительно нужны, и в сложных сценариях держать на странице один вопрос. Разбиение длинной формы на несколько ясных шагов позволяет собрать те же сведения с меньшим числом отказов.GOV.UK Design System — Question Pages

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

Решение об обязательности тоже принимайте по качеству. Необязательное поле бюджета собирает сведения, не теряя подходящего клиента; сделанное обязательным, то же поле разворачивает серьёзную заявку от того, кто ещё не знает диапазона цен. Одно поле — два исхода.

• Свяжите каждое поле с решением.
• Удалите поля без решения.
• Зафиксируйте число обязательных полей.
• Оставьте место для свободного текста.
• Перенесите квалификацию на нужный шаг.

4. Гипотетический сценарий: две стороны короткой формы

На гипотетическом сайте агентства форма запроса состоит из девяти полей и редко заполняется до конца. Команда сокращает её до четырёх, и число отправок заметно растёт.

Через три недели продажи сообщают, что половина первых встреч выходит за рамки услуг. Отправок стало больше, квалифицированных разговоров — нет, а потраченного времени прибавилось.

На этот раз вместо возврата полей команда добавляет один вопрос со свободным ответом: какую задачу вы хотите решить? А диапазон бюджета переносит на шаг записи. Это гипотетический пример, а не клиентский результат и не обещанный выигрыш.

5. Ошибки, подписи и ответственность за данные

Большинство форм теряет людей не на числе полей, а на опыте ошибки. Одна красная строка после отправки оставляет человека искать, какое поле исправлять.

Подпись внутри поля экономит место, но стирает контекст, как только человек начинает печатать. Видимая подпись, точное сообщение об ошибке для каждого поля и порядок обхода с клавиатуры — невидимая сторона конверсии.

У каждого собранного поля есть и правовая сторона. Турецкий закон о защите персональных данных закрепляет принцип: данные обрабатываются для определённых, ясных и законных целей и должны быть связаны с этими целями, ограничены ими и соразмерны им. Сбор ненужного поля — вопрос соответствия требованиям, а не только конверсии.KVKK — закон Турции о защите персональных данных

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

Повторяйте аудит ежегодно. Кампании, интеграции и новые команды со временем добавляют поля, и никто их не убирает. Ежегодная проверка возвращает форму к её задаче.

6. Порядок упрощения на три недели

Первая неделя — измерение: где люди уходят, какие поля приходят пустыми, какие сообщения об ошибке повторяются. Упрощение без этих данных — догадка.

Вторая неделя — заполнение таблицы «поле — решение» и переписывание списка обязательных полей. Участие продаж и поддержки здесь обязательно: они настоящие потребители этих полей.

Третья неделя — исправление опыта ошибок, подписей и поведения на мобильных. Меняя упрощение и обработку ошибок одновременно, вы не отличите, что сработало.

После изменения измеряйте не только отправки, но и долю заявок, доходящих до квалифицированного разговора. В отрыве первая цифра легко уводит решения о форме в неверную сторону.

• Измерены отказы по каждому полю.
• Каждое поле связано с решением.
• Список обязательных полей переписан.
• Добавлен вопрос со свободным ответом.
• Сообщения об ошибках переведены в действия.
• Проверена работа с клавиатуры и на мобильных.
• Доля квалифицированных заявок измерена отдельно.

7. Границы и режимы отказа

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

Чрезмерное упрощение целиком перекладывает квалификацию на продажи. Иногда это верный размен, но при нехватке ресурсов время ответа растягивается, и общий результат ухудшается.

Квалифицирующий вопрос тоже способен отпугнуть. Вопрос о диапазоне бюджета может стоить подходящего клиента, не знающего обычных цен, поэтому держите диапазоны широкими, а поле необязательным.

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

Наконец, форма сама по себе не система конверсии. Обещание до страницы, скорость ответа после неё и ясность предложения определяют исход не меньше.