Почему длинные формы на странице должны быть похожи на разговор
Что делает каждый дизайнер, когда проектирует длинную форму на странице? Он выстраивает поля формы в столбик, группирует их по разделам — и считает, что работа завершена. Но, к сожалению, это не так. Такая форма всё равно остаётся неудобной и утомительной для заполнения.
Она выглядит сложной и перегруженной, и это никак не мотивирует пользователя её заполнять. Уже на старте пользователь понимает, что это займёт много времени и усилий. Чтобы повысить шансы на заполнение формы, важно разрушить это первое впечатление. Ключ к этому — превратить длинную форму в разговорную пошаговую форму.
Разбить форму на несколько шагов — это только начало. Но этого недостаточно для роста конверсии, если в дизайне нет элемента вовлечения. Без вовлечения у пользователя не будет эмоциональной мотивации завершить процесс. Другими словами, при первом же неудобстве он может просто уйти.
Чтобы форма ощущалась простой, она должна вовлекать. А лучший способ вовлечь — сделать каждый шаг частью непрерывного диалога. По крайней мере, пользователь должен ощущать это как разговор
Когда пользователь открывает форму, он видит аватар реального человека с речевым облаком рядом. Это создает ощущение общения с живым человеком — как будто перед ним сотрудник службы поддержки. Любая тревожность сразу уходит.
В первом речевом облаке объясняется задача: например, создать вакансию, указав должность и описание. После нажатия на кнопку «Продолжить» пользователь получает подтверждение, что всё идёт правильно. Простое сообщение вроде «Отлично выглядит!» помогает почувствовать уверенность, даже если пользователь сомневается. Затем появляется следующий шаг с новыми полями.
Каждый новый шаг содержит поддержку и призыв к действию. Если нужно, можно также добавить подсказки или объяснения.
Внизу формы находятся индикаторы страниц и кнопки навигации. Основная кнопка будет называться «Продолжить» до последнего шага, где пользователь завершает действие. После отправки формы его информируют о получении заявки и дальнейших шагах.
Хотя пользователь не общается с реальным человеком, такой подход создает ощущение живого диалога. Иллюзия социальной связи делает опыт более приятным и помогает удержать внимание до конца. Поскольку пользователь может покинуть форму на любом шаге, «продолжение разговора» на каждой странице — это важный элемент для повышения процента завершений.