Несколько советов для оптимизации веб-форм и эффективной работы сайта

Размещение веб-формы в бросающемся в глаза месте

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

Оптимальное размещение веб-форм:

• Использование шапки ресурса - хедера. Именно он является первым, что пользователь видит при переходе на страницу. С его помощью осуществляется переход на другие страницы, а также поиск необходимой информации. В нём размещают заметные кнопки, вызывающие формы. Рекомендация – располагать блоки рядом с контактами в правом углу сверху;
• Основной экран. Для большей эффективности формы нередко размещаются именно там. Обычно он позволяют получить скидку, заказать обратный звонок либо рассчитать цену. Правда, нередко пользователи не обращают внимания на них, поскольку делают заказ только после того, как просмотрят всю страничку;
• В пределах контента. Для захвата пользователя формы нередко размещаются посередине контента. Он, видя спецпредложение, прочитывая статью или просматривая фото, сделает заказ с большей вероятностью при условии нахождения нужной ему информации;
• Футер. В завершении странички добавляется призыв к действия. При просмотре всех данных пользователь не будет возвращаться вверх, а незамедлительно заполнит форму. Этот приём имеет целью посетителей, которые заинтересованы в приобретении услуги, поскольку они детально изучают всю страницу.

Сокращение числа полей

А все ли данные о пользователе необходимы Вам? Если форма потребует многих усилий для заполнения, тем вероятнее пользователь начнёт испытывать раздражение и просто покинет ресурс. Оптимальные поля – это е-mail, номер телефона и имя, чтобы оператор знал, как обратиться к пользователю.

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

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

Бывает, что избежать большого числа вопросов не получается. Тогда рекомендуется разделить её, чтобы заполнение было поэтапным.

Продумывание названий полей

Когда пользователь не понимает, какие данные нужно вводить, он прекратит заполнение. Целевое действие не выполнится. Названия полей должны отличаться лаконичностью, чёткостью, понятностью. Избегайте длинных фраз. Вместо «Ввод имени» сделайте «Имя», к примеру. Исключительными являются поля, где без дополнений неясен смысл запроса («Восстановить пароль» и т.п.).

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

Кнопки должны быть подписаны конкретным образом. Это не «Запись», а «Запись на консультацию». Тогда клиент чётко поймёт суть совершаемого действия.

Для длинных форм поля группируются в блоки по смыслу. Расположение названий – слева/ сверху, как правило.