Підвищення конверсії з веб-форм

Веб-форма є основним способом взаємодії з користувачами сайту для таких цілей, як отримання даних різного роду.

Веб-форма є основним способом взаємодії з користувачами сайту для таких цілей, як отримання даних різного роду. При цьому заповнення форми - це не найцікавіше заняття, і якщо відвідувачам незручно їй користуватися, то даний факт здатний спровокувати чимала кількість відмов.
Відзначити, що є прийоми і методи, застосувавши які можна уникнути великих втрат трафіку і з позитивної сторони вплинути на зростання конверсії. Веб-форми зараз можна зустріти практично скрізь: зворотній зв'язок, реєстрація, підписка на розсилку і інші. Їх важливість важко переоцінити, і саме з цієї причини процесу оптимізації веб-форм потрібно приділити пильну увагу.

Структура та оформлення форми

Клюєвим принципом створення форм для заповнення можна вважати наступну фразу: «менше - краще». Тобто: як можна менше полів, мінімальна кількість витрат часу на заповнення, а також мінімум питань особистих даних. Пріоритетом має стати простота, ясність, і, безсумнівно, передбачуваність. Слід мінімізувати дискомфорт відвідувачів сайту при заповненні форми, бо багато з них вважають це стомлюючим.

Необхідну кількість полів форми

Американське маркетингове агентство під назвою «HubSpot» кілька років тому провело дослідження форм на сайтах, що належать своїм клієнтам. У ході дослідження було з'ясовано, що при зменшенні кількості полів з 4-х до 3-х, конверсія збільшилася вже на 50 відсотків! Дуже довгі форми лише відлякують користувачів, тому потрібно намагатися зменшити кількість полів до мінімуму. Використовуйте простий принцип: питайте тільки важливу інформацію, не заповнивши яку неможливо зареєструватися або зробити замовлення. Якщо ж ви пропонуєте оформлення передплати на якусь розсилку, запитуєте вказати лише e-mai.
Часто можна побачити форми, що мають необов'язкові полями для заповнення, в яких обов'язкові поля позначені зірочками. Іноді вони можуть бути потрібні, і вони заповнюються опціонально, наприклад, з введенням промокода. Однак коли додаткові поля – це лише привід зібрати якомога більше даних, від них краще відмовитися.

Розбивка форми з великою кількістю полів

Відмінним варіантом стане розміщення форми на 1-му екрані, іншими словами, в частині сайту, видно і без прокручування. Коли ваша форма велика, радимо розбити її на певну кількість послідовних кроків. Хорошим рішенням можна назвати і використання у верхньому куті форми «статичної стрічки прогресу». Вона допоможе користувачеві побачити всі етапи заповнення, які очікують його в подальшому, а при необхідності він зможе повернутися на крок, де потрібно внести виправлення.

Кнопка призову до дії

На тій сторінці, де розташована форма, повинна перебувати лише кнопка «Призову до дії», і вона обов'язково повинна бути помітна і контрастна. Близьке розміщення 2-х кнопок (наприклад, «Скидання даних» і «Перейти далі») можуть заплутати відвідувача і спровокувати його відмова від подальшого заповнення.
На кнопці слід розмістити текст, який вказує на очікуване від відвідувача сайту дію, або на вигоду, яку він може отримати, перейшовши далі (припустимо, «Завантажити додаток» чи «Отримати квиток безкоштовно»).

Капча: складне або проста

є абсолютним злом будь-який веб-форми. Якщо ви впевнені у важливості використання даного елемента, то спробуйте зробити найбільш простим, в іншому ж випадку, навіть дуже терплячі користувачі можуть залишити ваш сайт після пари невдалих спроб ввести важкі поєднання.

Оптимізація форми для мобільних пристроїв

Розробляючи веб-форму, адаптуйте її спочатку для мобільних пристроїв. Це дозволить зробити більш зручним заповнення полів для користувачів і знизити показник відмов.