Конверсия

Почему поля форм без подписей стоят вам завершённых регистраций

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

Что это

«Подпись» поля формы — это видимый текст рядом или над полем ввода, объясняющий, что туда вводить — «Электронная почта», «Полное имя», «Номер телефона». Эта проверка смотрит, есть ли у полей формы настоящая, правильно связанная подпись, в отличие от полагания исключительно на текст-заполнитель (тот бледный серый текст-подсказку внутри пустого поля, исчезающий в момент, когда кто-то начинает печатать).

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

Почему это важно

В момент, когда кто-то начинает печатать в поле, текст-заполнитель исчезает — так что если человек делает паузу, отвлекается или возвращается к форме после прерывания, больше нет видимого напоминания, для чего было это поле. В длинной форме, или на медленном соединении, где кто-то заполняет поля постепенно, это приводит к реальным, предотвратимым ошибкам: ввод email в неправильное поле, или заполнение наполовину и отказ от формы, потому что стало по-настоящему запутанно следить за ней.

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

Как это исправить

  1. Проверьте каждое поле формы на вашем сайте — если описание поля исчезает в момент клика по нему и начала ввода, оно использует только текст-заполнитель, а не настоящую подпись.
  2. Добавьте настоящую, постоянную подпись над или рядом с каждым полем, в дополнение к (или вместо) любого текста-заполнителя.
  3. Если вы используете конструктор сайтов, у большинства инструментов форм есть отдельное поле «Подпись», отличное от «Текста-заполнителя» в настройках поля — заполните оба, а не полагайтесь только на заполнитель.
  4. Оставьте текст-заполнитель, если вы вообще его используете, для короткого примера формата (вроде «например, ivan@example.com»), а не как единственную инструкцию поля.
  5. Протестируйте вашу форму, медленно её заполняя и делая паузу на середине каждого поля, чтобы убедиться, что вы всё ещё можете понять, что нужно каждому полю.

Проверьте, есть ли эта проблема на вашем сайте

Launch Readiness проверяет ваш сайт на эту и ещё ~50 проблем перед запуском за несколько секунд — бесплатно, без регистрации.

Запустить бесплатную проверку