Спливаючі вікна як підвищити ефективність
За статистикою, 96% візитів не завершуються цільовою дією. Користувачі заходять, вивчають сторінки сайту та йдуть. Оптимізаторам залишається лише гадати, чому так сталося, чи отримав користувач, що хотів, що його не влаштувало, чому пішов і не купив.
Спливаючі вікна можуть докорінно змінити ситуацію: підвищити конверсію, завершити продаж, отримати контакт користувача.
Розбираємось, які спливаючі вікна працюють, чому вони ефективні та наводимо чек-лист правильних вікон.
У цьому випуску:
- Які спливаючі вікна працюють
- Чому спливаючі вікна ефективні
- Чек-лист правильних спливаючих вікон
Які спливаючі вікна працюють
Ніхто не хоче визнавати факту:
користувачі залишали, залишають і залишатимуть сайти. Їх не зупинити.
Причин цьому маса: користувача не зацікавила пропозиція, сторінка не відповідає на запитання (низька релевантність), користувача щось відволікало, сторінка не оптимізована під мобільний пристрій, користувач отримав, що хотів, але ціль не збігається з метою сторінки (наприклад, Користувач уточнив характеристики вже купленого товару на сторінці комерційного сайту).
Незалежно від причин, чому відвідувач йде, спливаюче вікно стає інструментом утримання та повернення користувача на сайт. Спливне вікно спрацює, якщо воно:
- своєчасно
- релевантно
- несе цінність для користувача
Навіть правильне спливаюче вікно не втримає і не поверне користувача, якщо сайт низької якості, в текстах помилки, сайт ні про що. GetGoodRank вказує, що виправити на сайті для користувача.Перевіряємо якість оформлення сторінок, тексти, простоту замовлення та оплати.
Чому спливаючі вікна працюють?
1. Випливаюче вікно вирішує проблему вибору
Про парадокс вибору говорили Баррі Шварц та Шина Айєнгар. Сьогодні користувачеві є занадто багато опцій, занадто багато параметрів для порівняння, не важливо, це онлайн або оффлайн досвід. Інтернет-магазини пропонують фільтри для спрощення пошуку потрібного товару, але застосування фільтрів часто залишає користувача перед занадто великою кількістю варіантів. Коли мозок перевантажений інформацією, він вибирає найпростіше і найшвидше рішення — піти.
Той самий феномен пояснює ефективність лендингів.
Один лендинг - одна обґрунтована пропозиція.
Коефіцієнт уваги таких сторінках досягає 100%.
Спливаючі вікна беруть на себе функцію ввічливого продавця, який пропонує допомогу в потрібному місці в потрібний момент. Вони концентрують увагу користувача на одному, оптимальному реченні і спрощують прийняття рішення.
Сторінка — багато опцій для вибору, спливаюче вікно — одна пропозиція
2. Порушує звичний алгоритм дій
Техніка називається "руйнування патерну". Дуже проста. Полягає в дії, яка порушує звичний перебіг дій відвідувача. Користувач знає, що після натискання на «хрестик» він залишить сайт. Якщо з'явиться правильне спливаюче вікно, користувач:
- затримається на сайті
- виконати пропоновану дію
3. Техніка повторення
Спливне вікно підвищує частоту показів меседжу. Вважається, що користувач повинен побачити пропозицію кілька разів, перш ніж він виконає цільову дію. Магічне число - 7.
В цьому випадкуспливаючі вікна також працюють у довгостроковій перспективі. Навіть якщо користувач не здійснить потрібну дію зараз, у пам'яті відкладеться ваша пропозиція. Користувач згадає саме про ваш сайт у момент виникнення потреби.
Мозок не любить складних ребусів і приймає завжди найпростіше рішення. Враховуючи інформаційну густину сучасного життя, користувачі не хочуть переважати себе аналізом численних опцій вибору. Чим простіше вибір продукту, тим вища конверсія.
Люди інстинктивні. Ми схильні вибирати ті алгоритми поведінки, у яких діємо на автопілоті. Порушення "автопілотного" алгоритму поведінки привертає увагу і змушує користувача вчинити інакше.
Чек-лист правильного спливаючого вікна
1. Мета запуску
Продаж, лідогенерація, розподіл трафіку. та інші
Для продаж оптимальним місцем активації спливаючого вікна стає головна сторінка, сторінка з прайс-листом або цінами (картка товару), кошик.
Для лідогенерації спливаючі вікна рекомендують активувати на головних сторінках, інформаційних сторінках, посадкових сторінках сайту.
Для розподілу трафіку зі сторінок з низькою конверсією активуйте спливаючі вікна на сторінках про компанію/про нас, інформаційні сторінки (про доставку, гарантію, оплату), на сторінках блогу.
2. Момент показу
Якщо у вас є знижки, пропозиції, акції, покажіть спливаюче вікно на вході, як це робить LaModa:
Для решти варіантів важливо підібрати правильний момент. Це може бути вихід зі сторінки товару/розділу каталогу на головну, вихід із кошика з товаром на головну і т.д.
3. Оформлення спливаючого вікна
- Оптимальний розмір спливаючого вікна на старті відвідування, як і після певного часу - 500х300 або 740х500 пікселів (рекомендації Unbounce)
- Оптимальний розмір спливаючого вікна на виході з сайту - 900х700
- СТА-кнопка повинна виділятися на тлі зображення, тексту та інших елементів дизайну вікна
- Порожній простір - обов'язкова умова для будь-якого вікна. Текст стає більш читаним, інформація легше засвоюється.
- Не більше двох полів для заповнення — вікно, що спливає, спрощує дію по максимуму. Не завантажуйте користувача розгорнутою анкетою. Ім'я та контакт – цього абсолютно достатньо.
4. Оформлення тексту
Заголовок — великий, шрифт, що легко читається, привертає увагу, відокремлений від основного тексту відступом.
Основний текст — ясно викладає суть речення, короткий, розмір шрифту не змушує користувача придивлятися. Не використовуйте багато різних виділень. Це ні до чого.
5. Суть пропозиції
СТА-кнопка — чи зрозуміло користувачеві, що станеться після натискання кнопки? Чи зрозуміла користувачеві суть пропозиції?
Обмеження за кількістю/часом — чи зрозуміло користувачеві, що пропозиція обмежена?
«НЕ!» - чи використовується в тексті заперечення? У короткому тексті не рекомендується використовувати заперечення. Вони створюють психологічні бар'єри до ухвалення рішення.