как создать эффективную веб-форму

Вы заполняете длинную и детальную веб-форму, что позволит вам заказать любимую книгу. Нажав на кнопку «далее» вы видите, что вас просят проверить форму еще раз, так как вы допустили некоторые ошибки при ее заполнении. Да, вы ввели почтовый индекс правильно, но, возможно, вы должны проверить еще раз. А вот другое сообщение об ошибке красного раздражающего цвета, которое уведомляет — вы должны ввести свой пароль, используя хотя бы одну заглавную букву, 10 цифр, не буквенно-цифровые символы и еще несколько требований, не дочитав которые вы закроете вкладку и больше никогда не вернетесь на этот сайт. А за книгой отправитесь в книжный магазин.

Владелец интернет-сервиса только что потерял посетителя. Как избежать его ошибки?

улучшенная и обычная веб-формы

Источник изображений conversioner.com

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

Исследование, проведенное в 2014 году компанией Google показывает, что модифицированные веб-формы, судя по первым испытаниям, устраивают пользователей. Опрос пользователей выявил основные принципы, которыми стоит руководствоваться при улучшении.

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

Другое исследование, проведенное cxpartners было сфокусировано на простоте заполнения формы и удовлетворенности пользователей. Качество дизайна формы было основным параметром, который они проверяли. cxpartners использовали формы таких крупных веб-сайтов, как: Gmail, Hotmail, Yahoo и eBay. У каждого участника были формы, которые их попросили заполнить в соответствии с их реальным желанием получить ту или иную услугу.

Результаты исследований:

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

В результате, они были в состоянии обратить внимание на болевые точки и придумать руководящие принципы.

Тепловая карта может рассказать о том, как посетители воспринимают вашу страницу

Итак, как вы можете проверить веб-формы? Есть некоторые инструменты, которые позволяют тестировать проекты. Предлагаем вашему вниманию несколько полезных инструментов удаленного тестирования, которые помогут вам проверить свои веб-формы:

FORMISIMO

Анализирует недостатки формы и поведение пользователей
Британский стартап Formisimo ищет недостатки в онлайн-обслуживании клиентов. Они предоставляют инструмент, анализирующий действия пользователей в онлайн-расчетах, регистрационных формах и формах запроса. Он также измеряет скорость коэффициента снижения количества посетителей, то есть, как быстро пользователи покидают веб-страницу. Все, что вам нужно сделать для установки этого инструмента — установить JavaScript.
Formisimo работает с большинством популярных платформ, таких как WordPress и может легко протестировать веб-форму. Это проще, чем кажется на первый взгляд. Стоит также отметить, что Formisimo создали стильный и дружественный пользователю интерфейс.

LUCKY ORANGE

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

ClickTale

Помогает выявить сложности с заполнением полей формы
Инструмент ClickTale предоставляет пользователям возможность открыть для себя, какие поля слишком долго заполняются, какие остаются пустыми и какие вызывают у посетителей лендинга желание покинуть посадочную страницу. Благодаря этому инструменту можно получить различные виды отчетов о тестировании веб-формы. Они включают в себя: отчет о конверсии, отчет падения, отчет времени, отчет о пустых полях формы и дополнительных полях.
Вы также можете комбинировать аналитические формы с записями посетителей, чтобы глубже понять ситуацию.

Formstack

Анализирует не только форму, но и статистику сайта
Formstack это еще один инструмент для измерения таких важных показателей, как конверсия, коэффициент снижения посещаемости и уникальный вид. Он предлагает приложение по аналитике, которое показывает не только результаты тестирования веб-формы, но также статистику сайта в целом. Вы можете интегрировать Formstack с Google Analytics, чтобы достичь более детальные метрики.

INSPECTLET

Простой инструмент, измеряющий время, проведенное на сайте

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

USABILITYTOOLS

комбинированный набор инструментов

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

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

Как вы думаете, насколько тестирование веб-форм влияет на конверсию? Вы уже проверяли свои формы? Какие инструменты вы использовали?

Ждем ваших комментариев)

Высоких конверсий и эффективных веб-форм!