Полезное

Руководство по дизайну форм: как создавать онлайн-формы с высокой конверсией

Автор Freelance.Today

Согласно последним исследованиям, 84% людей заполняют как минимум одну веб-форму в неделю.

Заполнение веб-форм стало почти неотъемлемой частью нашей жизни.

Фактически, почти каждое интерактивное взаимодействие, является онлайн-формой: связаться с компанией, заказать поезд, купить товар, организовать пребывание в отеле…

Веб-формы впервые начали использоваться для онлайн-продаж в 1994 году, а первые формы с технологией drag and drop появились на наших экранах в 2006 году. С тех пор формы стали основой онлайн-взаимодействий.

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

Так почему у онлайн-форм такая плохая репутация?

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

И в этом заключается проблема. Множество онлайн-форм слишком длинные, запутанные или инвазивные (а иногда и все это одновременно).

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

«Создать форму очень легко. Самое сложное — заставить людей заполнить ее».

Разрабатываете форму? Сделайте ее интуитивно понятной, простой и дружелюбной. Это руководство расскажет вам, как это воплотить в жизнь.

 

Основные компоненты формы



1.       Приветствуйте своих респондентов: название и введение

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

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

Опыт BettingExpert: они получили на 31,54% больше регистраций, изменив название формы, чтобы подчеркнуть, почему люди должны зарегистрироваться.

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

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

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

Если для заполнения формы требуется значительное время, заранее предупредите об этом пользователей. Но если это «быстро и легко»? Пусть пользователи будут приятно удивлены. Они смогут сами сделать это, посмотрев на индикатор выполнения или количество полей в любом случае.

 

2.       Используйте связанные заголовки и подзаголовки

Забавный факт: люди формируют первые впечатления за 50 миллисекунд. Спойлер: этого недостаточно, чтобы внимательно прочитать или просмотреть вашу форму.

В вашей форме пользователи будут читать самый минимум и проигнорируют все остальное.

Скорее всего, они торопятся, отвлекаются или вообще нетерпеливы.

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

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

Лучший способ проверить это — прочитать ваши заголовки изолированно от текста — имеют ли они смысл?

 

3. Разбейте вопросы разделителями

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

 

4. Решите, будете ли вы использовать многостраничную или одностраничную форму

Это зависит от количества разделов.

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

 

5. Подчеркните призывы к действию (CTA)

Успешные CTA подчеркивают часть действия: нажав эту кнопку, что получит пользователь? Общие слова, такие как «Отправить», или «Обработать», не работают. Чем лучше вы опишите последствия, тем лучше.

Чтобы устранить неопределенность, попробуйте ответить на вопрос «Я хочу…» с точки зрения пользователя. Например, если это форма запроса на услугу, это может быть «Запросить бесплатную консультацию».

Нужно больше убедительности? Unbounce обнаружил, что даже просто изменив «Начать бесплатную пробную версию» на «Начать мою бесплатную пробную версию», можно увеличить количество кликов на призыв к действию на 90%.

 

6. Определите поля формы

Сейчас не время фантазировать ...

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

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

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

 

7. Никогда не забывайте страницу «Спасибо»

Помните, что ваши респонденты люди, которые уделили вам немного времени. Так что не заканчивайте внезапно — всегда говорите спасибо.

 

Как писать, чтобы люди слушали

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

 

8. Говорите просто

Когда дело доходит до форм, мы все предпочитаем простой язык — даже если среди нас ученые, гении и эксперты. Так почему же так много текстов в Интернете написаны таким сложным языком?

«Примите наши искренние извинения. Тем не менее, мы хотели бы знать ваше мнение. Более того…"

Если вы пишете, старый профессор колледжа, это оттолкнет читателей.

Простое не означает глупое — оно читаемо. Это означает простой русский язык, с максимальной ясностью. Каждое слово должно быть коротким, простым и доступным — это означает «но» вместо «однако». Никакого жаргона, никаких сложных предложений.

Чтобы проверить, прочитайте ваш текст вслух. Ваши уши могут слышать то, что ваши глаза не видят.

 

9. Сделайте текст личным

Форма должна выглядеть как дружеская беседа между вами и респондентом. Сделайте текст личным, используя такие местоимения, как «я», «вы» и «ваш».

 

10. Устраните пассивные предложения

Текст лучше работает, когда он активен (Джон написал письмо с жалобой), а не пассивен (письмо с жалобой было написано Джоном).

Пассивное письмо имеет тенденцию быть более продолжительным и менее сфокусированным.

Как вы можете определить, является ли предложение пассивным? Вот два правила:

Субъект, выполняющий действие, неясен (письмо написано) или

В предложении используется глагол «быть» (был, был…), за которым следует причастие (например, «написано»).

 

11. Вырежьте как можно больше слов

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

«За каждое слово, которое вы сокращаете, вы получаете читателя в награду».

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

Что можно убрать:

Наречия.

Бессмысленные классификаторы (много).

Пустые усилители (очень, довольно, скорее, действительно).

Слово «это».

Несущественная информация.

Неопределенные слова (вещь, мало, много).

 

12. Используйте сокращенные версии слов

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

Кроме того, вы экономите место. И хорошие формы всегда просторны.

Что> что есть. Просто.

 

13. Расщепляйте длинные предложения

Длинные, извилистые предложения утомляют. Они создают плотные блоки текста.

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

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

 

14. Просмотрите письменный контент

Хорошее письмо — это 30% сочинения и 70% редактирования.

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

Продолжение следует…

Источник 

  • 1560