Розробка цільових сторінок і конверсійних маршрутів
при створенні інтернет-магазину
Доповідач: Ольга Небувайло
1. Цільові сторінки: цілі і задачі.
2. Конверсійний маршрут і його оптимізація.
3. Структура landing page.
4. Типові помилки і як їх уникнути.
5. Тестування лендінгів.
Зміст доповіді
— зрозуміла навігація;
— гармонійний дизайн;
— ніщо не відволікає увагу користувача;
— дизайн «підштовхує» до покупки;
— ресурс швидко загружається.
Запорука успішного сайту
Створення проекту необхідно починати з вивчення предметної області майбутнього інтернет-магазину
та визначення задач, які має вирішувати сайт.
Щоб зрозуміти, як буде поводитися користувач на сайті,
поставте себе на його місце, спрогнозуйте його дії на сайті
та підведіть його до кінцевої мети —
до оформлення замовлення.
З чого починати розробку сайту
Користувачі, переходячи з пошукових систем, рекламних
банерів, контекстної реклами та інших джерел трафіку,
потрапляють на цільову або посадкову сторінку сайту
(від англійського landing page — сторінка приземлення).
Відвідувачі інтернет-магазину в основному «приземлюються»
на сторінку каталогу або сторінку товару.
Цільові сторінки: цілі і задачі
Уявіть, що ви довго ходили і шукали те, що вам потрібно.
Ви дуже втомилися і хочете сісти відпочити. Ви хочете сісти на звичайний стілець.
Життєвий приклад
Життєвий приклад
ЗламанийЗнайшли!
Але ви розумієте, що на цьому стільці
сидіти неможливо. Уточнення: вам
потрібен не зламаний стілець,
з якого ви б не впали.
Життєвий приклад
НезрозумілийУ вас не має часу на те, щоб
розбиратися, як стілець можна
використовувати, краще далі
продовжити пошуки. Вам потрібен
стілець, який можна буде
використовувати за його прямим призначенням.
Обмежені можливостіНавіщо вам незручний табурет, якщо
ви можете знайти стілець?
Будете шукати далі. Вам потрібен
стілець з усіма можливостями,
ви не хочете себе обмежувати.
Життєвий приклад
НестандартнийЦікава ідея. Але, мабуть, ви
відмовитеся. Ви не хочете експериментувати.
Вам потрібно щось більш
стандартне.
І взагалі, ви ненавидите кактуси.
Життєвий приклад
ІдеальнийВи знайшли те, що шукали.
Нарешті ви зможете сісти і відпочити.
Цей стілець відповідає основним вашим критеріям.
Життєвий приклад
Додаткові переваги А тут ще підлокотники і подушечка
в комплекті. Те, що потрібно! Несподівано ви побачили ті переваги,
про які спочатку не здогадувалися.
Життєвий приклад
Стілець Landing page
Не зламаний. Коректна робота всіх елементів.
Можна використовуватиза призначенням.
Видно, які дії необхідно вчинити.
Стілець зі спинкою, не табурет. Показані всі переваги товару,послуги, компанії.
Виглядає стандартно. Всі процедури (замовлення, реєстрація) стандартні і не вимагають спеціальних знань або умінь.
Подушка і підлокітники. Підкреслені додаткові вигоди товару.
Основні вимоги до landing page
1. Сторінка товару.
2. Сторінка каталогу.
3. Кошик.
4. Сторінка оформлення замовлення.
5. Головна сторінка.
Ранжування сторінок магазину за ступенем важливості
Замовлення зі сторінки каталогу робить 1% користувачів.
Зі сторінки товару — 99% користувачів.
Проста статистика
1. На етапі дизайну закладаються елементи, які неможливо
реалізувати, що призводить до доопрацювань дизайну.
2. У замовника з’являються додаткові побажання, через які
виконавцям доводиться відволікатися на дрібні правки,
без концентрації на глобальних задачах.
3. Інші форс-мажорні обставини.
Найчастіші причини недотримання дедлайнів
Fix time and budget, flex scope
Cтандартна схемаПри виникненні форс-мажорних
обставин, проект не зможе
функціонувати, тому не буде запущений в строк.
Fix time and budget, flex scopeПроект буде у будь-якому
випадку запущений в строк.
Додаткові функції реалізуються
після здачі проекту.
Конверсійний маршрут і його оптимізація
Конверсійний маршрут — це шлях користувача на сайті,
який починається цільовою сторінкою, закінчуюється
транзакційною сторінкою, на якій користувач оформлює
замовлення.
Ідеальний шлях користувача
1. Перехід на цільову сторінку.
2. Отримання необхідної інформації.
3. Натискання кнопки «Купити».
Правило трьох кліків
Користувач повинен мати
можливість знайти будь-яку
інформацію на сайті не більше
ніж за 3 кліка мишкою.
Якщо користувач за 3 кроки
не знайде те, що він шукає на
сайті, то він розчарується
і піде з сайту.
1. Назва товару.
2. Фотографіїї товару.
3. Ціна.
4. Кнопка «Купити».
5. Статус наявності товару.
6. Інформація про гарантії та доставку.
7. Контактна інформація.
8. Опис товару, характеристики, відеоогляди.
9. Відгуки.
Структура landing page
— використання головної сторінки як цільової;
— непривабливий дизайн;
— відсутність ключової інформації на першому екрані;
— складна процедура замовлення.
Типові помилки і як їх уникнути
A/B-тестування (або «спліт-тестування») — це тестування
двох (чи більше) різних сторінок, які відрізняються тільки
по одному параметру (наприклад, колір кнопки).
Мультиваріантне тестування (тестування Тагучі) —
комплексне тестування двох (чи більше) варіантів сторінок,
які кардинально відрізняються.
Тестування лендінгів
Для проведення тестування потрібно мати великий трафік
і достатній запас часу.
Експеримент легко організувати в Google Analytics
(Стандартні звіти — Зміст — Експерименти).Детальна інформація в довідці Google Analytics, розділ «Відносні URL альтернативних
сторінок».
Тестування лендінгів
Тестування лендінгів
Сторінка має давати відповіді на такі питання:
— Що пропонує сторінка?
— В чому цінність пропозиції?
— Як замовити товар швидко?
Тестування лендінгів
— Починайте з проектування сторінки товару та каталогу.
— Дизайн робіть простим і зрозумілим.
— Аналізуйте успіх свого магазину.
— Розвивайте свій проект, додавайте нові функції.
— Любіть своїх користувачів і приділяйте їм увагу.
Висновки
Ольга Небувайло
acommerce.kiev.ua
(044) 538-01-61
acommerce.kiev.ua/blog
Звертайтеся до нас acommerce.kiev.ua
Дякую за увагу!
Recommended
