Ответ
Оптимизация форм для увеличения конверсии на 30% Опции темы
Старый 21.06.2014, 17:35
  #1
Freezer
 
Регистрация: 28.02.2014
Сообщений: 14

Оптимизация форм для увеличения конверсии на 30%
Посмотрим правде в глаза - заполнение форм многих напрягает. Никто на самом деле не любит этого делать. Тем не менее, многие люди терпят, потому что это единственный способ добраться до хорошего материала "за формой". А значит, чем легче и проще вы сделаете процесс заполнения ваших форм, тем больше переходов вы, вероятно, получите.

Я на личном примере убедился, как упрощение 3-х ступенчатой формы увеличило число ее завершений на 30%. При этом я провел не настолько обширные изменения в форме, и в этой статье мы пройдемся по анализу этих изменений.

Итак, вводные данные:

Клиент: Датский сайт службы доставки. Потенциальные клиенты, заполняют форму, и в течение часа или двух они получают предложения по электронной почте непосредственно от самих перевозчиков.

Цель: Повышение числа завершенных форм и генерация большего числа потенциальных клиентов.

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

Вопрос исследования: Какой вариант позволит достичь самого высокого уровеня завершения – оригинальная форма или обновленная?

Результат: Новая форма увеличила число показателей завершения на 30%

Оригинальная 3-ступенчатая форма





Обновленная 3-ступенчатая форма





Шаг первый (описание)





Список изменений на шаге 1:

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

2. Замена заголовков полей, чтобы сделать их более наглядными и понятными. Вместо того чтобы просто писать «Описание», написали: «Описание товаров, которые будут отправляться", а вместо "Общий вес" - "Какой общий вес товаров?"

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

4. Добавлена большая четкая кнопка призыва к действию с контрастным цветом и соответствующим текстом. Оригинальная кнопка была крошечная и неприметная, с одним словом "Далее". Новая надпись кнопки включает в себя описание следующего шага, с целью более четкого прояснения шага и актуальности действий.

5. Помечено необязательные поля вместо маркировки обязательных полей звездочкой. Большинство полей являются обязательными и в оригинале красные звездочки были повсеместно. Маркировка необязательных полей делает форму менее "переполненный".

Шаг 2 (подбор и доставка):





Список изменений на шаге 2:

1. Те же изменения, что и в шаге 1 в отношении кнопки (дизайн / надпись), меток полей (выравнивание / текст) и обязательных полей.

2. Снижение общего количества видимых полей формы с 22 до 6. Оригинальная форма была безумно переполненной метками. Например, отдельные поля для часов и минут, а также отдельных поля для дня, месяца и года. Главное действие тут касалось введения выпадающих полей с фиксированными данными и интерактивный календарь, чтобы пользователи могли просто нажать и выбрать дату.

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

Шаг 3 (контактная информация)





Список изменений на шаге 3:

1. Те же изменения, что и в шагах 1 и 2 в отношении кнопки, меток полей и обязательных полей.

2. Снижение общего количества полей с 6 до 4. Оригинальная форма просила почтовый индекс города и адрес. Однако эта информация не является необходимой, в связи с тем что перевозчику нужна лишь информация чтобы связаться с вами - имя, телефон, электронная почта...

3. Унифицированные поля по два в ряд, что облегчает обзорность.

4. Кнопка действия оригинала скорее призывала "отказаться" от отправки формы – вместо того чтобы представить себя. Прямой перевод новой копии призыва к действию звучит как "Получить бесплатные котировки доставки".

Изменения заголовка (заголовок и обзорность)

Оригинальный заголовок и новый заголовок





Список изменений:

1. Прямой перевод оригинального заголовка звучал как "Заполните форму - это займет всего минуту". Прямой перевод нового заголовка звучит как "Получить котировки доставки бесплатно, без обязательств". Я также добавил под-заголовок, который гласит: "Заполните 3 шага и получите 4 котировки по электронной почте непосредственно от перевозчиков".

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

2. Описания каждого шага. Я добавил описания каждого шага, чтобы дать потенциальным клиентам четкое представление о том, чего ожидать на протяжении всего процесса заполнения формы.

Результаты и данные

Мы не могли запустить тест формы А / Б паралельно. Так что в этом случае мы сравнили данные за 90 дней, предшествовавших изменению с данными за 90 дней после запуска новой формы. Никаких других изменений в ходе 180-дневного периода не проводилось, и мы увидели подъем.

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





А вот данные относительной разницы по показателям завершения заполнения формы (количество посетителей, которые начинают на шаге 1 и завершают процесс).





А вот процент выполнения отдельных шагов в новой форме.




Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Способы увеличения прибыли с сайта под ФО Bosmer Файлообмен 28 20.04.2015 13:15
7 способов оптимизации эффективности форм на сайте Strike Статьи 0 23.05.2014 15:20
Оптимизация изображений для повышения конверсии Ребиллер Статьи 0 06.04.2014 16:33
Инструменты для увеличения уровня конверсии StrannikK Аналитика 2 28.06.2013 17:34
CRO - Оптимизация коэффициента конверсии Alsu Магазины 0 23.05.2013 22:33

Метки
конверсия, оптимизация, форма


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 02:31. Часовой пояс GMT +3.