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